第1页共8页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第1页共8页MyBookShop书籍分页显示功能功能需求:1
进入书籍详细列表页面(BookList
aspx),以列表的方式显示书籍信息,因为书籍过多,所以采取分页方式显示,可以通过点击“上一页”和“下一页”显示书籍信息图1图书分页效果2
书籍显示外观设计:在书籍列表内容页中拖放一个DataList控件,然后使用设计器编辑DataList的项模板第2页共8页第1页共8页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第2页共8页选择“编辑模板”选项,进入到“项模板”编辑窗口在项模板中拖放一个三行两列的Table标记,行合并第一列,放置图书的图片第3页共8页第2页共8页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第3页共8页行合并第二行第一列,行合并第三行第二列第4页共8页第3页共8页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第4页共8页模板列中Table用来显示书籍的相关信息,如下图所示:3
DataList绑定表达式的写法Books表结构如同所示:第5页共8页第4页共8页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第5页共8页绑定字段:图书标题绑定“title”字段图书备注绑定“contentDescription”字段图书价格绑定“unitprice”字段问题:图书照片的路径如何绑定到图片控件上
图片的资源文件存放在在站点的路径如图所示:第6页共8页第5页共8页编号:时间:2021年x月x日书山有路勤为径,学海无涯苦作舟页码:第6页共8页请注意这些图书图片的命名就是Books表ISBN列中存放的图书ISBN编码+“
jpg”组成,那么显示图书图片控件的Imageurl属性可以这样设计4
后台绑定实现由于书籍