生成-Html页面的商场购物系统的设计与实现

1、目 录 TOC o h z u HYPERLINK l _Toc168639780 摘 要 PAGEREF _Toc168639780 h 1 HYPERLINK l _Toc168639781 关键词 PAGEREF _Toc168639781 h 1 HYPERLINK l _Toc168639782 1 前言 PAGEREF _Toc168639782 h 2 HYPERLINK l _Toc168639783 2 需求分析 PAGEREF _Toc168639783 h 3 HYPERLINK l _Toc168639784 课题工作 PAGEREF _Toc168639784 h 3

2、 HYPERLINK l _Toc168639785 2.2 课题任务概述 PAGEREF _Toc168639785 h 3 HYPERLINK l _Toc168639786 开发工具及开发平台的简介 PAGEREF _Toc168639786 h 4 HYPERLINK l _Toc168639787 Dreamweaver MX简介 PAGEREF _Toc168639787 h 4 HYPERLINK l _Toc168639788 2.3.2 Access 数据库简介 PAGEREF _Toc168639788 h 4 HYPERLINK l _Toc168639789 2.3.3

3、 ASP根底知识 PAGEREF _Toc168639789 h 5 HYPERLINK l _Toc168639790 IIS概述 PAGEREF _Toc168639790 h 7 HYPERLINK l _Toc168639791 2.4 设计思想 PAGEREF _Toc168639791 h 8 HYPERLINK l _Toc168639792 数据流图 PAGEREF _Toc168639792 h 9 HYPERLINK l _Toc168639793 3 概要设计 PAGEREF _Toc168639793 h 11 HYPERLINK l _Toc168639794 3.1

4、 功能模块划分 PAGEREF _Toc168639794 h 11 HYPERLINK l _Toc168639795 3.2 数据库设计 PAGEREF _Toc168639795 h 12 HYPERLINK l _Toc168639796 3.2.1 数据库分析 PAGEREF _Toc168639796 h 12 HYPERLINK l _Toc168639797 3.2.2 数据库逻辑构造设计 PAGEREF _Toc168639797 h 13 HYPERLINK l _Toc168639798 3.2.3 数据库的建立 PAGEREF _Toc168639798 h 14 HY

5、PERLINK l _Toc168639799 4 详细设计 PAGEREF _Toc168639799 h 16 HYPERLINK l _Toc168639800 4.1 前台界面设计 PAGEREF _Toc168639800 h 16 HYPERLINK l _Toc168639801 4.1.1 前台首页面设计 PAGEREF _Toc168639801 h 16 HYPERLINK l _Toc168639802 4.1.2 前台子页面的设计 PAGEREF _Toc168639802 h 16 HYPERLINK l _Toc168639803 4.2 各功能模块设计 PAGER

6、EF _Toc168639803 h 17 HYPERLINK l _Toc168639804 4.2.1 会员注册 PAGEREF _Toc168639804 h 17 HYPERLINK l _Toc168639805 4.2.2 会员登录 PAGEREF _Toc168639805 h 18 HYPERLINK l _Toc168639806 4.2.3 会员订单管理 PAGEREF _Toc168639806 h 19 HYPERLINK l _Toc168639807 4.2.4 商品搜索 PAGEREF _Toc168639807 h 20 HYPERLINK l _Toc1686

7、39808 4.2.5 后台管理 PAGEREF _Toc168639808 h 20 HYPERLINK l _Toc168639809 4.2.6 页面刷新功能 PAGEREF _Toc168639809 h 22 HYPERLINK l _Toc168639810 4.3 数据库的连接 PAGEREF _Toc168639810 h 23 HYPERLINK l _Toc168639811 5 测试与发布 PAGEREF _Toc168639811 h 25 HYPERLINK l _Toc168639812 5.1 测试方案 PAGEREF _Toc168639812 h 25 HYP

8、ERLINK l _Toc168639813 5.2 测试工程 PAGEREF _Toc168639813 h 25 HYPERLINK l _Toc168639814 5.3 测试用例 PAGEREF _Toc168639814 h 25 HYPERLINK l _Toc168639815 6 总结 PAGEREF _Toc168639815 h 27 HYPERLINK l _Toc168639816 参考文献 PAGEREF _Toc168639816 h 28 HYPERLINK l _Toc168639817 致 谢 PAGEREF _Toc168639817 h 1生成 Html页

