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