设计开发表现层
表现层负责应用程序的用户界面，图4.1是表现层的详细视图，包括Web Forms, Web User Control, Code-Behind 和共享的用户界面代码。表现层负责推送信息给终端用户和应用程序。在基于.NET的WEB应用程序中，这一层有.aspx / .ascx / .cs / .vb / web.config / .xml / .js / .resx / .css 等等。所有的这些文件集成在一起组成了表现层，提供给用户友好的界面。
图4.1：表现层 – 详细视图
ASP.NET 为web页面的开发提供了丰富的控件，通过这些控件，我们可以开发出可视化的界面和功能。在本示例程序中，表现层包括一个WebForm和一个Web User Control，使用GridView / DetailsView 控件给用户提供友好的界面，实现基本的功能，如查询、插入、更新和删除等等操作。下面展示部分HTML脚本和code-behind代码，这些脚本用来在GridView中显示数据。可以了解如何通过LINQ访问Table对象：
代码片段1.3：用户界面-HTML
<asp:GridView ID="gvCustomer" runat="server" Width="100%" AutoGenerateColumns="False"
AllowPaging="True" DataKeyNames="CustomerID"
onpageindexchanging="gvCustomer_PageIndexChanging"
onrowediting="gvCustomer_RowEditing" >
<FooterStyle CssClass="GridFooter"></FooterStyle>
<RowStyle CssClass="GridItem"></RowStyle>
<AlternatingRowStyle CssClass="GridAltItem"></AlternatingRowStyle>
<HeaderStyle CssClass="GridHeader" HorizontalAlign="Left"></HeaderStyle>
<Columns>
<asp:BoundField DataField="CustomerID" HeaderText="客户ID" />
<asp:BoundField DataField="CompanyName" HeaderText="公司名称" />
<asp:BoundField DataField="ContactName" HeaderText="联系人" />
<asp:BoundField DataField="ContactTitle" HeaderText="联系人头衔" />
<asp:BoundField DataField="Address" HeaderText="地址" />
<asp:CommandField ButtonType="Link" HeaderText="选择" ShowEditButton="true" EditText="选择"
CausesValidation="false" />
</Columns>
</asp:GridView> |
