第9-10章图书信息浏览和购物车模块设计.pptVIP

第9-10章 图书信息浏览和购物车模块设计 杨叶芬 本章学习导航 本章任务 网上书店主页 本章任务 网上书店图书详细信息页 本章任务 网上书店购物车页面 本章学习要点 任务1?—添加自定义控件修改前台页面 用户控件 用户控件可以实现页面代码的重用 用户控件 用户控件 是一种自定义的组合控件 封装独立的功能（显示列表等） 像页面一样方便的编辑，像控件一样使用拖拽方式使用 后缀名为.ascx 作用 页面代码的重用 创建用户控件 将用户登录的部分放入用户控件 新建用户控件 在用户控件上放置相关的Web控件 编写用户控件的后台代码 在其他页面使用用户控件 创建用户控件 Control指令 后台代码 使用用户控件 页面中注册和使用 TagPrefix属性定义了用户控件所使用的前缀 TagName定义了用户控件的名称 Src定义要包括在Web窗体页中的用户控件文件的虚拟路径 注意事项 用户控件中可以使用其他用户控件 可以像页面一样，在用户控件中使用其他用户控件 但用户控件中不可包含自己，也不能发生任何循环嵌套 用户控件与Page 用户控件与页面的区别？ 后缀名：用户控件以.ascx为后缀名，而页面后缀名是.aspx 指令：用户控件为@Control，页面是@Page 继承：用户控件继承自System.Web.UI.UserControl，而页面继承自System.Web.UI.Page 用户控件不可直接访问，页面可直接访问 小结 可否在用户控件中访问外部页面的控件？为什么？ 用户控件编码使用哪个标记？ 用户控件和母版页分别在哪种情况下使用？ HyperLink控件 HTML提供链接的标签是什么？ a ....../a 缺点：改变链接困难 提供超链接的服务器控件 HyperLink控件用来在页上创建一个可以切换到其他页或位置的链接。 可通过设置NavigateUrl方便的改变链接路径 可使用ImageUrl设置为图片形式的链接 练习——实现导航栏自定义控件 课堂实践1 任务2?—图书信息展示 任务2?—图书信息展示 任务2?—图书信息展示 任务2?—图书信息展示 当当网的图书列表页 如何实现当当图书列表网页？ 页面的呈现2-1 DataList控件 以某种格式显示数据 格式可以使用模板和样式进行定义 可用于任何重复结构中的数据，如表 控件使用 HTML 中的Table相关的元素在列表中呈现项 数据绑定 步骤 将DataList控件拖入页面 编辑模板列 通过右键 →“编辑模板” 与GridView相比 增加 选定项模板（SelectedItemTemplate） 分隔符模板（SeparatorTemplate） 减少 InsertItemTemplate DataList模板 “网上书店”商品展示页4-1 如何实现商品展示的页面效果？ “网上书店”商品展示页4-2 使用DataList 首先，将显示项分解出来 模板页面 ? 内容页面 （循环显示） ? 项模板 （Table） 找到需要替换的部分，直接替换为绑定语句 编写页面，添加DataList，并在项模板中粘贴替换过的项模板 绑定数据源 “网上书店”商品展示页4-3 页面代码1-1 “网上书店”商品展示页4-3 页面代码1-2 “网上书店”商品展示页4-4 后置代码 DataList重要属性 RepeatColumns与RepeatDirection2-1 如何实现下图中的商品排列的效果？ RepeatColumns与RepeatDirection2-2 如何实现一列中显示两行的效果？ RepeatColumns与RepeatDirection2-3 示例：一条记录分多行显示 DataList-前台源视图的HTML代码 DataList-显示图书信息的后台代码 DataKeyField与DataKeys 通过DataKeys属性获取由DataKeyField属性设置的主键字段值 DataList重要事件 指导——实现“网上书店”购物车2-1 训练要点： 数据绑定 DataList控件的使用 DataList-前台源视图的HTML代码 DataList-前台源视图的HTML代码 DataList-显示购物车的后台代码 DataList-显示购物车的后台代码 指导——实现“网上书店”购物车2-3 实现思路： 编写Page_Load事件过程的代码 编写数据绑定方法的代码 编写计算总金额方法的代码 DataList-计算总金额的后台代码 指导——实现“网上书店”购物车2-2 需求说明： 1.更新购物车数据 将【修改数量】按钮的“CommandName”属性为“Update”即触发修改事件，所以要编写DataL