基于web的大型商场购物导航系统设计与实现.doc

目 录摘要1英文摘要1引言21 开发环境31.1 ASP编程技术简介31.2 HTML语言简介31.3 Dreamweaver网页制作工具简介31.4 Access2000简介42 系统分析52.1 需求分析52.1.1 系统的功能要求52.1.2 系统将来可能提出的要求52.1.3 系统的运行要求52.2 可行性分析52.2.1 技术可行性52.2.2 经济可行性62.2.3 操作可行性63 总体设计73.1 系统模型73.1.1 系统流程图73.1.2 系统的数据流程图73.2 系统的总体结构设计93.2.1 系统前台93.2.2 系统后台93.3 数据库设计103.3.1 系统所用的主要数据表103.3.2 E-R图114 详细设计124.1 前台功能模块详细设计124.1.1 前台首页设计124.1.2 推荐商品模块设计134.1.3 楼层介绍模块设计144.1.4 最新产品模块设计154.1.5 商场动态模块设计164.2 后台功能模块详细设计164.2.1 后台首页设计164.2.2 产品管理模块设计174.2.3 类别管理模块设计194.2.4 新闻类型模块设计204.2.5 新闻管理模块设计204.2.6 添加新闻模块设计214.2.7 应用招聘模块设计224.2.8 管理员模块设计224.3 连接数据库235 调试与测试245.1 测试目标245.2 测试的意义245.3 测试方案245.4 测试结果245.5 系统改进256 使用说明书266.1 系统登录266.2 出错处理26结论与谢辞27参考文献28基于web的大型商场购物导航系统设计与实现信息工程学院电子商务专业 林雅琴摘要:本文研究了一种基于asp技术的用户个性化页面动态生成方案，此方案在 Windows XP Professional 平台上，以ASP作为前台开发工具，使用Access2000数据库作为后台建库工具，为商场开发设计B/S模式的“大型商场导购系统”。本文详细说明了系统的业务流程和系统开发流程，重点介绍了系统各模块的功能及相关功能的具体实现。从系统的需求分析、总体设计到前台的具体实现，后台数据库的初步构思到数据表的最后成型，每一实现细节均作了详实的论述。关键词: 导航 设计 实现The Design of Shopping Instruction System Based on the Web (Major of E-commerce,Information and Engineering college, JinHua College of Vocation And Technology,Lin Ya-qin)Abstract: This article has studied one kind based on Active Server Pages technology userindividuality page dynamic production plan,This plan At platform XP Professional of Windows system regards Active Server Pages as proscenium developing tool, uses Access2000 to constructthe storehouse tool as the backstage, designs the B/S mode for the Shopping Instruction System. Systematic business procedure and systematic develop procedure were introduced elaboratedly. At the same time every function of this system also was introduced in detail. Detailed analyze has been done which is about overall design from systematic demand and the specific realization of proscenium and the database of backstage supporter think about data dictionary preliminarily become type finally, each realization details have been made full and accurate exposition.Keyword：Shopping instruction Design Realize-27-引言该课题是一个基于web的大型商场购物导航系统设计与实现，以山东泰华集团下的世纪泰华广场为用户对象。随着现代经济的飞速发展，人民生活水平大幅度提高，人们对商场的需求也趋向于高标准、精密度、多样化水准，因此商场的规模逐步扩大。但消费者对商场的大厅布局不了解，浪费了消费者的宝贵时间及精力，体现出服务思想不完善，内部机制不健全。所以导购的概念油然而生。“导购”，见词生义，是指引导性购物。而在科技信息时代，导购就要基于计算机的控制与帮助，用计算机管理完成导购这个概念。开发一个能适应商场导购业务需要的导购信息系统，能更加完善商场的管理信息系统，让商场在日益激烈的竞争中占有一席之地，对公司来说将有着很强的实用价值。现在的商场中的导购方式并不完善，大多数是在门口、电梯口悬挂导购牌。这种方式缺乏与顾客的交互性。此次课题设计的商场导购系统是一种具有集中性、方便性、可查询性和可视性、及界面友好性的导购应用程序软件，它充分结合商场运作的实际情况，建立一种需求提示信息系统。从而达到引导消费者按照自己的目标方便、快捷地去找相应商品的目的。正好弥补了这方面的不足。因此，开展此工程。通过对本系统的开发，了解ASP编程模式。这也是大学生大学三年历程的鉴定。公司通过该系统可以很方便的及时了解市场需求的动态，在商品、人员的布置和调动上更能及时满足顾客的需求。从而有利于公司更好的发展，有利于公司在日益激烈的市场竞争中生存。1 开发环境本系统的开发环境主要涉及到ASP编程技术，HTML语言，Dreamweaver网页制作以及Access的使用。1.1 ASP编程技术简介ASP（ Active Server Pages ），是一套微软开发的服务器端脚本环境，ASP 内含于 IIS 3.0 和 4.0 之中，通过 ASP 我们可以结合 HTML 网页、 ASP 指令和 ActiveX 元件建立动态、交互且高效的 WEB 服务器应用程序。有了 ASP 你就不必担心客户的浏览器是否能运行你所编写的代码，因为所有的程序都将在服务器端执行，包括所有嵌在普通HTML中的脚本程序。当程序执行完毕后，服务器仅将执行的结果返回给客户浏览器，这样也就减轻了客户端浏览器的负担，大大提高了交互的速度。ASP的特点大致有以下几点：(1)无须编译，容易编写，可在服务器端直接运行。(2)使用了VBScript等简单的脚本语言，可快速完成网站的应用程序。(3)使用普通的文本编辑器就可以进行编辑设计。(4)用户端只要使用可执行HTML语言的浏览器，即可浏览ASP所设计的网页内容，因为ASP的运行是与浏览器无关的。(5)ASP程序的源代码不会被传到客户端，因而有着较高的安全性。1.2 HTML语言简介HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。HTML文档的结构：包括HEAD、TITLE、BODY三部分。1.3 Dreamweaver网页制作工具简介Dreamweaver是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 Dreamweaver MX的特点：(1)标准化的流程。Dreamweaver MX将网页中与数据库的互动流程标准化，不需要学习正统的程序语法；(2)跨足不同的平台与程序语法。Dreamweaver MX能在同一设计环境中自动产生ASP、JSP的程序代码；(3)支持多种不同的数据库。Dreamweaver MX能够支持市面上大部分的数据库格式，包括SQLServer等；(4)即时产生结果。Dreamweaver MX只需要设置好应用程序服务器与网站服务器软件，就能看到编辑画面的结果，方便又迅速；(5)借助强大的服务器行为来实现互动功能。Dreamweaver MX中内建有许多强大功能的服务器行为，让你更容易操控数据库；(6)最佳的制作效率。Dreamweaver可以用最快速的方式将Fireworks，FreeHand，或Photoshop等档案移至网页上。使用检色吸管工具选择屏幕上的颜色可设定最接近的网页安全色。对于选单，快捷键与格式控制，都只要一个简单步骤便可完成。Dreamweaver能与您喜爱的设计工具，如Playback Flash，Shockwave和外挂模组等搭配，不需离开Dreamweaver便可完成，整体运用流程自然顺畅。除此之外，只要单击便可使Dreamweaver自动开启Firework或Photoshop来进行编辑与设定图档的最佳化；(7)网站管理。使用网站地图可以快速制作网站雏形、设计、更新和重组网页。改变网页位置或档案名称，Dreamweaver 会自动更新所有连结。使用支援文字、HTML码、HTML属性标签和一般语法的搜寻及置换功能使得复杂的网站更新变得迅速又简单。1.4 Access2000简介Access 是微软公司推出的基于Windows的桌面关系数据库管理系统（RDBMS），是Office系列应用软件之一。它提供了表、查询、窗体、报表、页、宏、模块7种用来建立数据库系统的对象；提供了多种向导、生成器、模板，把数据存储、数据查询、界面设计、报表生成等操作规范化；为建立功能完善的数据库管理系统提供了方便，也使得普通用户不必编写代码，就可以完成大部分数据管理的任务。2 系统分析2.1 需求分析2.1.1 系统的功能要求通过对公司业务流程的实际调查分析得出所需系统需要具有以下功能：l 由于操作人员的计算机知识普遍较差，要求系统良好的人机操作界面。l 全面展示企业的形象，让顾客通过系统对企业有一个更为全面的认识。l 提供新商场动态、促销信息、消费指南、推荐商品等信息。l 分类展示商品信息（或按楼层），方便顾客查看相关内容。l 系统管理员对网站后台管理模块进行设置。l 管理前台所展示的全部信息类内容。l 功能完善的后台商品管理模块。l 为了保证数据的安全性来设置数据备份功能、数据恢复功能。l 系统用户信息管理，用户权限设置。l 系统注销。2.1.2 系统将来可能提出的要求(1)信息统计。即对信息查询量进行统计，为商场工作的改进提供参考。(2)对数据表中字段的数据类型和字段长度的修改。(3)对系统操作方式的更改。如把鼠标操作改为触摸屏操作。2.1.3 系统的运行要求l 操作系统：Windows xp/ Windows 2000。l 数据库管理系统：Access2000。l Web浏览器：如，IE5.0，推荐使用IE6.0。l Web服务器：IIS5.0。l 分辨率：最佳效果1024768像素。2.2 可行性分析2.2.1 技术可行性近年来随着Internet技术的飞速发展及用户需求的不断升级，Web页面技术也不断的推陈出新，使得Web站点的功能越来越强大，能够提供的服务种类越来越繁多。从HTML、Client Script 到CGI,从JAVA的诞生到ActiveX, Web页面设计人员不断受到冲击，微软公司在总结了以往技术，重新思考Web页面设计的真正需要后，推出了Active Server Pages (ASP)，一种用以取代CGI(Common Gateway Interface，通用网关接口)的技术。简单讲，ASP是位于服务器端的脚本运行环境，通过这种环境，用户可以创建和运行动态的交互式 Web 服务器应用程序，如交互式的动态网页，包括使用 HTML 表单收集和处理信息，上传与下载等等。更重要的是，ASP使用的ActiveX技术基于开放设计环境，用户可以自己定义和制作组件加入其中，使自己的动态网页几乎具有无限的扩充能力，这是传统的Web编写工具所远远不及的地方。使用ASP还有个好处，就在于ASP可利用ADO(Active Data Object,微软的一种新的数据访问模型)方便快捷地访问数据库,从而使得开发基于WWW的应用系统成为可能，这也是本文选择ASP作为开发工具最重要的原因之一。2.2.2 经济可行性开发一个商场导购的开发可以解决商场导购遇到的耗费大量资金和人力，管理内容繁复，而且容易丢失的问题。从现有的技术来看，开发B/S的导购系统的难度不是很大，而且实施环境简单，不需要花费太多的人力、金钱和时间等资源。而且开发出的新系统可以大幅提高公司的运行效率，节省运行成本。因此，从经济角度来看，该系统具有可行性。本系统的耗费资金较少，且实用价值很高，各类商场百货大楼都可以使用。2.2.3 操作可行性这个商场导购系统除了要安装操作系统和浏览器外，不需要安装任何客户端开发的软件。该系统的操作方式仿照Windows操作系统一贯以来的操作方式，主要是通过鼠标操作，通过IIS浏览，可以直接进入系统的首页，这样就可以直接看到界面，很直观，也可以满足用户的使用习惯。3 总体设计3.1 系统模型优秀的程序设计过程总是从现有的物理系统出发，导出现有系统的逻辑模型，再参考现有系统的逻辑模型，设想目标系统的逻辑模型，最后根据目标系统的逻辑模型建造新的物理系统。系统的物理模型是由系统流程图来体现，而系统的逻辑模型是由系统业务流程图、数据流图和数据字典共同定义的。3.1.1 系统流程图系统流程图是描绘物理系统的传统工具。它的基本思想是用图形符号黑盒子的形式描绘系统里面的每个部件(程序、文件、数据库、表格、人工过程等)。系统流程图表示的是信息在系统各个部件之间流动的情况，而不是对信息进行加工处理的控制过程。（见图3-1）图3-1系统流程图3.1.2 系统的数据流程图数据流程图描绘系统的逻辑模型。它描述了信息在系统中流动和处理的情况，是逻辑模型的图形表示。这个系统的流程图主要涉及系统的前台与后台，而使用者是顾客和管理员，前台与后台的数据则记录到系统数据库中。具体如图3-2。图3-2数据流程图顾客进入网页，首先浏览的是商品，这些商品通过浏览器显示，而这些商品的信息记录在商品信息表中。管理员负责商品的管理，而修改或编辑的信息也记录到商品信息表中。具体的如图3-3。图3-3数据流程图（第一次细化图）商品展示的载体是浏览器，而相关的信息也记录在商品信息表中；楼层的介绍的载体也是浏览器，而楼层的相关信息则记录在楼层信息表中。具体的如图3-4。 图3-4 数据流程图（第二次细化图）3.2 系统的总体结构设计通过分析，系统分为前台和后台两大功能模块。3.2.1 系统前台该模块主要为顾客提供商品信息的查询功能、商品分类信息展示、商场简介、商场服务等功能（见图3-5）。图3-5系统前台功能结构图3.2.2 系统后台该模块主要管理商品、品牌宣传海报、留言等信息，还有数据备份、数据恢复等。（见图3-6）图3-6系统后台功能结构图3.3 数据库设计数据库设计是该系统中的关键技术，它直接影响到该系统的实现过程及系统的实现效率。数据库是该系统最集中的操作对象，几乎所有的操作都是针对数据库的，因此，在数据库设计时要考虑到整个系统的实现3.3.1 系统所用的主要数据表(1)type(楼层信息表)主要介绍每个楼层名称，该表的结构如表3-1所示。表3-1楼层信息表 列名数据类型是否备注id自动编号no楼层标识，主键，自增长TypeName文本no楼层名称ETypeName文本Yes(2)product(商品信息表)该表主要记录商品的基本信息，该表的结构如表3-2所示。表3-2 商品信息表列名数据类型是否为空备注id自动编号No商品标识，主键，自增长typeid数字No外键ntypeid数字No外键product文本NoEProduct文本Yesremark备注yesERemark备数字注Yeslist文本Yesimg1文本No小图img2文本No大图xi是/否Nopaixu数字Yescommend日期/时间No 系统中用到的数据库表还有：后台导航表（cflag）、新闻表（news）等3.3.2 E-R图图3-3 产品与楼层的E-R图4 详细设计 详细设计阶段的根本目标是确认应该怎样具体地实现所要求的系统，经过这个阶段的设计工作，应该得出对目标系统的精确描述，最终通过程序编码实现系统。4.1 前台功能模块详细设计4.1.1 前台首页设计前台首页运行结果如图4-1所示。前台主要包括推荐商品，楼层介绍，最新产品，商场动态，消费指南，促销信息这几个模块。在推荐商品的界面里，用户可以看到哪些比较受欢迎的推荐。最新产品的模块中可以看到最新的，新上架的商品。其他的具体看下面的模块介绍。图 4-1 前台首页运行结果前台首页各部分说明表 4-1 前台首页各部分信息区域名称说明对应文件1旗帜广告区用于显示网站的标识、标题index.htm2推荐商品展示推荐商品的信息product1.asp3楼层介绍展示各楼层的布局与商品摆放guangchang.asp4最新产品展示新上市商品的信息guangchang.asp5商场动态展示宣传海报、新闻、公告等news.asp6消费指南商品所在的区域查找product.asp7促销信息展示商场的活动、优惠news.asp4.1.2 推荐商品模块设计推荐商品模块主要用来展示商场推荐的品牌信息，包括产品名称，产品所在（位置），图片，产品简介等信息。(1)商品列表在前台首页中单击品牌推荐链接，执行M_ViewImage.asp页面代码，并使M_ViewImage.asp页面在首页展示区显示。效果如图4-2所示。图4-2 品牌推荐模块首页显示效果图(2)品牌具体显示 选择品牌列表中某个感兴趣的品牌，单击链接，里面就有产品名称，产品所在（位置），图片，产品简介等信息的具体介绍。调出品牌具体显示页面brandview.asp，效果如图4-3所示。图4-3 品牌具体显示效果图4.1.3 楼层介绍模块设计楼层介绍模块主要是显示商场各个楼层的布局与商品摆放设置，让顾客对目标商品更好的定位，节省顾客的宝贵时间，起到很好的导购作用。在前台首页页中单击楼层介绍链接，执行guangchang.asp页面代码，并使guangchang.asp页面在首页展示区显示。通过选择下拉框中不同的楼层，在product.asp页面中显示相应图片。运行效果如图4-4所示。图 4-4楼层介绍显示效果图图 4-5 product.asp页面运行效果图4.1.4 最新产品模块设计最新产品模块主要用来展示新上市商品的信息。(1)在前台首页中单击品牌推荐链接，执行新品展示页面guangchang.asp，并使guangchang.asp页面在首页展示区显示。运行效果如图4-6所示。图4-6 最新产品显示效果图(2)商品具体显示单击商品列表中某个链接，调出商品具体的信息，包括产品名称，产品所在（位置），图片，产品简介等信息的具体介绍。具体的显示页面M_ViewImage.asp。M_ViewImage.asp页面的设计效果如图4-7所示。图4-7最新产品具体显示效果图4.1.5 商场动态模块设计商场动态模块主要展示宣传海报、新闻、公告等。在前台首页中点击商场动态链接，就可以了解商场有哪些最新新闻，促销信息，公告等。在首页展示区显示商场动态页面news.asp。如图4-8所示。图4-8 商场动态模块显示效果图 4.2 后台功能模块详细设计4.2.1 后台首页设计点击首页的管理员链接，然后通过密码和用户名的登陆后台，后台首页运行结果如图4-9所示。图 4-9 前台首页运行结果后台首页各部分说明表 4-1后台首页各部分网页表区域名称说明对应文件1产品管理用于显示网站的标识、标题m_index.asp2类别管理展示类别的信息m_type.asp3新闻类别展示新闻信息admin_NewsClass.asp4新闻管理管理新闻信息admin_News.asp5新闻添加添加宣传海报、新闻、公告等admin_NewsAdd.asp6管理员添加、修改管理员adminuser.asp4.2.2 产品管理模块设计商品产品管理模块主要是对商场中商品的类型进行添加、修改和删除等操作。此模块的主显示页面是m_info.asp。页面的设计效果如图4-10所示。图 4-10产品管理模块添加、删除分别调用m_info.asp、c_delect.asp页面。添加的代码Set rs = Server.CreateObject(ADODB.Recordset) sql=select * from gqall where id is null rs.open sql,conn,1,3rs.addnew rs(dtype)=request(dtype)rs(title)=request(title)rs(etitle)=request(etitle)rs(writer)=request(writer)rs(xtype)=request(xtype)rs(content)=textrs(econtent)=text1rs(lxfs)=request(lxfs)if request(yxdate) thenrs(yxdate)=request(yxdate)end ifif request(fbdate) thenrs(fbdate)=request(fbdate)end ifrs.update rs.closeresponse.writealert(添加成功！); response.write删除功能的主要代码为：%set rs=server.createobject(adodb.recordset)sql = delete from gqall where id =& Trim(Request(id)response.Write sqlresponse.end()rs.open sql,conn,3,1 response.write 删除成功！ response.write 返回上页%4.2.3 类别管理模块设计商品类别管理模块主要是对商场中楼层进行添加、修改、删除。此模块的主显示页面是m_type.asp。页面的设计效果如图4-11所示。图 4-11类别管理模块表 4-2类别管理表此模块的添加、修改、删除功能的实现与产品管理模块中的方法相似，不再详细说明。4.2.4 新闻类型模块设计新闻类型模块主页面是admin_NewsClass.asp，里面的最新动态模块主要介绍商场的最新新闻，公告，消息等。促销信息主要介绍商场有什么特别的活动，优惠等。页面的设计效果如图4-12所示。图 4-12新闻类别模块表 4-3新闻类型表4.2.5 新闻管理模块设计新闻管理模块主要是对新闻进行修改、删除、上传图片操作。主页面是admin_News.asp，页面的设计效果如图4-13所示。图 4-13新闻管理模块表 4-4新闻管理表其中修改、删除和设置新品与品牌管理中的相应功能实现相似。此模块最重要的技术是上传图片到数据库。4.2.6 添加新闻模块设计添加新闻模块主要就是对商场的新闻，动态，消息等相关信息的添加。主要添加新闻的标题，内容，作者等相关信息。页面的设计效果如图4-14示。图 4-14添加新闻模块效果图添加新闻的代码如下：Set rs = Server.CreateObject(ADODB.Recordset) sql=select * from news where id is null rs.open sql,con,1,3rs.addnew rs(NclassID)=request(NclassID)rs(title)=request(title)rs(writer)=request(writer)rs(ProductID)=request(ProductID)rs(content)=textrs.update rs.closeresponse.writealert(添加成功！); response.write4.2.7 应用招聘模块设计应用招聘模块主要是针对商场的商家来讲，他们贴出一些他们所需要的人才和一些要求，应聘者可以通过 这个页面的浏览去应聘工作，这样就方便了双方。页面的设计效果如图4-14所示。图 4-14应用招聘模块表 4-5应聘信息表4.2.8 管理员模块设计 修改密码：在这个页面中，管理员可以修改自己的密码。页面的设计效果如图4-15所示。图 4-15管理员模块表 4-6管理员信息表4.3 连接数据库 创建数据库连接主要分两步进行：一是创建数据库连接文件conn.asp，二是在需要与数据库连接的页面中包含该文件（如，）。 连接数据库的代码如下： 5 调试与测试 5.1 测试目标(1)发现程序的物理错误, 即那些使程序执行中断的错误。(2)发现程序的逻辑错误.包括不正确的处理过程和得到错误的结果,但不影响程序的执行。(3)发现功能映射到用户界面的表达错误.即程序的界面没有体现出用户的要求的功能或表达不当。5.2 测试的意义在开发软件系统的过程中，面对错综复杂的问题，人的主观认识不可能完全符合客观现象，与工程密切相关的各类人员之间的通讯和配合也不可能完美无缺，因此，在软件生命周期的每个阶段都不可避免地会产生错误。在每个阶段结束之前通过严格的技术审查，尽可能早的发现所有差错。此外，在编码过程中还会不可避免地引入新的错误。如果在软件投入生产性运作之前，没有发现并纠正软件中的大部分错误，那么这些错误迟早会在生产过程中暴露出来，那时不仅改正这些错误的代价更高，而且往往会造成很恶劣的后果。测试的目的就是在软件投入生产性运行之前，尽可能多地发现软件中的错误。5.3 测试方案(1)采用同步测试和总测试相结合的方法进行测试。(2)在开发过程中完成某个模块后,即进行白盒测试。在此阶段主要是实现单元模块的正常运行，不对整个系统的细节进行测试。(3)进行系统集成测试：把经过测试的各个模块或子系统装配成一个完整的系统来测试。在此阶段主要是实现系统的正常运行，除发现设计错误和编码错误外，还应测试系统是否满足用户需求及相关功能是否完求全实现。(4)进行黑盒测试：邀请一些有相关系统开发经验的老师和同学进行黑盒测试，发现错误进行修改。在此阶段主要在系统的安全性、数据的合法性、数据的完整性和系统的容错性等具体细节方面进行测试。5.4 测试结果运行本软件后，可以看到后台连接数据库成功，然后就会进入登录界面。测试时，先输入错误的用户名或密码，发现系统拒绝登录。然后输入不同的正确用户名和密码，登录成功后，看到系统根据不同的用户给予不同的使用权限，这在进入程序主界面后，从菜单中可以看出使用权限的不同。无操作权限的菜单暗色显示，为不可操作。因此测试成功，功能基本实现。进入主界面后，对不同的子系统进行白盒测试操作。先正确输入各项信息，点击运行按钮后，发现系统运行正常，结果显示正确；然后错误输入某些信息，或者进行某些错误操作，发现有的能够给出错误提示，并返回让用户重新操作，有的则直接显示错误信息，而后