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

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

2、l PageAbstract: Based on B/S pattern,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 de

3、sign and the coderealization method. 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飞速发展的今天，互联网已成为人们快速获取、发布和传递信息的重要渠道，在人们政治、经济、生活等各个方面发挥着重要的作用。Intern

4、et上发布信息主要是通过网站来实现，获取信息也是要在Internet“海洋”中按照一定的检索方式将所需要的信息从网站上下载下来。尤其在中国进入世贸组织以后，网络消费市场更充满了商机。因此构建一个商场数字电视信息发布网站，让浏览者通过浏览网站更多的了解商场商品的信息是最终目的。 当互联网正在深刻地改变着生活时，网络已经不仅仅是概念的演绎，在生活工作的各个方面，都越来越多地留下了印记。商场购物系统的实用价值油然而生。更多的消费者已经渐渐的从出门逛商店购物，到习惯通过网络选择合适的商品，商场购物系统就为想网络购物的消费者提供了个良好的平台。运用ASP技术和网络数据库原理1，基于B/S模式开发了一个商

5、场购物系统。在该系统中，顾客可以很方便的注册成为会员，对商品进行浏览检索，查看商品的详细资料，然后根据各人的喜好购买心仪的商品。系统会自动为顾客生成订单，按照顾客所填写的信息提交订单并发货。系统管理员则可以对现有的商品进行添加和编辑，审查已注册用户并对提交的订单进行处理2。2 需求分析2.1 课题工作本课题的主要工作是设计生成Html页面的商场购物系统网站，包括ASP, JavaScript，使用Deramweaver、Photoshop等开发工具设计出商场购物信息系统框架，ASP+ACCESS技术架构，完成商场商品购物系统网站的设计。使用ASP中FSO函数系统从动态页面到静态页面的转换。2.

6、2 课题任务概述该课题需要完成以下几方面的工作：分析商场每天商品的数据信息。构建与商场数据信息有关的数据库。利用Deramweaver、Photoshop等开发设计信息发布系统框架，ASP+ACCESS技术架构，完成商场数字电视信息发布系统网站的制作。使用ASP中FSO函数编程，使系统自动从数据库中提取商品动态信息生成静态页面。设计后台管理，使之能够管理整个网站的相关数据信息。以下是整个工作的流程图：图1 工作流程图Fig 1 Flow chart of work根据本次课程设计需要完成的任务，将使用到的开发工具有：Dreamweaver MX（制作网页的框架、进行可视化编程，基于ASP的编程

7、平台等），Photoshop（进行图片的处理），ACCESS（构建数据库），ASP（编写相关程序代码）。2.3 开发工具及开发平台的简介2.3.1 Dreamweaver MX简介系统特点：近几年来Macromdedia公司推出的Dreamweaver 与Firworks、Flash 相结合的软件在创建多媒体网页方面独占鳌头，风靡世界，被人们赞为“梦幻组合”。但遗憾的是他访问数据库的能力并不大强。2000年推出的Dreamweaver UltraDev 1.0 以及2000年12月推出升级后的Dreamweaver UltraDev 4.0后，情况有了根本性的变化，直至发展到今天我们所用的Dr

8、eamweaver MX，升级后的Dreamweaver UltraDev不仅完全保持了原有的优势还大大加强了后台访问数据库的能力，使得它成为Web开发者公认的高效而又完整的首选工具。可应用于快速开发新闻和信息、网上教学、企业内部管理、电子商务以及其他大型综合网站等项工作。其系统有以下特点。Dreamweaver UltraDev是由Dreamweaver 和UltraDev两个部分组成3。Dreamweaver 主要用于开发动态网页，UltraDev主要用于开发服务器端服务，两者一起组成了一个前台与后台密切结合的完整系统。超强的多媒体功能。除继承Dreamweaver 4.0与Firwork

9、s4和Flash5继承的全部优势外，还以开放的形式将ActiveX、Java applet等技术纳入与系统中。系统提供了大量内部函数和脚本，在很多情况下开发者可以不写一行代码，或者只需写上少数几行代码就能完成需要书写几百行代码才能完成的工作。与此同时系统还给设计者提供了编写脚本、创建新服务器行为等方面的工具，为快速而又灵活的使用系统提供了方便。它是第一个允许在同一环境中选用ASP、JSP或ColdFusion等不同语言的系统，从而能在最大范围满足开发者的不同习惯和爱好。系统提供了非常友好的设计界面。设计者可以在可视界面、代码界面、拆分界面之间快速切换。系统还提供了活动数据窗口（Live Dat

10、a）,设计者可以在不脱离涉及环境的条件下直接预览到在浏览器中运行的部分情况4。2.3.2 Access 数据库简介Access 2000是Microsoft公司推出的Office2000组件之一，是目前比较流行的、功能强大的桌面数据库管理系统。使用Access2000无需编写程序代码，仅通过直观的可视化操作即可完成大部分数据的管理工作。与低版本的Access数据库管理系统相比，Access 2000不仅继承了以往界面清晰、操作简单等许多优点，而且新增了更易于使用的功能，例如：对“数据库”窗口进行了重大改进，使其更类似Outlook的界面。用户不仅可以打开以前版本的Access数据库，而且可以将