9、面的商场购物系统的设计与实现摘 要：基于B/S模式，使用Dreamweaver、Photoshop等开发工具设计商场购物信息的系统框架，利用ASP+ACCESS技术架构，完成商场购物网站的制作。具体包括前台界面设计、系统功能模块设计、后台数据库设计及编码实现方法。采用ASP的编程方法将商场购物系统的所有固定信息生成静态Html页面。关键词：B/S模式；商场购物系统；框架；ASP；静态Html页面 The Design And Realization of Market Shopping System With Form The Html PageAbstract: Based on B/S p

10、attern,uses Dreamweaver and Photoshop to design which information issue system frame and uses the ASP+ACCESS technology frame, completes the market shopping system . Includes the onstage contact surface design, the systemfunction module design, the backstage database design and the coderealization m

11、ethod. Uses ASP the programming method to market shopping system all fixedinformation production static state Html page.Key words: B/ S mode； Market shopping system；Frame；ASP；Static Html page1 前言 在Internet飞速开展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，在人们政治、经济、生活等各个方面发挥着重要的作用。Internet上发布信息主要是通过网站来实现，获取信息也是要在Inte

12、rnet“海洋中按照一定的检索方式将所需要的信息从网站上下载下来。尤其在中国进入世贸组织以后，网络消费市场更充满了商机。因此构建一个商场数字电视信息发布网站，让浏览者通过浏览网站更多的了解商场商品的信息是最终目的。 当互联网正在深刻地改变着生活时，网络已经不仅仅是概念的演绎，在生活工作的各个方面，都越来越多地留下了印记。商场购物系统的实用价值油然而生。更多的消费者已经渐渐的从出门逛商店购物，到习惯通过网络选择适宜的商品，商场购物系统就为想网络购物的消费者提供了个良好的平台。运用ASP技术和网络数据库原理1 宋颜浩ASP与相关数据库技术高级指南M北京：中国水利水电出版社，2002：306-310

13、，基于B/S模式开发了一个商场购物系统。在该系统中，顾客可以很方便的注册成为会员，对商品进展浏览检索，查看商品的详细资料，然后根据各人的喜好购置心仪的商品。系统会自动为顾客生成订单，按照顾客所填写的信息提交订单并发货。系统管理员那么可以对现有的商品进展添加和编辑，审查已注册用户并对提交的订单进展处理2 黄雷，?ASP+HTML+Dreamweaver+Access开发动态网站实例荟萃?. DB机械工业出版社，2002。2 需求分析2.1 课题工作本课题的主要工作是设计生成Html页面的商场购物系统网站，包括ASP, JavaScript，使用Deramweaver、Photoshop等开发工具

14、设计出商场购物信息系统框架，ASP+ACCESS技术架构，完成商场商品购物系统网站的设计。使用ASP中FSO函数系统从动态页面到静态页面的转换。2.2 课题任务概述该课题需要完成以下几方面的工作：分析商场每天商品的数据信息。构建与商场数据信息有关的数据库。利用Deramweaver、Photoshop等开发设计信息发布系统框架，ASP+ACCESS技术架构，完成商场数字电视信息发布系统网站的制作。使用ASP中FSO函数编程，使系统自动从数据库中提取商品动态信息生成静态页面。设计后台管理，使之能够管理整个网站的相关数据信息。以下是整个工作的流程图：图1 工作流程图Fig 1 Flow chart

15、 of work根据本次课程设计需要完成的任务，将使用到的开发工具有：Dreamweaver MX制作网页的框架、进展可视化编程，基于ASP的编程平台等，Photoshop进展图片的处理，ACCESS构建数据库，ASP编写相关程序代码。2.3 开发工具及开发平台的简介2.3.1 Dreamweaver MX简介系统特点：近几年来Macromdedia公司推出的Dreamweaver 与Firworks、Flash 相结合的软件在创立多媒体网页方面独占鳌头，风行世界，被人们赞为“梦幻组合。但遗憾的是他访问数据库的能力并不大强。2000年推出的Dreamweaver UltraDev 1.0 以及

