用LINQtoSQL创建Web应用系统（五）

来源：entlib.blog.51cto.com 作者：entlib.c… 出处：巧巧读书 2008-07-10 进入讨论组

设计开发表现层

表现层负责应用程序的用户界面，图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>