11、以前版本的Access数据库转换为 Access 2000 数据库，甚至还可以将Access 2000数据库保存为以前的Access版本。允许用户通过简单、快捷的方法创建绑定数据的HTML 格式的数据访问页，数据访问页提供给用户在 Web上提供数据的能力。使用Access 2000设计数据访问页时，可以利用系统提供的Office Web组件向数据访问页中添加Office数据透视表、Office电子表格以及Office图表等。当用户学习使用Access 2000 时，会觉得制作数据库是一项简单的工作5。数据库是有结构的数据集合，它与一般的数据文件不同（其中的数据是无结构的），是一串文字或数字流。

12、数据库中的数据可以是文字、图像、声音等。Microsoft Access 是当今市场上最杰出的多媒体数据库管理软件之一，同时也是最优秀的 Windows 数据库系统。Microsoft Access 是一种关系式数据库，关系式数据库由一系列表组成，表又由一系列行和列组成，每一行是一个记录，每一列是一个字段，每个字段有一个字段名，字段名在一个表中不能重复。Access与许多优秀的关系数据库一样，可以让你很容易地连接相关的信息而且还对其他的数据库系统有所补充。它能操作其它来源的资料，包括许多流行的PC数据库程序（如 dBase，Paradox，Microsoft FoxPro）和服务器、小型机及大

13、型机上的许多 SQL 数据库。Access 还完全支持 Microsoft 的OLE 技术6。2.3.3 ASP基础知识 ASP（Active Server Pages）简介：目前 Internet 上的许多站点，仍然提供“静态”（static）的网页内容。所谓“静态”，指的就是站点的主页内容是“固定不变”的。当浏览器通过Internet的HTTP(Hypertext Transport Protocol)协议，向站点服务器(Web Server)要求提供主页的内容时，站点服务器收到要求后，就传送已经设计好的静态的 HTML 的文件数据给浏览器。一个“静态”的站点，若要更新主页的内容，必须手动

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

15、ipt或JScript语句，如果去掉那些VBScript或JScript语句，它和标准的HTML文件没有任何区别。ASP 提供了一些内建对象，这些对象会允许您从浏览器中接收和发送信息，利用这些内建对象，可以使你的脚本更加强大。例如利用request对象，你可以接收用户的HTML表单中的信息并加以处理。ASP包含标准的ActiveX组件，这些组件可以实现一些复杂的功能，如使用数据库等。不过使用者并不会被此局限，可以轻松创建属于自己的附加ActiveX组件。这意味着可以不加限制地拓展ActiveX组件。ASP可以和诸如Access这样的数据库进行连接，这是ASP一个非常强大的功能所在。在线商务以及

16、在线论坛等各种非常高级的、动态更新的站点都需要数据库的支持，而且需要随数据库内容的更新而自动更新。这样，使用者可以利用 ASP 自己建立很多类似的高级站点。ASP 所设计出的是动态网站，可接收用户提交的信息并做出反应，其中的数据可随实际情况而改变，无须人工对网页文件进行更新即可满足应用需要。例如，当浏览器用户申请主页时，可以调用ASP引擎，解释被申请文件。当遇到任何与ActiveX Scripting 兼容的脚本（如VBScript和JScript）时，ASP引擎会调用相应的脚本引擎进行处理。若脚本指令中含有访问数据库的请求，就通过ODBC与后台数据库相连，由数据库访问组件执行操作。这样，在站

17、点服务器上执行的不只是一个简单的HTML文件，而是一个复杂的应用程序。该应用程序分析用户的请求，根据不同的请求将相应的执行结果（通常是数据库查寻的结果集）以HTML的格式传送给浏览器。在结构上，由于ASP是通过ODBC与数据库打交道，数据库的数据可以随时变化，而服务器上执行的应用程序却不必更改，客户端得到的网页信息会始终保持新鲜的魅力8。 ASP的特点：可以混用。ASP用HTML，DHTML，ActiveX，VBScript，JScript，并且可以相互嵌套。 ASP是纯文本格式，直接请求就可以直接在服务器上运行。 安全性好。ASP是一种在Web服务器端运行的脚本语言，源代码不会传到客户的浏览

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

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

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

21、上IP地址，而且还可以有一个以上的域名作为Web网站。您可以利用TCP/IP内容设置两组以上的IP地址给它，除了为网卡再加进一组IP地址之外，必须在负责这个点的DNS上为这组IP地址指定另一个域名10。完成这些步骤以后，在Internet Service Manage中就会出现一个虚拟Web服务器。虚拟服务器（Virtual Server）必须有它自己的主目录（Home Directory）。对于IIS来说，所有服务器都是它的虚拟服务器。在互联网上，有很多网站需要多部服务器才能够应付来自客户端的请求。这就需要利用DNS所具有的功能，将一组以上的IP指定给同一个域名。每当这个网站接到服务要求，由