16、2000年12月推出升级后的Dreamweaver UltraDev 4.0后，情况有了根本性的变化，直至开展到今天我们所用的Dreamweaver MX，升级后的Dreamweaver UltraDev不仅完全保持了原有的优势还大大加强了后台访问数据库的能力，使得它成为Web开发者公认的高效而又完整的首选工具。可应用于快速开发新闻和信息、网上教学、企业内部管理、电子商务以及其他大型综合网站等项工作。其系统有以下特点。Dreamweaver UltraDev是由Dreamweaver 和UltraDev两个局部组成3 李晨星，?中文DREAMWEAVER 8从入门到精通?CP .兵器工业出版社

17、2004。Dreamweaver 主要用于开发动态网页，UltraDev主要用于开发效劳器端效劳，两者一起组成了一个前台与后台密切结合的完整系统。超强的多媒体功能。除继承Dreamweaver 4.0与Firworks4和Flash5继承的全部优势外，还以开放的形式将ActiveX、Java applet等技术纳入与系统中。系统提供了大量内部函数和脚本，在很多情况下开发者可以不写一行代码，或者只需写上少数几行代码就能完成需要书写几百行代码才能完成的工作。与此同时系统还给设计者提供了编写脚本、创立新效劳器行为等方面的工具，为快速而又灵活的使用系统提供了方便。它是第一个允许在同一环境中选用ASP、

18、JSP或ColdFusion等不同语言的系统，从而能在最大范围满足开发者的不同习惯和爱好。系统提供了非常友好的设计界面。设计者可以在可视界面、代码界面、拆分界面之间快速切换。系统还提供了活动数据窗口Live Data,设计者可以在不脱离涉及环境的条件下直接预览到在浏览器中运行的局部情况4 程不功,程江 Dreamweaver UltraDev 4 WebCP .人民邮电出版社。2.3.2 Access 数据库简介Access 2000是Microsoft公司推出的Office2000组件之一，是目前比拟流行的、功能强大的桌面数据库管理系统。使用Access2000无需编写程序代码，仅通过直观的

19、可视化操作即可完成大局部数据的管理工作。与低版本的Access数据库管理系统相比，Access 2000不仅继承了以往界面清晰、操作简单等许多优点，而且新增了更易于使用的功能，例如：对“数据库窗口进展了重大改良，使其更类似Outlook的界面。用户不仅可以翻开以前版本的Access数据库，而且可以将以前版本的Access数据库转换为 Access 2000 数据库，甚至还可以将Access 2000数据库保存为以前的Access版本。允许用户通过简单、快捷的方法创立绑定数据的HTML 格式的数据访问页，数据访问页提供应用户在 Web上提供数据的能力。使用Access 2000设计数据访问页时，

20、可以利用系统提供的Office Web组件向数据访问页中添加Office数据透视表、Office电子表格以及Office图表等。当用户学习使用Access 2000 时，会觉得制作数据库是一项简单的工作5 R.JenningsACCESS 2000开发使用手册M北京：机械工业出版社，2000：304-306。数据库是有构造的数据集合，它与一般的数据文件不同其中的数据是无构造的，是一串文字或数字流。数据库中的数据可以是文字、图像、声音等。Microsoft Access 是当今市场上最出色的多媒体数据库管理软件之一，同时也是最优秀的 Windows 数据库系统。Microsoft Access

21、是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。它能操作其它来源的资料，包括许多流行的PC数据库程序如 dBase，Paradox，Microsoft FoxPro和效劳器、小型机及大型机上的许多 SQL 数据库。Access 还完全支持 Microsoft 的OLE 技术6 王珊，陈红.数据库系统原理教程M.北京：清华大学出版社,2003.9：25-26.。2.3.3 ASP根底知识

22、 ASPActive Server Pages简介：目前 Internet 上的许多站点，仍然提供“静态static的网页内容。所谓“静态，指的就是站点的主页内容是“固定不变的。当浏览器通过Internet的HTTP(Hypertext Transport Protocol)协议，向站点效劳器(Web Server)要求提供主页的内容时，站点效劳器收到要求后，就传送已经设计好的静态的 HTML 的文件数据给浏览器。一个“静态的站点，假设要更新主页的内容，必须手动的来更新其 HTML的文件7 万维多媒体工作室，ASP实战锦囊CP .机械工程出版社。ASP技术是Microsoft公司开发的一套全新

