MyBookShop 书籍分页显示功能 功能需求: 1
进入书籍详细列表页面(BookList
aspx ),以列表的方式显示书籍信息,因为书籍过多,所以采取分页方式显示,可以通过点击“上一页”和“下一页”显示书籍信息 图 1 图书分页效果 2
书籍显示外观设计:在书籍列表内容页中拖放一个 DataList 控件,然后使用设计器编辑DataList 的项模板 选择“编辑模板”选项,进入到“项模板”编辑窗口 在项模板中拖放一个三行两列的 Table 标记,行合并第一列,放置图书的图片 行合并第二行第一列,行合并第三行第二列 模板列中 Table 用来显示书籍的相关信息,如下图所示: 3
DataList 绑定表达式的写法 Books 表结构如同所示: 绑定字段: 图书标题绑定“title”字段 图书备注绑定“contentDescription”字段 图书价格绑定“u nitprice”字段 问题:图书照片的路径如何绑定到图片控件上
图片的资源文件存放在在站点的路径如图所示: 请注意这些图书图片的命名就是Books表ISBN 列中存放的图书ISBN 编码+“
jpg”组成,那么显示图书图片控件 的Imageurl属 性 可 以 这 样 设 计 4
后台绑定实现 由于书籍信息过多采用自定义分页显示书籍信息,每页显示4 本书的信息,效果图1所示: 设计思路: 因为Books 表有1077 行,一页无法显示,采取分页显示每页显示4 条数据
当点击“下一页”时,定义一个全局变量记录当前页码加一,并从数据库总提取下一个 4 条数据,同理,点击“上一页”时,页码值减一,从数据库总提取上一个 4 条信息
注意,在做翻页的时候要判断是否到第一页或者最后一页,避免页码超出范围
设计分页存储过程如下: 在 DAL 层 BookServ ices 类中创建方法调用该分页存储过程,在 B