网站设计与管理81ppt课件.ppt

网站设计与管理 配套教案 第8章网上商城 学习目标 通过本章的学习 你能够学会 1 设计网上商城后台数据库 2 网站首页产品的显示与更多产品的分页显示 3 图片的上传与管理 4 对产品资料的添加 删除与修改 第8章网上商城 本章是一个完整的项目 最终建立一个商品展示类的网上商城重点 产品的添加 删除 显示与修改难点 产品图片的管理 8 1系统设计图 一 普通用户访问流程 8 1系统设计图 二 系统管理流程 8 2数据库的设计 一 user表的定义 8 2数据库的设计 二 产品表的定义 8 3母版页的设计 使用母版页可以方便的统一站点风格 母版类似于Dreamweaver中的模板 用户可将各网页相同的内容放置在母版中 而将各网页不同的区域设置为可以编辑的ContentPlaceHolder 8 3母版页的设计 母版页的使用方法 新建母版页由母版页生成子网页注意 可以根据需要添加更多的ContentPlaceHolder控件 但要起不同的控件ID 以便区分 8 3母版页的设计 建立如图所示母版页 8 4网站首页的设计 在网站首页中 分栏显示最新产品的图片和标题 并可以链接到详细显示页面 8 4网站首页的设计 任务实现步骤 新建Web窗体default aspx 注意选择新建对话框中的 选择母版页 选择刚才建立的母版页MasterPage master 在新建网页中只有content控件可以编辑 在其中添加一个两行一列的表格 在上面的单元格中添加一个Access数据源控件和一个DataList控件 下面添加文字 更多 链接到显示更多产品的more aspx页面 8 4网站首页的设计 3 配置Access数据源控件为AccessDataSource1 指定DataList 的数据源 设置属性RepeatColumns 3 一行显示 列 RepeatDirection Horizontal 水平方向显示 设置DataList的模板 将图像字段的图像名转换成图像地址中的一部分 同时将产品的标题Title和图像链接到显示产品详细信息的网页show aspx 编号bh做为链接参数 新建网页show aspx 在其中放入一个FromView控件和一个数据源控件AccessDataSource 配置AccessDataSource修改FormView1的ItemTemplate模板 将各字段放置到一个表格中 删除图像名称文本框 添加一个HTML图像 并将原来的文件名用Eval绑定到图像的SRC属性 8 4产品详细信息show aspx 8 5分页显示更多产品 当单击default aspx页中的 更多 链接时 设计一个页面more aspx分页显示所有产品 8 5分页显示更多产品 1 由母版页生成more aspx 在ContentPlaceHolder1中添加一个DataList和一组用于分页的控件 设置DataList属性 RepeatDirection Horizontal RepeatColumns 4 2 仿照Default aspx的设计 修改more aspx中DataList的ItemTemplate模板3 用手工编程的方式将分页的代码绑定到DataList 8 6产品搜索页的设计 任务实现步骤 1 母版页中设计 产品搜索 栏目 搜索关键字放在文本框strTitle内 单击 搜索 按钮时执行如下代码 Response Redirect search aspx strName strTitle Text 2 基于母版页新建一个Search aspx页 拖一个Repeater控件到网页中 设计ItemTemplate模板 显示查询到的产品标题 3 双击进入Search aspx cs文件 输入与查询相关的代码 并绑定到Repeater控件 8 7后台登录页的设计 设计一个登录页 供管理员登录到后台管理页 8 8后台管理页的设计 设计产品管理页面 实现产品的添加 删除 与修改 8 8后台管理页的设计 任务实现步骤 设计分页显示的manager aspx页面 8 8后台管理页的设计 2 修改DataList的ItemTemplate模板 添加表格 将原有标签放入表格 用一个图像标记代替显示图像名称的内容 设置带参数的超链接到show aspx 以实现链接到记录详细信息 同时添加超链接 修改 和 删除 分别链接到相应页面3 手工编写代码实现将数据绑定到DataList 8 9删除产品信息 任务设计步骤 1 确保在Manager aspx页面中将每个产品图片下面添加一个 删除 链接 链接到del aspx 将产品编号bh作为参数传递到del aspx 2 在del aspx cs中完成删除数据库中的指定记录 同时删除