22、DNS负责进行解析，它会指定域名的下一组IP地址给它。若要求采用这套做法，服务器的内容必须逐一复制到每一部服务器上。 为了存取后端数据库，IIS支持以下三种方式：IDC：Internet Data ConnectorADO：ActiveX Data ObjectADC：Advanced Data Connector2.4 设计思想系统设计思想在一定程度上决定了一个系统设计的成败，也从某个角度反映了一个系统的生命力；好的设计思想不仅能迅速完成设计，而且还能便于以后扩展和维护。本课题选用ASP+ACCESS技术架构实现。商场信息发布系统是一个典型的B/S（Browser/Server），即浏览器/

23、服务器结构的应用，它的大部分功能都是基于数据库的操作。通过对本课题的研究，能熟练掌握B/S应用系统的相关开发技术和网络数据库的编程方法。 Browser/Server思想：商场购物网站的特点就是利用Browser/Server(B/S)结构，实现商品信息的在线添加，编辑，会员的在线管理等功能。这种系统的优势在于系统简单，功能强大，扩展能力良好以及能够方便的跨地域操作等性能11。Client/Server(C/S)模式与Browser/Server(B/S)模式是现在比较流行的两种数据库应用模式。单独应用哪一种模式都受其自身弱点的限制。C/S模式主要是在以局域网为基础的环境下展开应用的，它受到地

24、域的限制。而B/S模式通过Internet进行通信 ，可以不受地域的限制,但是它不能够进行联机事务处理，并且在处理大量数据的情况下，速度较慢。从目前的开发技术来看，Browser端作为信息收集源，特别是大量的数据录入工作还不能完全取代Client端的用户界面。在这方面，Client端的各种开发工具的功能更加强大也更加灵活。对于本系统，其功能目标是要将商品信息的宣传从人工发送宣传海报的传统模式向网络宣传新商品信息的现代模式转变，同时还要能对宣传内容和输入数据进行管理。所以选择用Browser/Server(B/S)结构比较适合。2.5 数据流图图2 宏观数据流图Fig2 Macroscopic

25、DFD 注册用户表 商场信息表 评论信息表 登录信息 错误信息 图3 用户数据流图Fig3 User DFD用户表 商品信息表 登录 错误口令 图4 管理员数据流图Fig4 Manager DFD3 概要设计3.1 功能模块划分图5 系统前台结构功能图Fig 5 The structure functional chart of the system interface图6 系统后台结构功能图Fig6 The structure functional chart of the system management具体功能设计： 商品信息发布功能发布卖方销售商品信息，卖方注册取得授权后可在系统后台

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

27、送管理功能合同（订单）确认后，卖方向买方送提货单证（网上下载），凭单提货、配货送货。商品退货处理功能体现售后服务中不合格退货的要求，系统支持退货处理，包括货款退还的操作。 系统后台管理功能系统拥有强大的后台管理功能，支持整个购物过程各个环节的后台管理和后台操作，包括：商品信息的更新，会员信息注册修改、商品库后台管理，模拟银行管理等3.2 数据库设计3.2.1 数据库分析在本系统的后台管理中，主要实现的是对商场中商品，以及其他项目数据信息的管理，如查询，添加，删除，修改12。只有设定的管理人员才能进入管理系统对数据进行数据的操作。所有操作直接反映在数据库中，与前台的界面没有联系。也就是说，后台管

28、理和前台界面是通过数据库联系的。根据系统的实际要求，将后台管理的分为登录模块，查询模块，添加模块，删除模块，修改模块这5个模块。 其中对错误消息的处理，通过TRY语句交给系统处理。其中显示TYPE表中信息的DROWDOWNLIST控件，需要在页面中生成，然后将TYPE表中的数据填充到控件中，在每一个页面的Page_Load初始化函数中来加载这些信息，所有操作会在页面生成之前来执行3.2.2 数据库逻辑结构设计创建E-R图（如图7）图7数据E-R图Fig 7 Data E-R chart得到上面的数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体，以及它们之间的关系，为后面的物理结构设

29、计打下基础。这些实体包含各种具体信息，通过相互之间的作用形成数据的流动。本系统根据上面的设计规划出的实体有：家品信息实体、女人用品信息实体、男人用品信息实体、小孩用品信息实体、成人用品信息实体。3.2.3 数据库的建立在 Access中创建数据库，建立主要的数据表表1：管理员信息表 表名：norshop_adminTable 1 Manager information table Table name：norshop_admin字段名称是否主键数据类型说明admin_idY自动编号ID自动生成admin_nameN文本用户名admin_passN文本密码admin_classN数字管理员等级l

30、astipN文本上次登录IPlasttimeN日期/时间上次登录时间landtimesN数字登录次数表2：用户信息表 表名：norshop_userTable 2 User information table Table name：norshop_user字段名称是否主键数据类型说明idY自动编号ID自动生成usernameN文本登录用户名userpassN文本登录密码useremailN文本EMAILquestionN文本密码提示问题answerN文本密码提示答案savemoneyN数字积分degreeN数字登录次数regtimeN日期/时间注册日期landtimeN日期/时间最后登录日期u

31、ser_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_authorN文本 文章作者a_contentN备注文章内容a_fromN文本文章来源a_dateN时间/日期日期a_sortN数字大类a_