23、的效劳器端脚本程序环境，是根据客户端的不同请求，在效劳器端经过相应的ASP程序处理生成不同的静态HTML页面，并传输回浏览器的技术。因此，同样可以处理数据库查询等一系列数据库访问请求。实际上是将标准的HTML文件拓展了一些附加特征。ASP像标准的HTML文件一样包含 HTML语句，并且在一个浏览器上解释并显示，但为HTML编写人员提供了在效劳器端运行脚本的环境，使HTML编写人员可以利用VBScript和JScript或其它第三方脚本语言来创立ASP。一个ASP文件的后缀为 .asp，其中包含实现动态功能的VBScript或JScript语句，如果去掉那些VBScript或JScript语句，

24、它和标准的HTML文件没有任何区别。ASP 提供了一些内建对象，这些对象会允许您从浏览器中接收和发送信息，利用这些内建对象，可以使你的脚本更加强大。例如利用request对象，你可以接收用户的HTML表单中的信息并加以处理。ASP包含标准的ActiveX组件，这些组件可以实现一些复杂的功能，如使用数据库等。不过使用者并不会被此局限，可以轻松创立属于自己的附加ActiveX组件。这意味着可以不加限制地拓展ActiveX组件。ASP可以和诸如Access这样的数据库进展连接，这是ASP一个非常强大的功能所在。在线商务以及在线论坛等各种非常高级的、动态更新的站点都需要数据库的支持，而且需要随数据库内

25、容的更新而自动更新。这样，使用者可以利用 ASP 自己建立很多类似的高级站点。ASP 所设计出的是动态网站，可接收用户提交的信息并做出反响，其中的数据可随实际情况而改变，无须人工对网页文件进展更新即可满足应用需要。例如，当浏览器用户申请主页时，可以调用ASP引擎，解释被申请文件。当遇到任何与ActiveX Scripting 兼容的脚本如VBScript和JScript时，ASP引擎会调用相应的脚本引擎进展处理。假设脚本指令中含有访问数据库的请求，就通过ODBC与后台数据库相连，由数据库访问组件执行操作。这样，在站点效劳器上执行的不只是一个简单的HTML文件，而是一个复杂的应用程序。该应用程序

26、分析用户的请求，根据不同的请求将相应的执行结果通常是数据库查寻的结果集以HTML的格式传送给浏览器。在构造上，由于ASP是通过ODBC与数据库打交道，数据库的数据可以随时变化，而效劳器上执行的应用程序却不必更改，客户端得到的网页信息会始终保持新鲜的魅力8 宣小平，但正刚，张文毅 ASP数据库系统开发实例导航M .人民邮电出版社。 ASP的特点：可以混用。ASP用HTML，DHTML，ActiveX，VBScript，JScript，并且可以相互嵌套。 ASP是纯文本格式，直接请求就可以直接在效劳器上运行。 平安性好。ASP是一种在Web效劳器端运行的脚本语言，源代码不会传到客户的浏览器上，可保

27、护源程序不外漏，也可以将ASP代码进展封装成DLL组件实现更加平安的机制。 面向对象。ASP正是通过其自身包含的对象来实现效劳器与客户端交互的可扩大效劳器端功能。利用ASP提供的一组ActiveX效劳器组件ActiveX Server Components可继续扩大ASP的功能，如用ASP内置ADO组件可以轻松的存取各种数据库。此外，还可以用VB，Java等语言开发自己的组件以进一步扩大其功能。 与浏览器无关。ASP 可以将运行结果 HTML 的格式传送到客户端浏览器，因而可以使用于各种浏览器。 ASP 语言是解释性语言，不是编译性语言。效劳器只要在使用时对其进展解释执行即可，不需要事先编译好

28、可执行程序，节省大量资源。ASP 程序的执行与客户端浏览器版本无关。由于ASP程序在效劳器被解释成为一个特定的静态 HTML 页面，因此只要是支持这个HTML 页面的浏览器都可以支持 ASP。 ASP 的语法构造简单。由于 ASP 将程序设计的控制局部全交给了宿主脚本，自身只提供标准的组件和内置对象。因此，ASP 自身的语法很简单。ASP 的编程环境简单。只需要在机器上建立了 ASP 效劳环境，那么随便一个文本编译器就可以实现 ASP 程序的编制工作。 ASP的学习环境好。由于网络上目前大多数的网站都是采用 ASP 技术，因此相关的资料、介绍等有很多，很容易获得这些学习资料来辅助学习。ASP的

