第13章 构建一个在线购物网站

《第13章 构建一个在线购物网站》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、AdobeDreamweaverCS3第十三章构建一个在线购物网站AdobeDreamweaverCS313.1实例分析13.2主要知识点13.3设计流程13.4创建数据库与设定DNS13.5设计用户注册和登录页面13.6设计产品分类和展示页面13.7设计产品购物车页面13.8制作订单显示页面13.1实例分析13.1.1背景概述1．网上商店数量增长快2．网上商品价格参差不齐3．货架很大，品种太少4．网上商店服务的地域性差异大5．客户服务还算满意6．网站没有兑现服务承诺7．网站对订单的反应速度参差不齐8．网站建设有待进一步提高AdobeDre

2、amweaverCS313.1实例分析13.1.2实例简介在线购物网站主要提供了现代购物网站所具有的大部分功能，使人们在不同的地方，仅通过浏览网页即可完成整个购物过程。AdobeDreamweaverCS313.2主要知识点熟练掌握DreamweaverCS3的运用，还需要灵活掌握Session变量并将其运用到实现对购物车的添加、编辑、删除、清空等功能中。AdobeDreamweaverCS313.3设计流程AdobeDreamweaverCS3在线购物各页面之间的逻辑关系13.4创建数据库与设定DNSAdobeDreamweaverCS3

3、13.4.1创建数据库与数据表1．mbuser表2．cp表3．cpdd表13.4.2设置DSN和连接数据库在建立好数据表之后，还需要先设置数据库的DNS，再创建数据库连接。在数据库面板中添加相应的DSN，即可实现与数据库连接。13.5设计用户注册和登录页面AdobeDreamweaverCS313.5.1用户登录页面1．用户登录页面2．用户登录信息显示页面3．登录失败提示页面13.5.2站点模板整合技术站点模板是一种生成网页样版的特殊网页，使用模板可以创建风格相似的网页。再在其他页面中反复调用，从而可以提高工作效率。13.5设计用户注册和登

4、录页面AdobeDreamweaverCS313.5.3用户注册页面基于模板的页面插入表单并设置表单13.5设计用户注册和登录页面AdobeDreamweaverCS3插入表格并设置表格注册表格页面效果13.5设计用户注册和登录页面AdobeDreamweaverCS3【检查表单】对话框【插入记录】对话框【检查用户名】对话框13.6设计产品分类和展示页面AdobeDreamweaverCS313.6.1制作最新产品导航打开模板页面【记录集】对话框提醒用户把刚创建的记录集的代码插入到中13.6设计产品分类和展示页面AdobeDre

5、amweaverCS3将记录集代码放在文档的部分中将记录集中的字段插入到表格中13.6设计产品分类和展示页面AdobeDreamweaverCS3【重复区域】对话框创建的重复区域13.6设计产品分类和展示页面AdobeDreamweaverCS313.6.2制作滚动产品导航有站点模板创建产品【记录集】对话框13.6设计产品分类和展示页面AdobeDreamweaverCS3【选择图像文件】对话框把图像和记录集中的字段绑定13.6设计产品分类和展示页面AdobeDreamweaverCS3将将记录集中的字段插入到表格中【重复区域】

6、对话框13.6设计产品分类和展示页面AdobeDreamweaverCS3绑定表格宽度【标签选择器】对话框13.6设计产品分类和展示页面AdobeDreamweaverCS3把表格代码粘贴到marquee标签设置marquee标签13.6设计产品分类和展示页面AdobeDreamweaverCS313.6.3制作产品展示页面插入表格以及文本【记录集】对话框13.6设计产品分类和展示页面AdobeDreamweaverCS3将记录集中的字段添加到表格【重复区域】对话框13.6设计产品分类和展示页面AdobeDreamweaverCS3创建的重

7、复区域【RecordsetNavigationStatus】对话框13.6设计产品分类和展示页面AdobeDreamweaverCS3插入并设置记录集导航条状态插入的记录集导航条【记录集导航条】对话框13.7设计产品购物车页面AdobeDreamweaverCS313.7.1购物车实现的原理Session是实现购物车的一种方法，提供了可以保存和跟踪用户的状态信息的功能。13.7.2添加购物车的实现购物车实现流程图13.7设计产品购物车页面AdobeDreamweaverCS313.7.3购物车页面的实现1．购物车页面设计2．购物车各项功能的

8、实现3．查看购物车信息13.8制作订单显示页面AdobeDreamweaverCS31．订单数据表的制作2．添加到订单程序页面的制作3．订单显示页面的制作TheEndAdobeD