网页制作第5章课件.ppt

《网页制作第5章课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第5章网络书店前台功能设计网络书店的规划5.1网站数据库的创建5.2网络书店的主页结构5.3图书分类及列表5.4图书详细信息页面5.5会员注册和登陆5.6购物车设计5.7收银台设计5.8图书查询功能5.9留言板5.105.1网络书店的规划5.1.1网络书店前台的流程图5.1.2网络书店前台的功能结构图5.1.3书店网站的结构设计5.1.1网络书店前台的流程图用户新书推荐特价图书浏览全部搜索图书是否会员会员登陆订单回执购物车会员注册收银台否是5.1.2网络书店前台的功能结构图网络书店前台功能图书展示会员管理购物车收银台留言板新书推荐特价图

2、书浏览全部图书搜索图书会员登陆会员注册修改会员资料放入图书移出图书查看购物车清空购物车查看订单填写订单确认订单填写留言板查看留言板5.1.3书店网站的结构设计存放用于后台管理的文件和文件夹存放数据库文件“bookshop.mdb”存放用于前台管理的文件和文件夹存放网站中用到的图片文件连接数据库的代码文件网站的主页文件主页的框架部分默认显示的文件网站的样式文件主页的功能导航菜单文件5.2网站数据库的创建5.2.1数据库的设计5.2.2基本表结构的详细设计5.2.1数据库的设计基本表基本表存储的信息books存放所有图书的信息member存

3、放书店会员的基本信息basket存放购物车的信息dingdan存放书店会员订单的信息liuyan存放顾客的留言内容class存放图书的分类信息书店系统所用到的6个基本表如下表所示：本书采用MicrosoftAccess来创建数据库。整个书店系统使用一个数据库文件“bookshop.mdb”来存放信息，不同类型的信息用不同的基本表存储。5.2.2基本表结构的详细设计主页的内容和布局是整个网站开始的关键。下面以“清源图书网”的主页为例，说明如何构建网络书店的主页。5.3网络书店的主页结构①书店的功能导航菜单和名称②会员注册图书目录图书查询③

4、图书信息④版权说明主页的框架结构主页结构中，第①、第②和第④部分将在整个网站中使用，可以将它们分别做成单独的页面，用时直接调用，或是嵌到主页面中；而第③部分的内容比较灵活，可以是新书或特价书的信息，也可以是图书查询的结果，因此这一部分做成框架的形式比较合适。【案例5-1】制作网络书店主页制作网络书店主页“main.asp”文件。其中第①部分存储在“top.asp”文件中，第③部分存储在“right.asp”文件中，其它部分存储在“main.asp”文件中。要求：点击第②部分的图书目录和图书查询的时候将在第③部分显示结果。由于图书信息和查

5、询结果将在主页右边的空白部分显示，因此这里将嵌入框架。具体代码为：注意：图书信息和查询结果都将在框架“content”中显示，因此在做链接的时候，链接的目标应指向“content”，即。5.4图书分类及列表5.4.1图书目录的分类显示5.4.2新书推荐和特价图书分类显示本例中给出的数据库中图书共分5类，按类分页显示图书信息。设计的步骤为

6、：先制作分类信息的显示页面，再将目录项以参数传递的方式链接到显示页面上。【案例5-2】按图书目录分类显示1．设计显示图书信息的列表框具体代码如下所示：<%ii=request("class")sql="select*frombookswhereclassid="&iirs.opensql,conn,1,2%>2．连接数据库、打开books表具体代码如下所示：<%fori=1tors.pagesizeifrs.eoforrs.bofthenexitforendif%>……<%rs

7、.movenextnext%>3．分页并循环取出本页每条记录4．表格中插入显示图书信息的asp代码插入asp代码后的图书信息列表框具体代码如下所示：图形图像…….class的值即为传递参数的值，链接页面“booksbd.asp”将根据这个值选择满足条件的图书记录。target=“content”表示在右边框架中打开链接页面“booksbd.asp”。5．给主页的目录项添加链接文件与【案例5-2】制作方法类似。注意：将单个图书信息

8、的列表框加入循环语句中注意，循环的是整个列表框，包括列表框和其中的内容，一定要看清相应的HTML标记，否则会出现一些意想不到的结果，例如循环的是半个列表框或循环的方向和要求不符正好相反等现象。【案例5-3】