29、使用范围：在利用 ASP 实现各种功能时几乎没有什么限制，只要网站存在并正常运行。用 ASP 编写出的系统，完全可以到达原来使用 Client/Server 的网络数据库系统的水平。使用 ASP 最大的好处是，在程序员对程序进展升级时，只需要修改效劳器上的ASP文件，而不需要修改客户端程序。因此根据以上特性，本次设计用ASP 可以方便地实现诸如表格信息收集、计数器、留言簿、公告板等功能。ASP还可以轻松地实现对页面内容的动态控制，为不同的浏览者定制不同的页面内容，适用于任何浏览器、聊天室以及电子商务等9 数字电视中文网OL .网站 。2.3.4 IIS概述IIS效劳器的特性： IIS可以赋予一

30、部主机电脑一组以上IP地址，而且还可以有一个以上的域名作为Web网站。您可以利用TCP/IP内容设置两组以上的IP地址给它，除了为网卡再加进一组IP地址之外，必须在负责这个点的DNS上为这组IP地址指定另一个域名10 李存斌，樊建平 ASP高级编程及其工程应用开发M .中国水利水电出版社。完成这些步骤以后，在Internet Service Manage中就会出现一个虚拟Web效劳器。虚拟效劳器Virtual Server必须有它自己的主目录Home Directory。对于IIS来说，所有效劳器都是它的虚拟效劳器。在互联网上，有很多网站需要多部效劳器才能够应付来自客户端的请求。这就需要利用D

31、NS所具有的功能，将一组以上的IP指定给同一个域名。每当这个网站接到效劳要求，由DNS负责进展解析，它会指定域名的下一组IP地址给它。假设要求采用这套做法，效劳器的内容必须逐一复制到每一部效劳器上。 为了存取后端数据库，IIS支持以下三种方式：IDC：Internet Data ConnectorADO：ActiveX Data ObjectADC：Advanced Data Connector2.4 设计思想系统设计思想在一定程度上决定了一个系统设计的成败，也从某个角度反映了一个系统的生命力；好的设计思想不仅能迅速完成设计，而且还能便于以后扩展和维护。本课题选用ASP+ACCESS技术架构实

32、现。商场信息发布系统是一个典型的B/SBrowser/Server，即浏览器/效劳器构造的应用，它的大局部功能都是基于数据库的操作。通过对本课题的研究，能熟练掌握B/S应用系统的相关开发技术和网络数据库的编程方法。 Browser/Server思想：商场购物网站的特点就是利用Browser/Server(B/S)构造，实现商品信息的在线添加，编辑，会员的在线管理等功能。这种系统的优势在于系统简单，功能强大，扩展能力良好以及能够方便的跨地域操作等性能11 沈林兴,张淑平.程序员教程M.北京：清华大学出版社.2004.7：145-146.。Client/Server(C/S)模式与Browser/

33、Server(B/S)模式是现在比拟流行的两种数据库应用模式。单独应用哪一种模式都受其自身弱点的限制。C/S模式主要是在以局域网为根底的环境下展开应用的，它受到地域的限制。而B/S模式通过Internet进展通信 ，可以不受地域的限制,但是它不能够进展联机事务处理，并且在处理大量数据的情况下，速度较慢。从目前的开发技术来看，Browser端作为信息收集源，特别是大量的数据录入工作还不能完全取代Client端的用户界面。在这方面，Client端的各种开发工具的功能更加强大也更加灵活。对于本系统，其功能目标是要将商品信息的宣传从人工发送宣传海报的传统模式向网络宣传新商品信息的现代模式转变，同时还要

34、能对宣传内容和输入数据进展管理。所以选择用Browser/Server(B/S)构造比拟适合。2.5 数据流图商场网站非注册用户注册用户管理员后台管理图2 宏观数据流图Fig2 Macroscopic DFD 用户 验证身份 进入首页 查询信息 注册用户表 商场信息表 评论信息表 登录信息 错误信息 图3 用户数据流图Fig3 User DFD管理员 验证身份 进入管理员页面进入删除页面 进入修改页面 查询商品信息进入增加页面 用户表 商品信息表 登录 错误口令 图4 管理员数据流图Fig4 Manager DFD3 概要设计3.1 功能模块划分用品A类用品B类用品C类用品D类商场信息发布网系

