网页设计与制作项目教程 教学课件 作者 姜华 精品课程网站设计与制作项目9.pptVIP

项目九 在线书城 【项目说明】 在线书城网站是电子商务的一种形式，它可以将购书的过程变得简单、轻松、快捷、方便。在线书城在设计时主要需考虑到如书籍的分类、购物车、交易安全、商品促销等内容。本网站的站点结购设计如图10.1所示。 【技能目标】 1、掌握ASP中文件上传 2、数据区域的重复及数据列表分页 3、掌握Session的功能及作用 4、掌握用户合法性的验证。 【知识准备】 学习网站站点的建立和管理，学习Dreamweaver CS4的基本操作，学习简单的文本、图像等的基本设置。 在线书城效果图 项目九 在线书城 准备一 ASP概念及语法 准备二 常见的ASP错误及解决方法 任务一 站点配置与数据库设计 任务二 实现后台添加书籍页面 任务三 实现在线书城首页 任务四 实现热卖书籍、新书上架、特价书籍页面 任务五 实现书本详细显示页面 任务六 实现用户注册及登录功能 任务七 购物车功能的实现 准备一 ASP概念及语法 1、ASP 是什么？ ASP全称Active Server Pages（动态服务器网页），是一种运行在Windows平台下的动态网页技术。 ASP文件扩展名为“.asp”。 2、ASP 和 HTML 有何不同？ 当浏览器请求某个 HTML 文件时，服务器会返回这个文件 而当浏览器请求某个 ASP 文件时，IIS 将这个请求传递至 ASP 引。ASP 引擎会逐行地读取这个文件，并执行文件中的脚本。最后，ASP 文件将以纯 HTML 的形式返回到浏览器。 准备一 ASP概念及语法 3、基本的 ASP 语法规则 通常情况下，ASP 文件包含着 HTML 标签，类似 HTML 文件。不过，ASP 文件也可包含服务器端脚本，这些脚本被 % 和 % 包围起来。服务器脚本在服务器端执行，可包含合法的表达式、语句、或者运算符。在ASP中，默认使用VBScript语言。 例：新建一个asp文件，并在页面中输出一行文字“Hello world” ，在页面上输出文字使用语句Response.write(“要输出的内容”)，具体的代码如下所示： 准备二 常见的ASP错误及解决方法 【问题1】Microsoft OLE DB Provider for ODBC Drivers (0[Microsoft][ODBC Microsoft Access Driver] 操作必须使用一个可更新的查询。 问题分析及解决方法： 此问题是由于数据库的读写权限不够引起的，解决的办法是给Everyone用户赋予读写的权限。如下图所示： 任务一 站点配置与数据库设计 1、配置站点 新建站点文件夹（本例放F：/BookShop）。 在IIS中建立虚拟目录（可能考图9.6）。 打开Dreamweaver cs4，并建立ASP动态站点（可参考图9.6、9.7）。 任务一 站点配置与数据库设计 2、建立数据库 建立Access数据库bookshop.mdb，放置在站点目录下的DB文件夹内，数据库结构如表10.1所示。 任务一 站点配置与数据库设计 任务一 站点配置与数据库设计 任务一 站点配置与数据库设计 任务一 站点配置与数据库设计 3、任务检测与评估 任务完成后，请填表写下表，找出自己的足与不足。 任务二 实现后台添加书籍页面 1、界面制作 在站点目录下找到html\sub.asp，将其“另存为”为addBook.asp，并编辑好界面如下图所示: 在插入表单元素前先插入表单，让表单包围所有表单元素。 将“上传图片”设为空链接，切换到代码视图，将该链接的代码改为： 新建上传图片页面book_img.asp，并在页面中插入表单及表单元素文件域和提交按 任务二 实现后台添加书籍页面 新建上传图片页面book_img.asp，并在页面中插入表单及表单元素文件域和提交按钮，最后将表单的action属性设置为”book_photo.asp”。具体如下图所示： 任务二 实现后台添加书籍页面 新建图片上传程序页面book_photo.asp，并切换到代码视图输入如下图所示的代码段： 任务二 实现后台添加书籍页面 4、回到addBook.asp面页，新建一个“自定义连接字符串”的数据库连接，如下图所示： 任务二 实现后台添加书籍页面 连接字符串的代码为： provider=microsoft.Jet.OLEDB.4.0;data source=你的数据库路径 在“服务器行为”面板中选择“插入记录”行为，并设