3.6　網站首頁設計

3.6.1　網站首頁概述

對于企業門戶網站來說，首頁極為重要，它代表一個公司的企業形象。在企業門戶網站的首頁中，用戶不但可以查看公司的公告信息和新聞信息，而且還可以查看產品信息及工具軟件和補丁的下載排行。企業門戶網站首頁的運行結果如圖3.16所示。

3.6.2　網站首頁技術分析

企業門戶網站的首頁由很多的用戶控件組成，下面對Web中的用戶控件進行詳細介紹。

用戶控件是一種復合控件，開發人員可以向用戶控件中添加現有的Web服務器控件和標記，并定義控件的屬性和方法，然后可以將用戶控件嵌入ASP.NET網頁中充當一個單元。

ASP.NET Web用戶控件（.ascx文件）與完整的ASP.NET網頁（.aspx文件）相似，同樣具有用戶界面和代碼，開發人員可以采取與創建ASP.NET網頁相似的方式創建用戶控件，然后向其中添加所需的標記和子控件。用戶控件可以像ASP.NET網頁一樣對其所包含的內容進行操作（包括執行數據綁定等任務）。

用戶控件與ASP.NET網頁主要有以下區別：

　用戶控件的文件擴展名為.ascx。

　用戶控件中沒有@Page指令，而是包含@Control指令，該指令對配置及其他屬性進行定義。

　用戶控件不能作為獨立文件運行，而必須像處理任何控件一樣，將它們添加到ASP.NET頁中。

　用戶控件中沒有html、body或form元素。

創建用戶控件的方法與創建ASP.NET網頁大致相同，其主要步驟如下：

（1）打開解決方案資源管理器，在項目名稱中單擊鼠標右鍵，然后在彈出的快捷菜單中選擇“添加新項”命令，彈出圖3.17所示的“添加新項”對話框，在該對話框中選擇“Web用戶控件”選項，并為其命名，單擊“添加”按鈕即可將Web用戶控件添加到項目中。

（2）打開已創建好的Web用戶控件（用戶控件的文件擴展名為.ascx），在.ascx文件中可以直接添加各種服務器控件及靜態文本、圖片等。

（3）雙擊頁面上的任何位置，或者直接按F7鍵，可以將視圖切換到后臺代碼文件，程序開發人員可以直接在文件中編寫程序代碼，包括定義各種成員變量、方法及事件處理程序等。

3.6.3　網站首頁實現過程

本模塊使用的數據表：tb_Product、tb_News、tb_Link、tb_User

企業門戶網站的首頁由母版頁和內容頁組成，下面分別對首頁中用到的母版頁和內容頁的設計進行講解。

（1）MasterPage.master（母版頁）主要使用Table（表格）、用戶控件、HyperLink控件和Menu控件設計完成，它主要用到的控件如表3.8所示。

（2）內容頁主要由Table表格和用戶控件設計完成，其中Table表格用來布局頁面。

（3）由于該網站前臺首頁中的母版頁和內容頁都是由用戶控件組成，因此后臺無須編寫具體的實現代碼，只需在Page_Load事件下設置網站標題即可。Default.aspx頁面的Page_Load事件代碼如下：

例程22　代碼位置：資源包\TM\03\EnterpriseWeb\Default.aspx.cs