35、统前台构造热销排行销售排行用户登录每日推荐推荐品牌成人用品网站首页男人用品女人用品小孩用品家品B类A类图5 系统前台构造功能图Fig 5 The structure functional chart of the system interface商场信息发布网系统后台构造常用操作数据库维护商品与评论分类与品牌定单管理新闻与广告修改商品信息删除商品信息备份数据库压缩数据库新闻分类管理新闻添加删除进展页面刷新添加商品信息图6 系统后台构造功能图Fig6 The structure functional chart of the system management具体功能设计： 商品信息发布功能发布

36、卖方销售商品信息，卖方注册取得授权后可在系统后台随时增添、修改、更新销售商品信息。 商品信息查询功能为买方提供模糊查询商品信息、搜寻商品，买方注册后可通过分类、关键词等方式查询信息。 网上购置购物车功能买方确定购置对象、下订单、进入购物系统，完成购置。 网上结算模拟银行功能系统采用网上模拟银行方式，支持网上结算，买方注册，经过模拟认证后，即得一个银行帐号，凭此帐号在网上处理购置结算。 订单管理功能系统内构成由订单生成，按时间顺序生成订单号、订单入库，订单查询组成的完整的订单处理流程。 客户管理功能系统实行会员注册，对买卖双方的相关信息、交易信息等实行跟踪管理。 商品管理功能由系统管理员或由系统

37、管理员授权委托管理整个系统的卖方商品信息。配送管理功能合同订单确认后，卖方向买方送提货单证网上下载，凭单提货、配货送货。商品退货处理功能表达售后效劳中不合格退货的要求，系统支持退货处理，包括货款退还的操作。 系统后台管理功能系统拥有强大的后台管理功能，支持整个购物过程各个环节的后台管理和后台操作，包括：商品信息的更新，会员信息注册修改、商品库后台管理，模拟银行管理等3.2 数据库设计3.2.1 数据库分析在本系统的后台管理中，主要实现的是对商场中商品，以及其他工程数据信息的管理，如查询，添加，删除，修改12 袁玫，林志英，刘劲松 网络数据库应用教程OL .人民邮电出版社。只有设定的管理人员才能

38、进入管理系统对数据进展数据的操作。所有操作直接反映在数据库中，与前台的界面没有联系。也就是说，后台管理和前台界面是通过数据库联系的。根据系统的实际要求，将后台管理的分为登录模块，查询模块，添加模块，删除模块，修改模块这5个模块。 其中对错误消息的处理，通过TRY语句交给系统处理。其中显示TYPE表中信息的DROWDOWNLIST控件，需要在页面中生成，然后将TYPE表中的数据填充到控件中，在每一个页面的Page_Load初始化函数中来加载这些信息，所有操作会在页面生成之前来执行3.2.2 数据库逻辑构造设计创立E-R图如图7图7数据E-R图Fig 7 Data E-R chart得到上面的数据

39、项和数据构造以后，就可以设计出能够满足用户需求的各种实体，以及它们之间的关系，为后面的物理构造设计打下根底。这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。本系统根据上面的设计规划出的实体有：家品信息实体、女人用品信息实体、男人用品信息实体、小孩用品信息实体、成人用品信息实体。3.2.3 数据库的建立在 Access中创立数据库，建立主要的数据表表1：管理员信息表 表名：norshop_adminTable 1 Manager information table Table name：norshop_admin字段名称是否主键数据类型说明admin_idY自动编号ID自动生成adm

40、in_nameN文本用户名admin_passN文本密码admin_classN数字管理员等级lastipN文本上次登录IPlasttimeN日期/时间上次登录时间landtimesN数字登录次数表2：用户信息表 表名：norshop_userTable 2 User information table Table name：norshop_user字段名称是否主键数据类型说明idY自动编号ID自动生成usernameN文本登录用户名userpassN文本登录密码useremailN文本EMAILquestionN文本密码提示问题answerN文本密码提示答案savemoneyN数字积分deg

