ASP网络编程从入门到精通 (16).ppt

第16章网上购物系统,网上购物系统将介绍如何开发B2B系统。本实例包含常见购物系统所包含的所有模块，如用户注册和登陆模块、用户管理模块、商品管理模块、销售管理模块。同时该系统具备完整的后台功能，具备管理用户、商品管理等模块。同时，该系统还使用MD5加密算法，加强系统的安全性。,16.1总体系统设计,（具体内容请参照本书）,16.1.1面向的对象,随着B2B(企业与企业之间的电子商务)的兴起，电子商务成为一个很热门的话题。而网上购物作为B2C(企业和消费者之间的电子商务)的一种主要商业形式，取得了巨大的成功。比如大家熟悉的淘宝网和当当网站。但是这样的系统都是大型的企业应用，作为一般的中小企业，没有相应的技术条件去开发和维护这样规模的Web应用。但是中小企业也迫切需要跟上信息时代的步伐，ASP作为一种主流的动态网页技术为这样的需求提供了可能。,16.1.2设计目标,该项目的目的是开发一个适合中小型企业使用的网上购物系统。网上购物系统是建立一个虚拟的购物商场。用户可以在网上迅速查找到自己所喜欢的商品，购物变得轻松、快捷、方便。多种的付款和送货方式使得客户可以在家完成整个购物流程，只需等待送货上门。对经营者来说，网上购物系统又可以节约企业的运营成本，迅速扩大企业的知名度，更提供了一个在迅速成长的电子商务商场上成长并壮大自身的一个机会。网上购物系统至少应包括以下的这些功能：1建立和维护用户信息库2方便和集成的电子购物环境3商品的管理4用户和业主的交流平台,16.1.3设计方案,由于系统的定位是一个网上的购物系统，是一个电子商务站点。传统的C/S（客户机/服务器）架构很明显不适合。C/S通常适合于开发个面向企业内部的应用，例如管理信息系统。作为面向Internet上的Web应用，需要的是B/S（浏览器/服务器）架构。B/S架构的客户端使用的是人们上网冲浪时必不可少的浏览器。这种方式简单易学，培训成本低，因此B/S架构迅速拓展开来。随着Internet的繁荣，电子商务的蓬勃发展，B/S甚至已经侵蚀掉了许多传统的C/S的市场。（具体内容请参照本书）,16.1.4模块功能,本系统包括如下功能模块：1用户登录、注销和注册管理2用户浏览、查询和选购购物3商品展示、添加和信息维护4网站配置管理,16.2数据库分析,（具体内容请参照本书）,16.2.1数据库的需求,Web应用跟踪和管理用户的状态、行为主要有两种措施，一是使用Session或Cookie保存用户活跃期间的信息，但是这些信息在会话结束后将不再存在。对于那些需要持久保存的信息，例如用户的订单，用户的注册资料，商品的信息则必须通过数据库进行存储。数据库适合存储那些需要持久保存的信息，并且提供很好的方式进行查询、插入、修改和删除。这主要是SQL（StructuredQueryLanguage）的强大功能。（具体内容请参照本书）,16.2.2数据库ER图分析,有些实体只是单独的存在，没有与其他实体的关系，例如用来保存系统初始配置的config表。但是有些实体之间是存在着相互关系的，ER图如图16.12所示。ER图中箭头所指的方向按照约定是指1：n关系的1方。如果两边都没有箭头，则是n:m关系。出于篇幅的考虑，所有实体或关系的详细字段和关键字并未列出。后面的数据库详细设计中将会对此进行详细的阐述。（具体内容请参照本书）,16.2.3数据库设计,各基础数据库系统使用了Access数据库工具。该数据库包括16个不同专题的表：ad表、admin表、category表、config表、delivery表、imglinks表、keyname表、links表、mess表、news表、notify表、orders表、product表、review表、sorts表和user表。详细地表结构和字段说明请读者参考光盘。,16.3导航条应用,我们在浏览一个网站的时候会发现，网站的首部和尾部是不会变化的，并且上面有很多的文字链接。可以是用户在站点内方便快捷的跳转，这就是下面要讲的导航条，它可以有效的使网站页面统一化。,16.3.1首部及尾部导航条,任何一个成功的Web应用都离不开导航功能。系统中的导航条分为两个部分：首部导航条和尾部导航条，如图16.13、16.14所示。在多数asp文件中都可以发现下面类似的语句。这行代码的功能是将首部导航条包含到当前页面中,这种方式可以使网站维持统一的风格。如果对header.asp作出修改，那么就会反映到包含header.asp的文件中。（具体内容请参照本书）,16.3.1ASP#include指令,在一个ASP页中，可以使用#include指令把另一个文件的内容插入到当前的页面中：这条指令读取该文件的全部内容并插入到该页中，替代行。这是一种非常有用的插入HTML段落的技术。通过把脚本和内容分开的方法，给页面提供了一个组成层次。这意味着如果对脚本进行了修改，在客户端再次打开该页面时，脚本的修改情况自动地反映到使用包含文件的每个页面中。例如，常见的数据库连接的获取都作为一个单独的模块包含到所有的ASP页面中。（具体内容请参照本书）,16.3.2代码的实现,在上面一节值已经讲到了导航条的具体应用，以下代码是实现了每页最上部的导航条。（具体内容请参照本书）,16.4注册和登录,既然来购买东西，网站就要将物品发送出去。只有用户注册成为会员之后，网站才能更好的为会员提供服务。,16.4.1填写注册信息,第一页显示的是注册条约，在用户同意注册条约后将会跳转到如图16.15所示的填写用户信息的页面。（具体内容请参照本书）,16.4.2提交注册信息,如果用户的注册内容都合法，那么将会显示如图16.16所示的用户注册成功页面。（具体内容请参照本书）,16.4.3用户登录和注销,用户登录对话框是包含在首部导航条中的，如图16.18所示。登录成功后，登录框变为如图16.19所示的界面，用户可以注销。（具体内容请参照本书）,16.4.4MD5加密算法介绍,MD5是一种单向加密算法，只是对数据进行加密。没有办法对加密以后的数据进行解密。单向加密的作用在于即使信息被泄漏，这些经过单向加密信息的含义仍然无法完全被破解。MD5加密算法的结构如图16.20所示。（具体内容请参照本书）,16.4.5实现验证码的登录,上文曾经提到了一个暴露在Internet上的Web应用的安全性问题。和上面的MD5加密算法的目的是相同的，为了防止恶意的使用程序不断猜测帐号的密码，系统采用了验证码技术，如图16.22所示。验证码的主要思想就是在用户的登录界面时随机生成一个数字，在用户登录时同时要求输入这个数字。用系统中记录的这个随机数与用户的输入进行验证就可以防止恶意请求登录页面了。（具体内容请参照本书）,16.5用户管理中心,所谓用户管理中心就是用户在登录为会员之后，会员可以在用户管理中心管理自己所购买的商品，修改个人资料及密码等会员信息。这样可以是用户更好的管理自己。,16.5.1进入用户中心,用户管理中心的界面如图16.23所示，是一个集成的用户操作平台。（具体内容请参照本书）管理中心控制台左边的一栏类似于一个菜单栏。其源文件主要有两个分别是profile.asp和disuser.asp文件。Profile.asp文件的具体内容如下。（具体内容请参照本书）,16.5.2修改个人资料,如果用户单击左边的【个人资料】按钮，将会在右边的工作区中显示如图16.24所示的内容。（具体内容请参照本书）,16.5.3修改个人密码,密码是会员登录的唯一凭证，如果你的密码不安全就需要对其进行修改。修改密码的界面设计如图16.25所示。（具体内容请参照本书）,16.5.4取回用户密码,当会员忘记或密码被盗之后，若想找回原有的密码，那么用户就需要通过取回密码来实现。用户单击取回密码，将会提出密码提示问题和答案取得新密码，分别如图16.26、16.27、16.28所示。（具体内容请参照本书）,16.5.5“我的订单”界面,用户在选购了商品之后可以通过我的订单来查看当前的订单状态。我的订单界面提供给用户完成自己的订单管理，界面如图16.29所示：（具体内容请参照本书）,16.5.6我的购物车的实现,在用户看好了一件商品之后，但又没有确定买不买，在这样的情况下就可以将该商品先放进我的购物车，在用户决定了之后再做选择。下面是我的购物车的界面设计如图16.30所示。（具体内容请参照本书）,16.5.7收货人信息,当用户在选择好了要购买的物品时就需要填写一张收货人信息的表单，这样用户才能受到所购买的物品。收货人信息的界面设计如图16.31所示，实现该功能的具体代码如下。（具体内容请参照本书）,16.6商品查询,（具体内容请参照本书）,16.6.1简单查询,一个网站的商品种类是相当多的，但如何才能方便快速的查到用户自己想要的物品呢？如图16.32所示的搜索框就嵌套在每一页面的顶部，可以方便用户随时随地的搜索。（具体内容请参照本书）,16.6.2高级查询窗口,上面所分析的是简单查询模块，高级查询模块相对比较复杂。高级查询模块的界面设计如图16.33所示。（具体内容请参照本书）,16.6.3高级查询处理,如果用户在查询的关键字栏输入了“MP3”时，就会返回一些查询结果，如图图16.34所示。（具体内容请参照本书）,16.7销售信息统计,大多数个人都有这样的心理，某一件商品在卖的很好的情况下其他人也会随之去买。这样好的商品和那些普通商品自然就区分开来，而形成一个销售排行榜。我们再将其整理出来就可以让用户更方便的查找。,16.7.1销售排行榜榜,销售排行榜榜是对已经售出的商品作统计，选取出最受欢迎的商品。当然，选择的范围并不仅限于10大畅销商品，可以将所有已售出的商品按照销售业绩排列出来。如图16.35所示是截取销售排行榜榜的尾部。（具体内容请参照本书）,16.7.2关注排行榜榜,每位用户都会去浏览自己想要的物品，这样就可以根据商品的被浏览次数统计出商品的关注排行榜。界面部分也只是每个商品的信息的列表，和销售排行榜的商品的界面设计一致。实现关注排行榜的主要代码为hot.asp文件，其主要的选择的数据集代码如下。（具体内容请参照本书）,16.8收藏和购买商品,收藏和购买商品是一个购物站点的核心功能。其中收藏就是用户在没有确定要购买的情况下将其放入购物车中，即与用户中心同样的调用disuser.asp文件中的addtocart()子过程。而购买则有所区别，用户决定购买该商品之后，就会填写一些购买时的信息。,16.8.1浏览商品,浏览商品有多种情况，例如，在分类浏览模块或者新品上架等等模块都需要商品的浏览功能。如图16.36所示是截取的分类浏览中的某一个商品的显示。（具体内容请参照本书）,16.8.2购买商品,购买商品分可以为以下几个步骤，并且存在两种方式。一种方式是把商品首先放入购物车，然后统一购买。另一种是直接购买选中的商品。直接购买选中的商品时，第一步需要选中所要购买的商品，单击商品浏览部分的【购买】按钮后，系统会弹出如图16.37所示的界面。（具体内容请参照本书）,16.8.3填写收货人信息,当用户决定购买该商品之后就需要填写收货人的详细资料，这样才能使网站更好的将商品发送出去。直接购买商品的第二步需要用户填写详细的收获人信息，如图16.38所示。以下是实现该界面的源代码。（具体内容请参照本书）,16.8.4订单提交,当用户填写的信息都合法正确，那么会转到订购成功的界面。订单提交设计界面如图16.39所示。（具体内容请参照本书）,16.9后台管理员界面,管理员是一个网站中的核心人员，系统的后台全部由管理员来负责处理。例如，添加新的商品，处理用户订单等，所有前台及后台的一些工作。这就需要管理人员必须有认真的工作态度，才能保证网站的正常运行。,16.9.1管理界面菜单栏,后台主界面是一个框架，左部为菜单栏样式的控制台，如图16.40所示；右部则为与各个菜单项相对应的工作区，如图16.41所示。（具体内容请参照本书）,16.9.2管理界面工作区,后台的管理界面使用了框架技术，具体内容在admin/index.asp文件中。在Web程序中实现控制台和工作区的效果，主要的技术就是使用Frame框架。后台的首页index.asp的内容如下所示（具体内容请参照本书）,16.10商品分类管理,我在现实生活的商场中见到的是每一类产品都会集中到一个区域去销售。而在网上购物也是同样的道理，应当将所有的商品进行分类，这样当用户在寻找自己所需要的物品时就知道该去哪里寻找了。,16.10.1商品大类信息浏览,首先应当将商品的大致分为几类，然后再进行细致的分类。商品大类信息管理的主界面是所有大类的列表显示，如图16.41所示。（具体内容请参照本书）,16.10.2修改商品大类信息,当需要修改或者删除商品的大类时，可以在大类列表的每条记录的确定操作部分管理，如图16.42所示。该界面的实现代码如下所示。（具体内容请参照本书）,16.10.3添加商品大类,添加新的商品大类需要填写的内容包括分类名称、分类排序的序号以及是否为一级分类，其界面如图16.43所示。（具体内容请参照本书）,16.10.4商品小类信息浏览,再商品的大类分好之后，就需要将下面的商品继续分类，以便用户更好的查询。商品小类信息的浏览主界面如图16.44所示，左部的下拉菜单用来控制需要显示的是哪个大类下的小类列表，该界面实现代码如下所示。（具体内容请参照本书）,16.10.5商品小类信息修改和删除,修改和删除小类记录的界面如图16.45所示，该界面实现代码如下所示。（具体内容请参照本书）,16.10.6添加商品小类,添加新的小类商品的界面如图16.46所示，需要填写分类名称和分类排序等信息。表单完成的是添加新的商品分类的功能，可以向数据库中添加新的商品分类。在下面的各个输入框中输入即可。（具体内容请参照本书）,16.10.7商品类别转移,商品的类别是能够动态调整的，因此小类所属的大类类别的调整也是必然的。修改小类所属的大类的界面如图16.47所示。下面的源代码是admin/move.asp文件的内容，主要是完成如图16.47所示界面设计图的代码。（具体内容请参照本书）,16.11添加及修改商品,既然是购物网站就不可能只有固定不变的商品，网站的商品一定要做到经常更新，只有不断的添加新的商品才能吸引更多的顾客来这里购买商品。,16.11.1添加新的商品,添加新的商品界面需要录入关于要添加新商品的许多详细信息，其界面设计如图16.48示。界面对应的源文件为addpro.asp文件，下面分析了addpro.asp文件的主要内容。（具体内容请参照本书）,16.11.2处理新的商品入库,录入新的商品所需要的各种信息都已填写完毕并且合法，就会转向处理这些信息入库的工作。这就是下面所要讲述的内容。如果添加成功，会输出如图16.49所示的信息反馈给管理员。（具体内容请参照本书）,16.11.3浏览商品,在后台管理和维护商品信息必然需要一个能查看所有商品信息的界面，系统中实现了浏览所有商品信息的界面如图16.50所示。首部是一个商品查询的界面，如果输入“MP3”则在中部列出了所有的查询结果。如果查询的关键字为空，则返回数据库中所有的商品。（具体内容请参照本书）,16.11.4修改商品的信息,修改商品信息的界面和添加新商品的界面几乎完全一样。如果修改成功，会提示如图16.51所示的界面。（具体内容请参照本书）,16.11.5删除所选商品,对后台商品信息的维护也必须包括删除商品功能。在浏览商品界面，每条记录的右部都有一个checkbox用来标记是否删除此记录。系统中完成对所有标记的商品的删除的代码如下。（具体内容请参照本书）,16.12管理商品订单和评论,当用户提交了商品订单之后，管理员就需要对订单进行处理，这样用户才能在最短的时间内和网站达成购物的协议，并收到用户所购买的商品。,16.12.1查看订单信息,管理订单信息如同管理商品信息，同样需要一个能够查看所有订单的界面，如图16.52所示。（具体内容请参照本书）,16.12.2查询订单信息,在列出的所有订单中单击特定的订单名称可以查看该订单的详细信息。界面如图16.53所示。（具体内容请参照本书）,16.12.3修改订单状态,当修改和删除订单的信息请求提交给save.asp文件处理时。修改和删除操作成功的欢迎信息分别如图16.54、16.55所示。（具体内容请参照本书）,16.12.4浏览所有评论,用户在浏览商品时，可以发表评论，但是必须通过管理员的审核后，这些评论才发布在商品的信息页上。用户在浏览商品的详细信息时在页面的底部会发现用户的评论部分如图16.56所示。而这些显示出的评论都是已经通过管理员审核的，管理员审核用户对商品评论的界面如图16.57所示。管理商品评论的源代码主要是admincomment.asp文件。（具体内容请参照本书）,16.12.5审核或者删除评论,用户在浏览商品时，也可以发表对商品的评论。这些评论只有在后台通过管理员的审核后才可以发表。实现代码savecomment.asp文件的主要内容如下。（具体内容请参照本书）,16.13用户管理,无论是注册用户还是管理员都需要进行管理，只有把注册用户和管理员区分开来，并加以系统管理，这样才能使网站的运作更加的顺利，不然就会一团遭。,16.13.1前台用户信息,当用户注册为会员之后就需要对该用户进行系统的管理。前台用户管理的部分界面如图16.58所示，如果单击用户名，则会显示该用户的详细信息。并且可以查看和修改。（具体内容请参照本书）,16.13.2查询指定用户,为了方便管理用户，应该提供查询功能。系统中的查询指定用户的搜索界面如图16.59所示。以下是实现该窗口的主要代码。（具体内容请参照本书）,16.13.3修改所选用户信息,当某一用户名在常时间不被使用之后，管理员就可以考虑将其删除以节省空间。在后台对于用户信息的维护包括修改和删除选项，修改用户的信息的界面如16.60所示。（具体内容请参照本书）,16.13.4删除指定用户,在管理员确定该注册用户已经不再使用该账号之后就可以对其进行删除。实现代码如下，查询串action的值为del。根据传递的id的值，使用SQL语句从数据库中删除指定的记录。（具体内容请参照本书）,16.13.6后台用户修改和删除,admin/saveadmin.asp文件是用来处理提交和响应后台用户信息的管理的处理。（具体内容请参照本书）,16.13.7添加后台用户,当网站扩大之后，随之管理人员也要相应的增加。添加后台用户的界面如图16.62所示，需要填写的内容包括添加的管理员的名称，密码和权限。（具体内容请参照本书）,16.13.8权限控制,后台的用户分可为三类，分别是添加人员、查看人员和管理员。添加人员可以添加、修改、删除商品资料；查看人员只能管理商品评论和用户订单；管理员拥有本站所有管理权限，如图16.63所示。（具体内容请参照本书）,16.14信息管理,（具体内容请参照本书）,16.14.1添加新闻,无论是商品信息还是其他的一些内容，我们都可以通过新闻公告的方