第5章网络书店前台功能设计,5.1 网络书店的规划,5.1.1 网络书店前台的流程图 5.1.2 网络书店前台的功能结构图 5.1.3 书店网站的结构设计,5.1.1 网络书店前台的流程图,5.1.2 网络书店前台的功能结构图,5.1.3 书店网站的结构设计,5.2 网站数据库的创建,5.2.1 数据库的设计 5.2.2 基本表结构的详细设计,5.2.1 数据库的设计,书店系统所用到的6个基本表如下表所示：,本书采用Microsoft Access来创建数据库。整个书店系统使用一个数据库文件“bookshop.mdb”来存放信息，不同类型的信息用不同的基本表存储。,5.2.2 基本表结构的详细设计,主页的内容和布局是整个网站开始的关键。 下面以“清源图书网”的主页为例，说明如何构建网络书店的主页。,5.3 网络书店的主页结构,主页的框架结构,主页结构中，第、第和第部分将在整个网站中使用，可以将它们分别做成单独的页面，用时直接调用，或是嵌到主页面中；而第部分的内容比较灵活，可以是新书或特价书的信息，也可以是图书查询的结果，因此这一部分做成框架的形式比较合适。,【案例5-1】制作网络书店主页,制作网络书店主页 “main.asp”文件。 其中第部分存储在“top.asp”文件中，第部分存储在“right.asp” 文件中，其它部分存储在“main.asp” 文件中。要求：点击第部分的图书目录和图书查询的时候将在第部分显示结果。,由于图书信息和查询结果将在主页右边的空白部分显示，因此这里将嵌入框架。 具体代码为： ,注意：图书信息和查询结果都将在框架“content”中显示，因此在做链接的时候，链接的目标应指向“content”，即 。,5.4 图书分类及列表,5.4.1 图书目录的分类显示 5.4.2 新书推荐和特价图书分类显示,本例中给出的数据库中图书共分5类，按类分页显示图书信息。 设计的步骤为：先制作分类信息的显示页面，再将目录项以参数传递的方式链接到显示页面上。,【案例5-2】按图书目录分类显示,1设计显示图书信息的列表框,具体代码如下所示： ,2连接数据库、打开books表,具体代码如下所示： ,3分页并循环取出本页每条记录,4表格中插入显示图书信息的asp代码,插入asp代码后的图书信息列表框,具体代码如下所示： 图形图像 . class的值即为传递参数的值，链接页面 “booksbd.asp”将根据这个值选择满足条件 的图书记录。target=“content”表示在右边 框架中打开链接页面“booksbd.asp”。,5给主页的目录项添加链接文件,与【案例5-2】制作方法类似。 注意：将单个图书信息的列表框加入 循环语句中注意，循环的是整个列表框， 包括列表框和其中的内容，一定要看清相 应的HTML标记，否则会出现一些意想不 到的结果，例如循环的是半个列表框或循 环的方向和要求不符正好相反等现象。,【案例5-3】制作新书和特价书,5.5 图书详细信息页面,图书的详细信息页面，主要是根据传递的参数值查询相应的图书记录并按照指定的格式显示。 图书目录的分类显示制作中就涉及到传递参数的概念，传递的参数是一个固定的数值。,具体步骤为： 制作一个页面将图书的详细信息显示出来，并通过传递参数的方式将列表上的图书名称做成链接和此页面相连。即点击列表上的图书名称，打开该书的详细信息页面,进入书店后，顾客可以随意浏览图书信息。如果要买书的话则必须先注册为本店会员，登陆后才能使用购物车挑选图书，去收银台下订单。,5.6 会员注册和登陆,会员注册和登陆的流程图,会员注册包括两个部分，会员注册信息 的填写和注册信息的提交，分别保存在两个 网页文件中,【案例5-5】会员注册,1制作填写注册信息的页面,设置表单的动作action=“regsave.asp”，表示 提交时表单中的数据将交由“regsave.asp”文件处 理，具体代码如下所示： 表单内容 ,2设置表单的动作,3制作“regsave.asp”文件,将网页连接到数据库，判断会员在登陆页面中填写的数据是否正确，并将不正确的原因写入变量errmsg中，同时设置参数变量founderr，用它来控制输出注册成功信息还是失败信息。,4连接数据库并加入判断,和会员注册一样会员登陆也分两个页面：登陆页面和处理数据页面。 处理数据包括对顾客输入的帐号和密码进行核实判断，共分3层 。,【案例5-6】会员登陆,会员登陆流程图,会员登陆的判断流程比会员注册的要 复杂些，这从流程图中就可以看出，因此 编写代码的时候要特别仔细，按照流程图 一步一步写。此外，会员登陆的时候要把 会员名称保存在session参数中，以便判断 浏览者是否能使用购物车。,购物车是网络书店系统中非常重要的部分。顾客带着购物车在书店选购图书，看到喜欢的图书就放进去，不喜欢再拿出来，非常方便。购物车的大小没有限制，放多少书都可以。,5.7 购物车设计,使用购物车选购图书的流程图,使用购物车包括添加图书到购物车和查看购物车中的图书两部分，此外还必须加上使用购物车的顾客是否已登陆的判断。判断的依据是session(“user_name“)的值是否为空，如果为空则尚未登陆，否则已经登陆。,顾客在浏览图书信息的时候，不管是分类列表还是详细信息，都有可能把此书放入购物车，这就要求每本书的信息表中都有“在线订购”这一栏，单击则打开订购框 ，并可以查看购物车。,订购图书,查看购物车,在购物车信息展示页面，如果顾客准备要购买购物车中的图书，可以进入收银台页面。 首先顾客确认要买的图书，然后填写收货人的详细信息，并产生订单号，最后提交数据，保存订单。,5.8 收银台设计,收银台的流程图,从流程图上可以看出，收银台的制作可以分为3个页面的制作，这里先定为确认图书的页面“cash.asp”、填写订单的页面“cashsave.asp”和保存订单并显示购物成功的页面“saveto.asp”。,顾客进入收银台后，首先应该查看一下自己购物车中的图书，确认无误后进入收银台的下一步操作。 查看购物车其实就是查询basket表中的满足条件username=“&user_name&“ and basket_check=false的记录,确认购车中的商品,填写订单并随机产生一个订单号,购物成功,编写收银台的码时有3个注意点,订单产生的过程 随机产生订单的代码 订单消费金额的总数计算,输入书名或是部分书名可以查询图书的详细信息，同时还可以按照类别进行查询 。 操作界面如下所示：,5.9 图书查询功能,图书查询的流程图,具体步骤为： 在主页“main.asp”中制作图书查询表单。 在“search.asp”文件中获取并处理提交的数据同时设置查询数据库的SQL语句。 对查询不到时作出判断和提示 。 编写显示图书信息的相关代码 。,【案例5-8】图书查询页面制作,在网络书店中加入留言板，可以为用户提供发表言论的场所。 留言板实现的原理比较简单，一般先设计一个供用户填写留言的表单，然后把这些内容提交存到数据库，最后设计显示全部留言信息的页面。,5.10 留言板,留言板实现的流程图,本站的留言板是对任何用户开放，包括未注册的，因此程序中不用加上判断用户是否登陆的代码。,设计制作填写留言信息的页面文件“gbookadd.asp” 。,【案例5-9】图书查询页面制作,定义一个function语句，使得当用户没填写信息时弹出提示框，同时设置表单属性。,编写提交留言信息的文件“add_ok.asp”，并弹出一个提示框，同时转到显示留言信息的“gbook.asp”文件。,设计制作显示全部留言的“gbook.asp”文件,5.11 小结,本章结合网路书店前台系统的实际情况，从系统的需求分析开始，确定系统的流程与设计，定位系统模块的功能，到数据库及其基本表结构的设计，最后开始每个功能模块的编程开发，贯穿了网站开发的全过程。因此在学习完本章后我们不仅能掌握ASP的相关技术，还可以学到开发网站的完整过程。,