您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 项目/工程管理 > Datalist数据绑定+分页显示(实例项目练习)
MyBookShop书籍分页显示功能功能需求:1.进入书籍详细列表页面(BookList.aspx),以列表的方式显示书籍信息,因为书籍过多,所以采取分页方式显示,可以通过点击“上一页”和“下一页”显示书籍信息图1图书分页效果2.书籍显示外观设计:在书籍列表内容页中拖放一个DataList控件,然后使用设计器编辑DataList的项模板选择“编辑模板”选项,进入到“项模板”编辑窗口在项模板中拖放一个三行两列的Table标记,行合并第一列,放置图书的图片行合并第二行第一列,行合并第三行第二列模板列中Table用来显示书籍的相关信息,如下图所示:3.DataList绑定表达式的写法Books表结构如同所示:绑定字段:图书标题绑定“title”字段图书备注绑定“contentDescription”字段图书价格绑定“unitprice”字段问题:图书照片的路径如何绑定到图片控件上?图片的资源文件存放在在站点的路径如图所示:请注意这些图书图片的命名就是Books表ISBN列中存放的图书ISBN编码+“.jpg”组成,那么显示图书图片控件的Imageurl属性可以这样设计asp:ImageID=Image1runat=serverImageUrl=’%#“~/Images/BookConvers/”+Eval(“ISBN”).ToString()+”.jpg”%’Height=101pxWidth=91px/4.后台绑定实现由于书籍信息过多采用自定义分页显示书籍信息,每页显示4本书的信息,效果图1所示:设计思路:因为Books表有1077行,一页无法显示,采取分页显示每页显示4条数据。当点击“下一页”时,定义一个全局变量记录当前页码加一,并从数据库总提取下一个4条数据,同理,点击“上一页”时,页码值减一,从数据库总提取上一个4条信息。注意,在做翻页的时候要判断是否到第一页或者最后一页,避免页码超出范围。设计分页存储过程如下:在DAL层BookServices类中创建方法调用该分页存储过程,在BLL层中封状分页方法,在BookList.aspx中实现分页5.扩展功能1)进入站点首页(Default.aspx),选择相应的书籍分类,例如选择ASP.NET导航到BookList.aspx页面,在URL地址后跟图书类型编号typeid为选种的书籍类型编号,导航到书籍详细信息页面,根据typeid查询出符合条件的数据绑定到DataList控件上,采取自定义分页每页显示4本书。提示:需要扩展以上分页存储过程,添加条件参数@typeid2)书籍排序显示如上图所示:提供两种排序方式:按出版日期和书籍价格排序。点击“出版日期”按钮,则按“出版日期”重新排序。3)首页模糊查询显示符合条件的书籍信息,如图所示:
本文标题:Datalist数据绑定+分页显示(实例项目练习)
链接地址:https://www.777doc.com/doc-752186 .html