petshop学习之三:表现层（1）

 

petShop4.0的表现层的实现在Web文件夹，默认的首页是Default.aspx。我们要详细地介绍下这个页面。首先我们看一下页面的外观和布局，在asp2.0中，web.config定义了应用程序的各种基本配置，下面这句定义了页面默认使用的主题和样式表，这些都放在App_Themes下面，这里定义的是在PetShop目录下。其中的theme定义了控件的外观，styleSheetTheme定义了页面样式信息。

<system.web>

<pages theme="PetShop" styleSheetTheme="PetShop"/>

 

在Default.aspx中，第一句是页面的配置信息，定义了使用的语言，代码文件等。

<%@ Page AutoEventWireup="true" CodeFile="~/Default.aspx.cs" EnableViewState="false" Inherits="PetShop.Web.Default" Language="C#" %>

 

第二句则是用户自定义控件的注册信息，注册了一个导航控件，它的实现在Src属性中定义，感兴趣的可以去看看实现。

<%@ Register Src="Controls/NavigationControl.ascx" TagName="NavigationControl" TagPrefix="PetShopControl" %>

 

接下来就是页面主体的内容了，别被那么多的<tr><td>吓倒，这些只是布局的标签，不用理会。我们要关心的是其中的控件。记住，以<asp:Name…. 开头的是vs2005自带的控件，以<PetShopControl:Name….开头的是用户自定义的控件，经过注册后可在页面中使用。

 

<asp:TextBox ID="txtSearch" runat="server" CssClass="homeSearchBox" Width="130px"></asp:TextBox>

这个控件定义了一个输入框，用户可以输入要搜索的内容，然后点击搜索按钮控件就可以执行搜索

<PetShopControl:NavigationControl ID="Categories" runat="server"></PetShopControl:NavigationControl>

这个控件是用户自定义的，用于生成导航栏，它能将用户带到选择的宠物页面。

查看这个控件的定义：发现它使用了一个Repeater控件，这个控件能将重复得将信息显示在导航栏中，并生成超链接。

<asp:HyperLink runat="server" ID="lnkCategory"  NavigateUrl='<%# string.Format("~/Products.aspx?page=0&categoryId={0}", Eval("Id")) %>' Text='<%# Eval("Name") %>' />

<asp:HiddenField runat="server" ID="hidCategoryId" Value='<%# Eval("Id") %>' />