41、reeN数字登录次数regtimeN日期/时间注册日期landtimeN日期/时间最后登录日期user_tupeN数字用户类型user_lastipN文本上次登录IPuser_telN文本 号码user_addsN文本用户详细地址user_postcodeN文本用户 user_namecN文本用户真实姓名user_favN文本收藏夹表3：评论信息表 表名：norshop_articleTable 3 Comment on information table Table name：norshop_article字段名称是否主键数据类型说明idY自动编号ID自动生成a_nameN文本文章名称a_a

42、uthorN文本文章作者a_contentN备注文章内容a_fromN文本文章来源a_dateN时间/日期日期a_sortN数字大类a_nsortN数字小类表4：购物信息表 表名：norshop_basketTable 4 Shopping information table Table name：norshop_basket字段名称是否主键数据类型说明basket_idY自动编号ID自动生成hw_idN数字产品IDuser_nameN文本用户名basket_countN文本数量basket_dateN时间/日期日期basket_checkN数字是否下单hw_nameN 文本产品名称hw_pr

43、iceN 货币产品单价sub_numberN 文本订单号hw_jifenN数字获得积分tao_idN数字是否套装kxaN文本可选属性4 详细设计4.1 前台界面设计 前台首页面设计前台首页的设计原那么,主要是从如何设计和制作一个标准的网站的角度来考虑,其中最主要的是要考虑首页设计的构造，如何做到美观又切合主题才是最重要的。可以使用Photoshop制作出符合网站整体风格的图片13 沈疆海，刘玉强.Photoshop 7.0魔法特效设计200例M .北京：航空工业出版社，2004，并利用Dreamweaver MX构建网站的整体框架，并利用可视化操作与代码操作相结合的方法完成网站首页的制作。首页

44、设计成果如图8：图8 首页设计切图Fig 8 The Home page design cutting of chart 前台子页面的设计首页和子页面的关系，从总体上可以说是一种主从的关系。子页面是对首页内容的进一步展示，首页所能展示的内容毕竟有限。子页面通常担当起细节页的角色，一般在一个网站中所获得的详细内容，多是从子页面中获得的。子页面的设计和制作方法与首页根本一样，但通常要比首页的构造简单，这样便可有更多的空间来展示自已网站的精华局部14 美工教程 photoshopOL .网站 .。各子页面的布局构造通常也是一致的，为了节省制作时间和保持网站风格的统一性，子页先设计出一个模板，对于不同

45、的子页，使用不同的色彩风格加以变化。子页面设计成果如图9：图9 子页面设计切图Fig9 The inside page design cutting of chart4.2 各功能模块设计 会员注册在商场网络购物系统中，只有注册的用户才能购置商品。浏览者如果想购置商场网站中展示的商品，就必须注册成为会员。需要收集用户的必要信息才能支持商品的订购，在注册过程中还需要对局部信息进展检测，不符合要求的情况应给出提示，注册完成后系统自动发送注册邮件到用户邮箱。注册用户需要提供的信息，见图10：图10 新用户注册信息图Fig 10 New member registration information

46、chart新用户处理信息的处理流程图：是显示注册成功信息不正确正确编辑详细信息进展详细编辑否？详细信息检测正确会员信息检测不正确开场输入信息发送邮件完毕否图11新用户注册流程图Fig 11 New member registration DFD4.2.2 会员登录会员登录需要验证用户名和密码，如果登录成功后记录用户登录标志在系统session中，一直保存到用户退出系统，或者关闭浏览器。登录成功后显示个性化登录欢送信息。会员登录功能模块还包括会员忘记密码的处理，经过密码问题确实认，发送密码到用户邮箱里。处理流程图：登 录输入用户信息及验证码密码及验证码检测不正确正确登录成功随机产生验证码图12

47、会员登录流程图Fig 12 The member login the flow chart4.2.3 会员订单管理会员选择适宜的商品后，可对其进展订购。订单形成后，允许用户对订单进展修改。订单中的商品在付款前可以被取消。当用户对订单付款后，可以修改订单的状态为“已付款来通知尚家。收货后在订单详情中修改订单状态为已收货。处理流程图：订单处理选择编辑方式完毕开场删除处理修改处理返回删除修改图13订单处理流程图Fig 13 Order form process flow chart4.2.4 商品搜索为了方便用户有目标的查找需要的商品，网站提供商品搜索功能。在前台，可以搜索商品。主要使用if语句，编

