《基于ASP.NET的We应用开发资源单元7数据绑定技术》由会员分享，可在线阅读，更多相关《基于ASP.NET的We应用开发资源单元7数据绑定技术（22页珍藏版）》请在金锄头文库上搜索。
1、WEB 应 用用 开 发单元单元7 7：数据绑定技术：数据绑定技术任务7：电子商务系统的实现主 要 内 容概述1GridView控件2DetailsView控件3FormView控件4DataList控件5Repeater控件6学习目标掌握数据源控件的使用方法掌握数据绑定的方法。掌握GridView控件的使用方法。掌握DataList控件的使用方法。掌握DetailsView控件的使用方法。掌握FormView控件的使用方法。掌握Repeater控件的使用方法。技术应用的背景 在网站或应用程序中，如果要显示数据信息，可以用到ASP.NET提供的数据源控件和能够显示数据的控件。利用这些控件，开发
2、人员只需要简单的修改模板就能够实现数据显示的编辑。极大的方便了开发人员的对数据的显示和编辑工作。一、任务描述子任务子任务1 1 商品的添加商品的添加 管理员能在后台添加商品。商品的所有信息包括书名、作者、出版社等信息，都可以录入。后台录入的数据，用户可以在前台访问到。 子任务子任务2 2 商品的显示商品的显示 显示所有商品的信息，通过商品名称或图片链接可以查看商品的详细信息。一、任务描述子任务子任务3 3 商品的搜索商品的搜索 用户在文本框中输入图书名后单击右侧的“搜索”，能将与输入图书名相匹配的所有图书以列表的形式显示出来，具体的效果如图7-28所示，如果相关图书较多时，要求能分页显示。子任
3、务子任务4 4 购物车购物车 当用户选择好商品后单击“购买”，将所选择的商品加入到购物车。当用户单击页面上方“我的购物车”，可以浏览到所选择的所有商品。用户可以修改所选购商品的数量、删除某件商品或清空购物车；如果还想继续购物，单击“继续购物”按钮，回到首页继续购物。在购物车页面可以显示所选购商品的总金额。二、基本知识与技能概述数据控件数据控件包括数据源控件数据源控件和数据绑定控件数据绑定控件u数据源控件主要用于实现从不同的数据源获取数据的功能，其中包括链接到数据源，使用SQL语句获取和管理数据等。u根据的基类的不同，数据源控件数据源控件分为普通数据源控件和层次化数据源控件两类。普通数据源控件包
4、括ObjectDataSource控件、 SqlDataSource控件和AccessDataSource控件，用于检索包含给予集合的数据的用于检索包含给予集合的数据的数据源数据源；层次化数据源控件包括：SitMapDataSource控件和XmlDataSource控件，用于检索包含层次化数据的数据源用于检索包含层次化数据的数据源。SqlDataSource控件是ASP.NET中应用最广泛的数据源控件。它能够访问目前主流的关系数据库。SqlDataSource控件结合数据绑定控件，为数据源控件SqlDataSource设置数据库连接字符串，SQL语句和存储过程等，在不写代码或少写代码的情况下
5、从数据源获取数据显示在页面上。当运行应用程序时， SqlDataSource控件根据设置的参数自动地连接数据源，执行SQL语句或存储过程，返回选定数据，然后关闭数据库。二、基本知识与技能SqlDataSourceSqlDataSource概述二、基本知识与技能数据据绑定控件定控件1. GridView1. GridView控件控件 GridView控件以表格形式按照设定的SQL语句有目的地显示数据源数据，并能在运行页面内实现用户对数据库内容的修改、删除、分页显示和排序等功能。GridViewGridView控件主要的功能有：控件主要的功能有：l显示数据显示数据：通过将数据源控件绑定到GridV
6、iew控件，它可以将从数据源控件获得的数据以表格形式显示在Web页面中l自定义外观和样式自定义外观和样式： GridView控件具有很多外观和样式属性l数据分页及导航数据分页及导航： GridView控件能自动对数据进行分页显示，同时自动为分页创建导航按钮l数据排序数据排序：通过单击GridView控件标头的列名能够实现排序的功能l数据行选择数据行选择：可以自定义对GridView控件中的所选择的数据行操作l数据编辑数据编辑: GridView控件支持对数据行的编辑l数据格式化数据格式化： GridView控件可以在表格级、数据行级、数据列级和单元格级对数据进行格式化。表格中还可以显示复选框、
7、按钮、超链接和图片等二、基本知识与技能数据据绑定控件定控件GridView二、基本知识与技能数据据绑定控件定控件GridView实例1：利用GridView和SqlDataSource实现数据表中数据的显示。具体操作过程见教材P154。实例2：利用代码实现GridView控件的显示与编辑数据的功能。具体操作过程及代码见教材P162。二、基本知识与技能数据绑定控件DetailsView控件DetailsView控件主要用来显示和处理来自数据源的单条数据记录，以表格的形式显示。 DetailsView控件只包含2个数据列：数据列名和对应列的相关的详细数据。适用于数据列较多且需要逐行显示数据的情况。
8、 DetailsView控件和GridView控件一样支持数据源控件绑定，具有数据显示、分页、编辑、删除、通过主题和样式自定义外观等功能。支持新建功能，可以添加新的数据。不支持排序功能。实例3：利用GridView控件显示数据，用DetailsView显示其对应的详细信息，具体操作过程及代码见教材P166.二、基本知识与技能数据绑定控件FormView控件FormView控件与DetailsView控件很相似。如：都可以只显示器数据源中的单个记录， 具有分页的能力， 都支持数据显示、编辑等功能。差别：DetailsView控件能自动创建HTML表格结构，并且显示数据源中的数据字段和数据值。Fo
9、rmView控件不指定用于显示数据的预定义布局，可以通过自定义模板属性来定义在编辑模式下的外观样式和数据绑定。二、基本知识与技能数据绑定控件DataList控件 DataList控件具有数据显示功能，数据的布局通过模板来进行。同时提供了几个常用的命令。DataList控件的没有指定数据显示的外观，可以通过模板来布局。实例5：利用DataList控件显示并编辑数据。具体操作过程及代码见教材P166。实例：利用DataList控件分页显示数据。具体操作过程及代码见教材P172。二、基本知识与技能数据绑定控件Repeater控件Repeater控件可以绑定数据库，和 DataList控件相似，但是有
10、区别：DataList控件显示时会把每一条记录放在一个表格单元内， 而Repeater控件就会严格按照用户的定义显示数据；DataList控件支持更新和删除记录， 而 Repeate控件则只支持查询记录；DataList控件可以在1行显示若干条记录， 而Repeate控件1行只能显示1条记录。 总的来说，Repeater控件显示更自由，但是功能最简单。二、基本知识与技能数据绑定控件ListView控件 Repeater一般只用来展示数据，如果要增删改查(CRUD)则用ListView更方便。使用向导来使ListView会自动生成很多模板，免去手写模板代码的麻烦，再进行手工调整即可。实例6：用L
11、istView控件实现数据的分页显示。具体操作过程见教材P174。操作步骤：（1）在EBookShop站点下新建AddBooks.aspx页面，新建时选择MainMasterPage.master母版。（2）在AddBooks.aspx页面制作“添加图书信息界面”。具体代码见教材P176。三、任务的实施子任务子任务1 1 商品的添加商品的添加三、任务的实施子任务子任务2 2 商品的显示商品的显示操作的步骤:（1）在EBookShop站点下新建BookList.aspx页面，选择MasterPage.master母版。（2）在页面添加一个Repeater控件、2个标签、4个按钮，设置相关属性见表
12、7-3所示。（3）在web.config文件中配置数据源。具体代码见教材P181。（4）编写代码实现数据的分页显示。具体代码见教材P181。三、任务的实施子任务子任务3 3 商品的搜索商品的搜索实施的步骤（1）在MasterPage.master母版页中，添加“搜索”的事件代码，当输入的内容不为空时，将用户所输入的内容以参数的形式传递到BookLists.aspx页面，搜索到的结果在BookLists.aspx页面中显示。具体代码见教材P183。（2）在站点下新建BookLists.aspx页面，页面的设计与布局与BookList.aspx完全相同。只需要修改数据源既可。其中GetData()
13、方法的代码修改具体代码见教材P184。三、任务的实施子任务子任务4 4 购物购物车实施的步骤(1)在BookLists.aspx页面中添加一个“购买”按钮。即在Repeater控件的表格Table最后一行的后面添加一行，在行内添加1ImageButton。具体代码见教材P185。（2）添加“购买”按钮的事件代码。因为“购买”按钮是放在Repeater控件的模板内的。所在事件代码要添加在Repeater1控件的ItemCommand事件中，示例代码如下所示。具体代码见教材P185。（3）同样的方法在BookDetail.aspx页面中添加1个“购买”按钮，并添加事件代码。将BookDetail.
14、aspx.cs文件中的Page_Load（）方法中的所有代码放在if (!IsPostBack) 中。因为该页面第一次是由BookLists.aspx页面跳转过来的，当单击“购买”按钮页面回传时，只实现“购买”功能，不用再重新加载数据。（4）“我的购物车”页面设计在站点新建购物车页面ShopCart.aspx，在页面添加1个GridView控件，4个标签，4个按钮。设置相关属性见表7-4所示。（5）在“我的购物车”页面显示所选商品信息。具体代码见教材P187。三、任务的实施子任务子任务4 4 购物购物车四、小结学习了数据绑定源控件及其作用学习了数据绑定控件的作用学习了常用的数据绑定控件的使用方法 本次学习的主要内容能对数据库中的数据的读取并本次学习的主要内容能对数据库中的数据的读取并在页面显示，而且还可以将用户交互的数据写往数据库。在页面显示，而且还可以将用户交互的数据写往数据库。
