毕业论文-基于JavaEE技术的服装商城系统的设计与实现.doc

中北大学2013届毕业设计说明书基于JavaEE技术的服装商城系统的设计与实现摘要:随着社会的发展和互联网络的普及，现代网络生活已经遍布每个家庭，网上购物作为电子商务的一种形式正以其高效、低成本的优势，逐步成为新兴的经营模式和理念，越来越多的消费者，已经厌倦了走遍大街小巷来寻找自己需要的产品，已经习惯了坐在电脑前便能通过互联网享受购物乐趣的生活，实体服装店已经深深意识到信息时代企业运作已从以技术和产品为中心的商业模式转变到了以顾客和市场为中心的商业模式上来。所以建立一个自己的电子商务网站是十分必要的。 本文从服装商城网站为用户和管理员带来便利的角度出发，系统主要提供了用户功能和管理员管理功能，用户功能主要包括非注册用户和注册用户，非注册用户可以进行产品基本信息查看，注册用户可以进行购物车，订单查询，产品基本信息查看，订单退货，收藏夹功能，留言板，会员信息修改等功能；管理员管理功能主要包括公告管理，商品类别管理，商品管理，订单管理，库存管理，留言管理，财务统计，广告图片管理，会员管理等功能。通过结构化的分析方法，经过系统规划，系统分析，系统设计，详细阐述了网上服装商城网站的操作流程、具体步骤和与相关应用技术说明。本系统基于B/S模式，采用JSP开发技术，Tomcat应用服务器，以MYSQL作为数据库，使用MyEclipse作为开发工具进行开发。关键词：网上购物,电子商务,服饰The Design and Implement of Online Clothing ShopABSTRACT:With the development of society and the popularization of the Internet, network of modern life has spread to every family, online shopping as a form of e-commerce is in its high efficiency, low-cost advantages, has gradually become a new business model and philosophy, more and more consumers, tired of all over the high streets and back lanes to find the products they need, have accustomed to sitting in front of the computer will be able to enjoy the shopping through the Internet life, entity clothing store has been deeply aware of the information age enterprise operation has been changing from the technology and products as the center of the business model to the customer and market - oriented business model. So building a their own e-commerce website is very necessary.In this paper, from the clothing shop website for users and administrators convenience point of view, the system provides the user function and administrator management functions, user functions mainly include the non - registered users and registered users, non - registered users can view the basic information of products, users can register for the shopping cart, order inquiries, the basic product information view, in order to return, favorites function, message board, member information changes and other functions; administrator management functions mainly includes board management, goods category management, commodity management, order management, inventory management, message management, financial statistics, advertising picture management, membership management and other functions. Through structured analysis method, through the system planning, system analysis, system design, detailed online clothing store website operation process, the specific steps and the related application notes.The system is based on B/S mode, using JSP development technology, Tomcat application server, MYSQL as the database, using MyEclipse as a development tool for development.Key Words：Shopping Online,E-Commerce,Apparel目 录1.引言11.1 项目开发的背景11.2 项目的开发目的12.可行性分析32.1 技术可行性32.2经济可行性32.3社会可行性43.服装市场现状及关键技术介绍53.1服饰市场的现状53.2系统实现中采用的关键技术及其复杂性分析54.系统需求分析64.1业务流程分析64.2数据流图84.3数据字典115.系统设计145.1系统设计145.2系统数据库设计155.2.1概念结构设计155.2.2逻辑结构设计195.2.3数据库表设计195.3系统开发工具与开发模式的选择235.3.1开发工具235.3.2开发模式246.系统实现256.1系统前台模块的实现256.1.1会员信息处理模块256.1.2基本信息查看模块276.1.3产品操作模块306.1.4留言及信息查看功能336.2系统后台模块的实现356.2.1用户管理模块366.2.2产品管理模块376.2.3订单管理模块386.2.4新闻公告管理386.2.5退货管理396.2.6库存盘点396.2.7库存记录406.2.8销售统计406.2.9财务统计416.2.10留言管理416.2.11广告图片426.3系统功能亮点426.3.1 AJAX426.3.2图片放大镜功能457.性能测试与分析527.1测试实例(测试集)的研究与选择527.2测试环境与测试条件527.3实例测试527.4测试总结538.总结与展望55第 I 页 共 II 页1.引言1.1 项目开发的背景 （无段前段后）“网上购物”，这个逐渐流行于二十世纪的购物方式已经为越来越多的人所接受。不论是腰缠万贯的大富翁、时尚的白领丽人还是普通的工薪阶层，其中大部分人可能都有过网上购物的经历。这其中有的也许仅仅想拥有这种体验的感觉，有的可能将此作为一种“知识人士”的标志，有的则可能已将网上购物作为自己日常生活的重要组成部分而取代了传统上街购物的方式。那么，什么是网上购物呢？网上购物就是把传统的商店直接“搬”回家，利用Internet直接购买自己需要的商品或者享受自己需要的服务。专业地讲，它是交易双方从洽谈、签约以及贷款的支付、交货通知等整个交易过程通过Internet、web和购物界面技术化的B to C模式一并完成的一种新型购物方式，是电子商务的一个重要组成部分。因此，有人将此视为一个面向全国乃至全世界的大而统的虚拟商场。但在我看来，这个电子商场并非虚拟，因为购物的每一个步骤甚至每一个细节都很真实，与传统购物模式的唯一区别仅在于少了言语交流而有了更多的填单与确认过程。一般来说网上物品的经营大致可分为两种形态：一种是电子商店，即提供网上购物或网上服务的营业者，通过自己的网站，直接对网络使用者出售商品或者提供服务；另一种是电子商场，它是由许多提供不同商品或者服务的营业者集中在一个网站中，使用者可以在同一个网站购买不同公司所提供的商品或者服务。也就是说，在前一种情况下网站经营者同时又是商店经营者，而后一种情况中网站经营者扮演的角色更像是商店经营者与消费者的中介。1.2 项目的开发目的（无段前段后）分析实体服装店单一的实体销售渠道的问题，对现有的市场进行分析和调查，同时应用计算机互联网技术，建立一个网销服装的个性网站。同传统的服饰实品店相比，网上服装商城具有如下优势：(1)利用计算机互联网技术设计网上购服饰网站(2)反馈购买者信息，了解顾客市场需求状态(3)扩大服饰店的业务需求，获得更大的经济效益(4)节省时间，人们足不出户可以获得订购产品，解决了物资流动速度慢，周期长，资金占用大，费用高的特点。眼下电子商务网站正如雨后春笋般地大量涌现，面对日益激烈的竞争环境，服饰店要如何保持永久经营，如何提高市场竞争力，将是必须面对和思考的重大课题。所以，网上服装商城网站应运而生。以提高实体服装店的知名度，为服饰店的文化做宣传，打造服饰店自己的形象，扩大市场占有率，从而获得更大的经济收益。最重要的是，随着电子商务及网上购物的兴起，消费者可以足不出户的买到自己想要的产品，其中包括服饰。因此，从商家和客户来考虑，本网站的开发都具有必要性。本网站主要面对一家小型服饰店等。各种业务数据量相对较小。本网站设计目标是面向实体服装店，为实体店提供一个网上销售平台，通过它来推销实体店的产品和服务。网站涵盖了实体服装店业务的主要方面，包括对店铺的宣传， 对产品的宣传，在线销售产品，顾客反馈调查等。2.可行性分析 为避免投资失误，保证新系统的成功开发和运行，从技术、经济和社会三方面对本系统的可行性进行了分析和研究。2.1 技术可行性（无段前段后）该系统拟采用成熟的数据库技术与软件开发技术，使用MYSQL和Tomcat6.0服务器与JSP技术。JSP对于在Web应用中集成JavaBean组件提供了完善的支持，这种支持不仅能缩短开发时间（可以直接利用经过测试和可信任的已有组件），避免重复开发。JavaBean组件可以用来执行复杂的计算任务，或负责与数据库的交互及数据提取等。前台主要使用HTML语言，用JSP页面对表单数据进行处理。Tomcat服务器系统由推出至今，其方便，宜用等特性深得开发人员的赞许，再加上其资源免费，下载方便，使得它在信息系统开发中应用日益广泛。 本系统对用户的要求，除了需要具备在Microsoft Windows平台上使用个人电脑的知识外，并不需要特别的技术能力。使用系统的管理员，需要具备对Tomcat服务器的使用能力，在投入使用前，无需对操作系统的人员进行培训。这样既减少投入成本又简化了操作环节。因此，开发该系统具有技术可行性。2.2经济可行性（无段前段后）经济可行性分析要估计项目的成本和效益，分析项目经济上是否合理。即进行成本效益分析，评估项目的开发成本，计算开发成本是否会保证项目预期的全部利润6。(1)支出实体服装店有一个实际存在的店面，店面的装修等都需要大量的费用投资；需要专人看管门店，人员费用也要考虑，可见，投入的资金很大。而建一个网站一年投入5000人民币的费用(包括网站制作和维护)与实体店面相比要少的多，节省支出。 (2)效益实体服饰实体店经营方式，使购买产品的顾客范围限制在了一定的区域之内，营业时间、顾客范围都受到限制，因此效益是有限的7。服装网上商城网站在经济上较其实体店面主要有以下几个突破的优势：投资比较少，同时增加了销售渠道。销售时间不受限制，可以24小时营业时间。销售范围不受地域限制，通过网络使得更多的网民都可以通过网络看到实体店的产品，销售产品增加收益的同时宣扬了企业文化。总的来说，实体服装店将传统的商务流程数字化、电子化，把传统的商务流程转化为电子流、信息流，突破了时间空间的局限，大大提高了商业运作的效率，有效地降低了成本，扩大的市场销售范围，给商家带来更大的经济效益。由以上可知，本系统在经济上是可行的。2.3社会可行性（无段前段后）现在，越来越多的商家和消费者开始利用Internet及其电子商务形式进行网上购物。消费者利用网络的便利，可以迅速便捷地购买到价格低廉且称心如意的产品；而商家则可以凭借网络，来获取巨大的商业利益。电子商务或者网上购物是一种新型的贸易或者消费形式，在Internet时代，网上购物是不可或缺的。在网上开家服饰专卖店，可以说既能跟现实中的专卖店同时起步，也因为其网络的跨地域，以及相对较低的成本，更易将生意做大做火。有些传统服饰店因成本高、规模小、品种少已经很难再继续发展。网上服装商城网站的产生是顺应市场要求的。3.服装市场现状及关键技术介绍3.1服饰市场的现状（无段前段后）目前中国的服饰市场仍处于发展阶段，中国服饰市场（包括鞋类、服装及配饰）近年来一直急速扩张，2004-2008年中国服饰销售市场年复合增长率（CAGR）高达32%。过去几年内，中国一些服饰品牌的知名度已获提升，且越来越成功。国内品牌如李宁、安踏、匹克、特步、361、鸿星尔克等在通过进军中国各级市场占领市场份额方面极具成效，在国内服饰市场重新开闸的背景下，中国服饰企业则加紧了海内外上市的步伐，而且都不约而同地倾向于境外资本市场。 高速增长的中国服饰市场以及其丰厚的利润吸引了众多国外厂商的加盟，使国内外服饰厂商进一步确信中国市场巨大的发展潜力，耐克、阿迪达斯、彪马等国际知名服饰品牌纷纷抢滩中国市场，与国产体育品牌形成对立之势。中外品牌的激情碰撞使中国服饰市场达到空前的繁荣，市场竞争也日趋白热化，中外服饰厂商共同分享着中国每年几百亿人民币的服饰市场。3.2系统实现中采用的关键技术及其复杂性分析（无段前段后）目前，可以实现网站开发的技术有很多种：例如CGI 技术，PHP 技术，ASP技术，JSP技术等。Servlet和JSP的组合(还可以加上JavaBean 技术)让Java 开发者同时拥有了类似CGI 程序的集中处理功能和类似PHP 的HTML嵌入功能。JSP技术的优势主要有以下几个方面：（1）简便性和有效性JSP动态网页的编写就是在HTML网页中加入一些JSP专有的标签，或是一些脚本程序，开发人员也可以利用别人已写好的编写脚本程序来实现动态网页的编写。（2）强调可重用的组件 在 JSP页面中可以不直接将脚本程序嵌入，而只是将动态的交互部分作为一个部件加以引用，这样，一旦这样的一个部件写好，它可以为多个程序重复引用，实现了程序的可重用性。现在，大量的标准JavaBean程序库就是一个很好的例证。 4.系统需求分析4.1业务流程分析（无段前段后，下同）没有实现网上销售的实体服装店，即店面销售方式，店面需要专人看管，而且销售范围有限，面向的对象很受限制，销售情况需要店主手工记录到账簿，以备利润汇总，存在很多的不方便。本阶段遵循用户参与的原则，对现行的工作流程进行了详细调查10。根据调查的资料对业务流程做了具体分析，在现行的顾客购买流程的基础上，进行改进，并给出了用户网上购买服饰的业务流程。 业务流程图的常用的基本符号有以下六种 图4.1.1 业务流程图基本符号网上服装商城网站的购物流程，对于非注册的用户，只能查看产品信息，搜索产品，对于注册的用户(会员)可以进行查看产品信息，搜索产品，进行产品购买，即方便又可以享受网上产品较低的价格，即经济又便捷。购买产品时下的订单信息，系统会将用户购买的产品信息进行保存，方便用户随时查看；当用户支付成功后，系统会自动地将产品销售信息、会员信息、订单信息更新到数据库中，管理员（即店主）不用手工记录产品的销售信息，管理员对产品、订单、用户的管理操作更加系统化、准确化。具体业务流程如图4.1.2所示。图4.1.2 业务流程图4.2数据流图在业务流程分析的基础上，对数据流进行了分析，从数据流动过程考察了实际业务的数据处理模式。该系统的数据流图分为顶层、一层、二层。现行的顶层数据流图如图4.2.1所示。图4.2.1 网上服装商城顶层DFD具体分析第一层数据流图，主要包括产品管理、订单管理、会员管理等几大处理模块。产品操作，主要完成注册用户对产品的搜索、查看、购物车处理；订单查询处理，注册用户可以根据订单号查询、可以查看自身所有订单信息、可以查看本身购买的所有产品信息。订单管理，管理员可以对用户购买产品时填写的订单信息根据具体情况进行订单处理操作。详细流程图如图4.2.2所示。图4.2.2 第一层数据流图第二层数据流图分析及图例。下面具体分析一下P1产品操作处理，非注册用户可以对产品进行搜索查看，非注册用户可以注册成为会员或者已经是会员的用户可以对产品进行搜索查看，可以将要购买的产品放入购物车中，确认购买后填写订单，订单生成后，进行确认支付处理，支付成功后，成功购买产品。产品操作处理如图4.2.3所示图4.2.3 P1“产品操作”的展开图下面分析P2订单查询处理模块，描述的是会员用户可以对自身的购物信息、订单信息进行查询操作。可以进行订单号查询、我的所有订单查询。对于非注册用户是不能查到订单信息的。订单查询处理如图4.2.4所示。图4.2.4 P2“订单查询”的展开图下面分析P3会员信息处理模块，用户可以注册会员或者已经是会员的可以登录查看会员信息，修改自身的信息。会员信息处理模块如图4.2.5所示。图4.2.5 P3“会员信息处理”的展开图4.3数据字典通过对系统数据流的分析，接下来用数据字典描述数据流图中一些主要的数据元素条目、数据流、处理过程、数据存储和外部实体。 数据元素条目如下所示。用户名元素的数据字典如图4.3.1所示。图4.3.1 用户名元素数据流如下所示。下订单信息流如图4.3.2所示。图4.3.2 下订单信息流处理过程如下所示。产品管理模块如图4.3.3所示。图4.3.3 产品管理数据结构条目如下所示。用户信息的数据结构条目如下图4.3.4所示。图4.3.4 用户实体外部实体如下所示。用户如图4.3.5所示。图4.3.5 产品结构由于论文篇幅的限制，不在此一一列举，其他所有的数据字典条目都是根据数据流图绘制的。5.系统设计5.1系统设计（正文无段前段后）在对网上服装商城全面分析调查的基础上，制定出网上服装商城网站的总体规划。系统总体设计包括系统总体设计、系统详细设计、系统数据库设计、系统开发工具、开发技术和开发模式等。从数据流图出发，对数据流图进行分析，得出的层次化的模块结构图。即图5.1为系统的功能结构图。图5.1 功能模块图5.2系统数据库设计（正文无段前段后）网站最注重的是与浏览者的互操作性及对信息资源的操作性，因此数据库是必不可少的。数据库是数据管理的最新技术，是计算机科学的重要分支11。数据库是服务于各个栏目的，建立的数据库应该力求结构严谨、关系清晰，不要产生冗余。目前，常用的数据库管理系统有Access、SQL Server、MySql、Oracle等。SQL Server是Microsoft公司开发的大型关系数据库管理系统，具有强大的关系数据库创建、开发、设计和管理功能。由于其功能强大、操作方便，适用于不同层次的用户掌握使用12。因此本网站采用MYSQL数据库。5.2.1概念结构设计根据功能模块划分的结果，具体分析了本系统中大部分实体，实体属性图如下图所示。图5.2.1 购物车实体属性图图5.2.2 收藏夹实体属性图5.2.3 广告图片实体属性图图5.2.4 库存记录实体属性图图5.2.5 留言实体属性图图5.2.6 新闻广告实体属性图图5.2.7 订单实体属性图图5.2.9 商品类别实体属性图图5.2.8 商品实体属性图图5.2.10 销量实体属性图图5.2.11 系统用户实体属性图遵循三范式原则，对实体之间的依赖关系进行了整合，系统E-R图如图5.2.12所示。图5.2.12 系统E-R图5.2.2逻辑结构设计（正文无段前段后）逻辑结构设计是概念结构设计的下一阶段，设计根据概念阶段的E-R图转化成系统支持的数据模型，本选课系统采用关系模型。关系模型的逻辑结构是一组关系模式（二维表）的集合。E-R图是由实体，实体属性和实体之间的联系三个要素组成的。所以将E-R图转换为关系模型实际上是要将实体，实体的属性和实体之间的联系转换为关系模型。根据以上原则将系统中的E-R图转换为关系模型如下：管理员(管理员ID，管理员名称，管理员密码)会员(会员ID，用户名，真实姓名，密码，性别，年龄，地址，电话)订单(订单ID，产品ID，数量，用户，收货地址、电话，付款状态，发货状态)订单明细表(ID，订单ID，产品ID，价格，数量)产品(产品ID，产品名称，产品简介，定价，现价，图片文件，录入时间，库存数量) 5.2.3数据库表设计本系统主要的数据表如表5.2.至表5.10所示。（1）系统用户信息表系统用户信息表主要用来存储系统用户的信息。表的结构如表5.1所示。表5.1 系统用户信息表字段名数据类型长度描述 IDint11ID(主键)unamevarchar255用户名upassvarchar255密码realnamevarchar255姓名sexvarchar255性别agevarchar255年龄telvarchar255电话addrvarchar255地址delstatusvarchar255删除状态typevarchar255用户类别（2）购物车信息表购物车信息表用来保存购物车信息。表的结构如表5.2所示。表5.2 购物车信息表字段名数据类型长度描述IDint11ID(主键)productidvarchar255商品IDnumvarchar255数量memberidvarchar255会员ID（3）收藏夹信息表收藏夹信息表主要用来保存用户收藏的商品信息。表的结构如表5.3所示。表5.3收藏夹信息表字段名数据类型长度描述IDbigint11ID(主键)productidvarchar255商品IDmemberidvarchar255会员ID（4）库存记录信息主表库存记录信息主表用来记录商品的出入库记录信息。表的结构如表5.4所示。表5.4库存记录信息表字段名数据类型长度描述IDint11ID(主键)productidvarchar255商品IDnumvarchar255出入库数量typevarchar255出入库类型savetimedate255出入库日期（5）留言信息表留言表用来保存用户的留言信息。表的结构如表5.5所示。表5.5 留言信息表字段名数据类型长度描述IDint255ID(主键)contentvarchar255留言内容replyvarchar255回复内容savetimevarchar255留言日期memberidvarchar255会员ID（6）新闻类信息表新闻类表用来保存站内新闻信息。表的结构如表5.6所示。表5.6 新闻信息表字段名数据类型长度描述IDint11ID(主键)titlevarchar255信息标题contentvarchar255内容savetimevarchar255日期typevarchar255信息类别（7）订单信息表订单表用来保存用户提交的订单信息。表的结构如表5.7所示。表5.7订单信息表字段名数据类型长度描述IDint11ID(主键)orderidvarchar255订单IDproinfovarchar255订单商品明细memberidvarchar255会员IDpricevarchar255订单金额savetimevarchar255订单日期fkstatusvarchar255付款状态fhstatusvarchar255发货状态telvarchar255收货人电话addrvarchar255地址typevarchar255订单类别（8）商品信息表商品信息表用来保存商品信息。表的结构如表5.8所示。表5.8商品信息表字段名数据类型长度 描述IDint11ID(主键)pronamevarchar255商品名称pronovarchar255商品编号imgvarchar255图片pricevarchar255金额field1-field10varchar255商品属性protypevarchar255商品类别remarktext0商品详情delstatusvarchar255删除状态（9）商品类别信息表商品类别表用来保存商品分类名称信息。表的结构如表5.9所示。表5.9商品类别信息表字段名数据类型长度描述IDint255ID(主键)typenamevarchar255类别名称delstatusvarchar255删除状态（10）商品类别信息表销量信息表用来保存商品的销售情况信息。表的结构如表5.10所示。表5.10销量信息信息表字段名数据类型长度描述IDint11ID(主键)productidvarchar255商品IDnumvarchar255销售数量savetimevarchar255销售日期（11）广告图片信息主表广告图片信息主表用来记录首页展示的图片信息。表的结构如表5.11所示。表5.11广告图片信息表字段名数据类型长度描述IDint11ID(主键)imgurlvarchar255图片路径typevarchar255类别5.3系统开发工具与开发模式的选择5.3.1开发工具开发工具：Dreamweaver 8 、myeclipse8.5开发技术： Jsp数据库：MySql应用服务器：Apache Tomcat 6.0 5.3.2开发模式对于本系统，其功能目标是实现传统的服饰实体店到利用计算机进行网上购买实体店服饰的转变，所以它必须实现整个实体店的流程方式，实现对网站用户的不同管理，以及完成下订单、购买等环节的处理。由于系统数据收集的实时性要求不高，因此采Browser/Server结构来进行设计是合理可行的。6.系统实现6.1系统前台模块的实现在网上服装商城网站的前台，用户可以通过注册成会员从布获得更多的操作权，还可以在第一时间内掌握网站推出的特价商品、热销商品、最新公告等，也可以搜索指定产品、产品分类查询等。用户注册成为会员后可以进行网上购物。网上服装商城网站前台首页的运行结果如图6.1所示。图6.1 界面首页6.1.1会员信息处理模块登录模块（无段前段后）此模块主要功能是会员登录用于网站会员登录本网站进行购物或查看订单的情况。首先将从前台页面提交的用户名和密码进行接受，之后在后台进行处理，按照用户名在数据库中进行查询，如果查到该用户则将该用户的权限和密码全都取出来分别赋给两个字符串变量，判断从数据库中读出的密码与登录时输入的密码是否配比上，若两个密码相同则进入相应的页面，否则输出密码错误。登录模块如图6.2所示。图6.2 会员登录界面注册管理模块（无段前段后）此模块的功能是用户进行注册，用户添入相关的个人信息。添入的信息提交到后台的处理页，在处理页中将前台传过来的信息进行接受，之后用数据库操作语句将这些数据插入到人员信息表中。在保存会员信息时，还需要判断会员名是否存在，必须保证会员名称的惟一性。注册成功后可以使用本系统进行购买等操作。用户注册界面如图6.3所示。图6.3 用户注册界面6.1.2基本信息查看模块产品展示（无段前段后）（正文无段前段后）产品展示主要列出网站出售的产品信息。包括产品图片、名称、库存等信息。同时对于会员设置了“我要订购”，用于将产品信息添加至购物车。产品展示的设计效果如图6.4所示。图6.4 产品展示的显示效果修改资料（无段前段后）用户单击网站导航条中的“修改资料”超链接，即可以对自己的用户信息进行修改。设计效果如图6.5所示。图6.5 修改资料效果商品详情（正文无段前段后）用户可以通过点击商品链接进入商品详情页。页面的设计效果如图6.6所示。图6.6 商品详情页面的显示效果6.1.3产品操作模块购物车模块（无段前段后）在本系统中，购物车功能是一个十分重要的功能。当用户登录成功以后，单击任意一种产品右侧的“购买”按钮转到购物车页面，显示该物品已经添加进购物车。如果用户需要继续购物，可以单击“继续购物”，退回到首页，继续选购产品，系统会自动将所有购买产品加入购物车，同时显示用户所购买的物品列表，及合计价格。如果用户在去收银台结账前对已经选购的物品不满意时，可以单击产品后面得“移出购物车”按钮。购物车界面如图6.7示。图6.7 购物车界面（以下正文无段前段后）用户完成选购之后，单点击“购买”转到订单信息填写界面，显示输入收货人联系地址、联系电话等信息，这些信息是系统自动从用户表中提取出来的，用户可以修改，最后单击“提交”按钮即结账完毕，系统自动生成订单号。如图6.8所示。图6.8 我的订单界面产品检索模块（无段前段后）产品搜索模块包括产品模糊查询和产品分类显示两个部分。产品查询作为一个在网上展示自己产品的购物网站，如何能让用户以最快的速度找到自己希望买到的物品，也是需要非常重视的一个问题，此时搜索引擎也就必不可少了。本网站也做了一个小模块，以供用户进行一些模糊查找，用户不必输入全部名称，只需单击“全部分类”的下拉按钮，选择相应的查询条件，单击其后的文本框，输入与查询条件相对应的内容，最后单击“搜索”按钮，系统就可以将符合该查询条件的所有产品信息以网页形式返回给用户。产品模糊查询界面如图6.9示。图6.9 产品模糊查询界面收藏夹功能（无段前段后）会员可以对自己想要关注的商品加入收藏夹以实时关注该商品的折扣等情况，可以免去下次进来需要查找的烦恼。收藏夹界面如图6.10。图6.10 收藏夹界面6.1.4留言及信息查看功能留言功能（无段前段后，下同）（正文无段前段后）注册会员在登陆后可以留言给管理员，方便了顾客与管理员的沟通交流。留言界面如图6.11所示。图6.11 留言界面站内新闻信息查看（正文无段前段后）游客及会员均可以查看站内新闻。站内新闻查看界面如图6.12所示。图6.12 站内新闻信息查看界面6.2系统后台模块的实现（无段前段后）进入网上服装商城网站的后台。管理员可以点击导航条上相应链接进行新闻管理、商品类别管理、商品管理、订单管理、库存管理、留言管理、广告管理、会员管理、财务统计、销量统计等，操作完成后可以点击“安全退出”回到网站前台首页。网上服装商城网站后台首页的运行结果如图6.13所示。图6.13 网站后台首页界面6.2.1用户管理模块点击“用户管理”转到用户管理页面，该页面自动显示相应的用户列表，该界面可以对会员信息实现查看的功能。用户管理界面如图6.14示。图6.14 用户管理界面6.2.2产品管理模块（正文无段前段后）该模块主要是对产品信息的管理，即对产品信息的添加、修改和删除。当点击“产品管理”时，页面自动显示相应的产品列表。产品管理界面如图6.15所示。图6.15 产品信息管理界面管理员可以点击“修改”，进行该产品信息的修改，此时进入到产品修改页面，点击产品列表要删除的产品信息的删除按钮，系统弹出提示框，进行确认后即删除成功。编辑产品界面如图6.16示。图6.16 编辑产品信息界面6.2.3订单管理模块该模块主要是对订单的处理，包括查看订单和执行订单。点击“订单管理”转到订单管理页面，该页面自动显示相应的订单列表，主要有订单号、品种数、真实姓名、付款方式、订货日期、是否发货等，单击相应产品信息后面的执行按钮，即可对生成的订单号进行执行操作。订单管理界面如图6.17所示。图6.17 订单管理界面6.2.4新闻公告管理（正文无段前段后）该模板主要用于管理员发布站内新闻，添加公告界面如图6.18所示。图6.18 新闻管理界面6.2.5退货管理（正文无段前段后）本模板为订单发货后，客户申请退换，管理员对客户的退货申请进行处理，当管理员同意退货时，该订单的商品的数量也会自动再次入库。退货管理界面如图6.19所示。图6.19 退货管理管理界面6.2.6库存盘点（正文无段前段后）这里列出了所有商品的库存情况，库存盘点界面如图6.20所示。图6.20 库存盘点界面6.2.7库存记录（正文无段前段后）本功能记录了每个商品的出入库数量，商品的库存也是从此表面计算出，数据以出入库类型区分，计算总出库数及总入库数，则可以得出商品的库存数量。库存记录界面如图6.21所示。图6.21 库存记录界面6.2.8销售统计（正文无段前段后）统计每件商品的销售情况的功能，可以使商家及时了解每件商品的销售情况，为经营者提供决策的参考，销售统计界面如图6.22所示。图6.22 销售统计界面6.2.9财务统计为商家提供资金收入的参考，可以按日期区间来查询。财务统计界面如图6.23所示。图6.23 财务统计界面6.2.10留言管理管理员查看、回复、管理会员的留言。留言管理界面如图6.24所示。图6.24 留言管理界面6.2.11广告图片（正文无段前段后）前台首页的广告图片考虑到经常需要更换，所以本系统将这一功能做成了后台维护，以适合商家各个时期的广告需要。广告图片管理界面如图6.25所示。图6.25 广告图片管理界面 6.3系统功能亮点（无段前段后）6.3.1 AJAX本系统由于功能上的需求，在注册以及购物车功能上运用了Ajax技术，Ajax通常用于注册会员时验证用户名的唯一性。下面我们对Ajax进行详细介绍：Ajax所包含的技术： 大家都知道Ajax并非一种新的技术，而是几种原有技术的结合体。它由下列技术组合而成。 1.使用CSS和XHTML来表示。 2. 使用DOM模型来交互和动态显示。 3.使用XMLHttpRequest来和服务器进行异步通信。 4.使用JavaScript来绑定和调用。 在上面几中技术中，除了XmlHttpRequest对象以外，其它所有的技术都是基于web标准并且已经得到了广泛使用的，XMLHttpRequest虽然目前还没有被W3C所采纳，但是它已经是一个事实的标准，因为目前几乎所有的主流浏览器都支持它。 Ajax原理和XmlHttpRequest对象： Ajax的原理简单来说通过XmlHttpRequest对象来向服务器发异步请求，从服务器获得数据，然后用javascript来操作DOM而更新页面。这其中最关键的一步就是从服务器获得请求数据。要清楚这个过程和原理，我们必须对 XMLHttpRequest有所了解。 XMLHttpRequest是Ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术。简单的说，也就是javascript可以及时向服务器提出请求和处理响应，而不阻塞用户。达到无刷新的效果。 所以我们先从XMLHttpRequest讲起，来看看它的工作原理。 首先，我们先来看看XMLHttpRequest这个对象的属性。 它的属性有： onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。 responseXML 从服务器进程返回的DOM兼容的文档数据对象。 status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪） status Text 伴随状态码的字符串信息 readyState 对象状态值：0 (未初始化) 对象已建立，但是尚未初始化（尚未调用open方法） 1 (初始化) 对象已建立，尚未调用send方法 2 (发送数据) send方法已调用，但是当前的状态及http头未知 3 (数据传送中) 已接收部分数据，因为响应及http头不全，这时通过responseBody和responseText获取部分数据会出现错误， 4 (完成) 数据接收完毕,此时可以通过通过responseXml和responseText获取完整的回应数据。Ajax的优点： Ajax的给我们带来的好处大家基本上都深有体会，在这里我只简单的讲几点： 1、最大的一点是页面无刷新，在页面内与服务器通信，给用户的体验非常好。 2、使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的响应能力。 3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，Ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。 4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。 Ajax的缺点： 下面我着重讲一讲Ajax的缺陷，因为平时我们大多注意的都是Ajax给我们所带来的好处诸如用户体验的提升。而对Ajax所带来的缺陷有所忽视。 下面所阐述的Ajax的缺陷都是它先天所产生的。 1、Ajax干掉了back按钮，即对浏览器后退机制的破坏。后退按钮是一个标准的web站点的重要功能，但是它没法和js进行很好的合作。这是Ajax所带来的一个比较严重的问题，因为用户往往是希望能够通过后退来取消前一次操作的。那么对于这个问题有没有办法？答案是肯定的，用过Gmail的知道，Gmail下面采用的Ajax技术解决了这个问题，在Gmail下面是可以后退的，但是，它也并不能改变Ajax的机制，它只是采用的一个比较笨但是有效的办法，即用户单击后退按钮访问历史记录时，通过创建或使用一个隐藏的IFRA