邊學邊做之php+mysql+smarty+apache搭建個人部落格(4):header.php詳解

第三期教程語言有些浮誇了，而且內容不太充實，請原諒。

第四期我想介紹的是header.php即每個頁面都有的頭部，製作單獨的頭部，之後在設計其他頁面的時候就可以直接引用。軟體設計中有一個原則就是避免書寫重複代碼。把這個原則用於網頁設計，就是把一個網站共同的部分提出來單獨編寫。

header.php用到的主要技術是bootstrap和php的session。bootstrap是一個css和javascript架構。官方的宣傳語是：Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

使用bootstrap最大的兩點好處是：

1.響應式布局：用bootstrap製作的網頁會根據螢幕解析度自適應，這點是非常實用的，在移動終端盛行的年代，網站不可能只面向一種裝置。

2.bootstrap可以讓一個不擅長美工的碼農設計出漂亮的網站，現在快速開發的網站很多都採用bootstrap架構。

session原理：session簡單來說就是將內容臨時儲存在伺服器，而與之相對應的cookie則是將內容儲存在使用者端。session預設有三種儲存機制：檔案儲存體方式，記憶體儲存方式和使用者自訂儲存方式。對於伺服器不是很好的開發人員來說，採用預設的檔案儲存體方式就可以了，對於記憶體大，追求速度，並且並發量較小的網站可以採用記憶體儲存。修改儲存方式可以通過修改php.ini檔案中的session.save_handler的值。

　　

　 最終效果如下：

　　

下面就是header.php的源碼，想說的基本都寫在注釋中了，有什麼不理解或者覺得不對的地方可以一起交流。

Toggle navigation





Blog_Logo

• Home



• About



• Article List





• 
  classification
  
  
  
  • 類型1
  
  
  • 類型2
  
  
  • 類型3
  
  
  
  
  
  • 類型4
  
  
  • 類型4的子類1
  
  
  • 類型4的子類2
  
  
  
  

session_start(); // 啟動session
if( $_SESSION[username]){ // 如果使用者名稱存在則輸出使用者名稱，增加退出按鈕
/* 需要說明的是這兒最好還需要驗證以下密碼，等設計完登入頁面，我們再回頭加上 */
echo "
";
echo "
• $_SESSION[username]
";
echo "
• 退出
";
echo "
";
} else{ // 否則顯示登入，這裡要注意雙引號內的轉義
echo "
";
echo "
• 請登入
";
echo "
";
}

?>