48、写相关的条件语句代码，将其命名为search.asp。搜索支持两种方式：简单模式，高级/组合模式。简单模式可在查询分类下拉菜单中选择分类或直接输入查询商品名称，便可进展模糊搜索。高级/组合模式支持指定商品的详细信息查询，如输入关键字、选择分类、选择品牌、输入价格范围；可全部填写，也可只填写其中一项查询内容，便可按需要进展搜索。结果显示也可根据需要自行选择，排列方式有默认、价格由高到低、价格由低到高、添加时间。每页显示数量有10、25、50、100，用户可根据自己的需要，进展选择。图14 商品简单搜索页面Fig 14 The commodity simply search page图15商品高级

49、搜索页面Fig 15 The commodity high-level search page4.2.5 后台管理后台管理功能必须先进展管理员登录的操作，管理员的账号、密码要保管妥当，防止忘记或泄漏，否那么会给网站的信息平安带来极大的隐患，造成严重的后果。使用MD5加密的方法保证信息的平安性。本系统的后台初始登录账号：admin ；密码：admin；可根据需要修改账号和密码。后台管理员登录页面如图16：图16 后台管理员登录页面Fig 16 The backstage managers login page登录成功后，进入后台管理系统页面。图17 后台管理系统页面Fig 17 Backstag

50、e management systems page后台管理功能包括：常用操作，网站参数与管理信息，分类与品牌，商品与评论，订单管理，缺货登记管理，用户与订阅用户，支付与送货，新闻与公告，广告与链接，数据库维护，帮助信息设置。常用操作：可以设置商品分类管理，添加、修改、删除商品信息，进展页面的刷新操作。商品管理支持新增，修改，删除。商品可以设置成为新品、推荐商品和特价商品。网站参数与管理信息：网站根本信息与页面的维护，对网站的显示及邮件的发送进展设置。进展管理员设置，设置管理员的等级，如总管理员、产品管理、订单管理。分类与品牌：可对商品进展分类及品牌的管理，设置商品的分类，并对各分类商品的显示风

51、格进展设置；品牌管理可自行添加、修改、删除品牌。商品与评论：对已有的商品可进展修改、删除操作。进展缺货商品的管理以及商品的评论进展管理员操作。订单管理：可进展订单的相关操作，如发货单的添加管理，货品收到与否的管理等，垃圾数据的删除。新闻与公告：可对网站添加适当的新闻，并自行修改公告的内容。数据库维护：为防止数据库数据的丧失，可对数据库进展压缩和备份的操作，恢复数据库等。4.2.6 页面刷新功能 采用ASP的编程方法将商场购物系统的所有固定信息生成静态Html页面。将此操作归类为页面刷新。生成静态Html页面有如下好处：1加快页面翻开速度，HTML页面不用连接数据库可以直接翻开2有利于搜索引擎S

52、EO优化，增加网站访问量。3更加平安，HTML不会受ASP相关漏洞影响。4减轻效劳器负担，保证效劳器正常运行。利用Dw-Mx工具生成html格式的模板。在需要添加格式的地方参加特殊标记(如$htmlformat$),动态生成文件时利用代码读取此模板，然后获得前台输入的内容，添加到此模板的标记位置中，生成新文件名后写入磁盘，写入后再向数据库中写入相关数据15 孟建良等基于ASP的网上购书系统的实现J微机开展，2004，14卷03期：59-61。使用后台代码编码Html文件，可以使用HtmlTextWriter类来写html文件。XMLHTTP组件抓取动态页面：XMLHTTP是个传送XML格式数据的超文本传输协议。它上传的指令可以是XML格式数据，也可以是字符串，流，或者一个无符号整数数组。还可以是URL的参数。它下达的结果可以是XML格式数据，也可以是字符串，流，或者一个无符号整数数组。相关实现代码：set objXmlHttp=Server.createObject(Microsoft.XMLHTTP)objXmlHttp.open GET,strUrl,falseobjXmlHttp.send()binSet objXmlHttp=Nothingset objAdoStream=Server.createObject(ADODB.Stream)objAd