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