毕业设计（论文）-贵美商城网上购物系统的设计与实现.doc

河北经贸大学经济管理学院毕业论文摘要随着时代的变迁、社会的不断进步，科技在不断得发展，人们的各方面的需求也不断地提高，计算机网络不断地迅速发展、普及，新的软件和硬件给社会提供了极大地便利，而网上购物系统则为人们提供了这样一个交流平台，成为了时代主流之一，它能够使人们在方便之余，利用节省下来的时间去做更有意义的事情，也因为这样的平台，人们能对各种市场、各种商品做更多的了解，在做出充分的了解和准备之后，购买到自己中意、精心挑选的物品。不仅如此，网上购物系统也为经营商与生产厂家提供了另一种交流、合作渠道，从而优化了交易过程和减少了文书工作。全套设计加扣3012250582 本论文研究的是一种基于轻量级Java EE架构设计的网上购物系统，其开发的主要内容是前台JSP页面的设计、数据库的建立和对数据库处理，实现前后台对数据库的交互。系统使用以Java为核心语言，基于Java的IDE集成开发平台的MyEclipse 8.5开发工具，利用JDK 6.0建立运行环境，结合Navicat 8.0 MySQL建立数据库，通过对数据库进行分析，将分析结果展现在页面上，实现与用户的信息交流。本系统主要分为前台用户操作和后台系统员管理两部分。前台用户操作主要有：用户注册、用户登录、信息检索、信息搜索、购物车和用户退出六个功能模块；后台管理员主要有：用户管理、大小分类管理、详细信息管理、留言管理、订单管理和公告管理六个功能模块。由于系统采用的是轻量级Java EE，具有面向对象建模的思维方式、优秀的应用分层以及良好的可扩展性、可维护性，开发和运行成本很低。关键词 Java EE；Navicat 8.0 MySQL；网上购物系统 AbstractWith the changes of the times and social progress, science and technology development, people in all aspects of demand will continue to improve, computer network continuously rapid development and popularization, the new software and hardware to the society provides great convenience, And online shopping system is for the people provides such a communication platform, has become one of the mainstream of the times, it can make people in convenient, the saved time to do more meaningful things, because such a platform, people can learn more about a variety of market, various commodities, after making a full understanding and preparation, buy to their favorite, carefully selected items.Not only that, online shopping system for operators and manufacturers provides another communication and cooperation channels, so as to optimize the transaction process and reducing paperwork.This paper is a kind of online shopping system based on EE lightweight Java architecture design, its main content is to establish the development design, front JSP page of the database and the database, realize the interaction of the foreground and background database. The system uses Java as the core language,IDE integrated development platform Java MyEclipse 8.5 development tools based on JDK, using the 6 running environment, combined with Navicat 8 MySQL database, through the data analysis, the analysis results are displayed on the page, communicate with the user.This system is mainly divided into two parts as the user operation and the backstage management system. The user operation include: user registration,user login,information retrieval, information search, shopping cart and user exit six modules; administrators are: six function modules: user management, size classification management, detailed information management, message management, order management and announcement management. The system uses a lightweight Java EE, with application of hierarchical object oriented modeling way of thinking, excellent and good scalability, maintainability, development and operation cost is very low.Keywords Java EE；Navicat 8.0 MySQL；On-Line Shopping SystemIII目录1 绪论11.1 研究现状11.2 研究意义11.3 研究内容22 系统开发工具和运行环境32.1 开发工具简介32.1.1 MyEclipse开发工具32.1.2 JDK开发环境简介32.1.3 Tomcat简介32.1.4 数据库简介42.2 技术简介42.2.1 JavaBean技术简介42.2.2 JSP技术简介42.2.3 Servlet技术简介52.3 系统运行环境配置53 系统需求分析63.1 需求分析的任务63.2 需求分析的过程63.3 系统数据流分析63.4 可行性分析84 系统总体设计104.1 功能结构设计104.2 各模块功能介绍104.3 数据库设计114.3.1 概念结构设计114.3.2 逻辑结构设计155 系统详细设计195.1 前台页面195.1.1 主页面195.1.2 注册页面215.1.3 登录页面215.1.4 商品展示页面225.1.5 详情页面235.1.6 购物车页面235.2 后台页面245.2.1 后台登录页面255.2.2 欢迎页面255.2.3 用户管理页面255.2.4 商品分类管理265.2.5 商品详情管理285.2.6 订单管理285.2.7 公告管理295.3 模块设计与实现305.3.1 前台功能模块设计与实现305.3.2 后台功能模块设计与实现416 系统测试436.1 测试目的436.2 测试方法436.3 测试结果43结论44致谢45参考文献46II贵美商城网上购物系统的设计与实现1 绪论现阶段，网络正在潜移默化地影响着人类的行为，包括人们的工作和日常生活。网络的诞生和发展，颠覆了传统的信息传播方式，清除了存在于传统交流方式中时间和空间的种种障碍，极大地改变了人类从物质到精神、从形式到内容、从生产到生活的各种活动，并且给人类带来了新的机遇和挑战，以下将对本文研究的系统的现状、内容和意义分别进行介绍。1.1 研究现状随着社会的进步，经济的飞速增长，人们对物质上的需求与追求也在不断地增长。在这种趋势的发展下，网上购物渐渐地成为人们购买物品的主要途径，也成为经商人员扩展市场的途径之一。如何协调好用户与商家的关系，如何让用户更方便的使用网站进行购物，如何让商家更好地管理网站，诸如此类的问题，其处理结果成为能否创建好网站的关键。购物作为人们的日常行为和需求之一，许多消费者都是初步开始使用，甚至尚未使用计算机进行网上交易，而经营者也是从未使用网络经营过商店。根据调查得知，在信息时代尚未成熟之时，消费者对物质的需求都是亲力亲为，亲自去实体店购买，而经营者也是在实体店招揽顾客，这样无论是在时间还是在人力上都是某种程度上的资源浪费。因此，开发一套完善的、适用的网上购物系统是当下势不可挡的。1.2 研究意义为了适应时代潮流，并提供一个能够使用户方便浏览商品、搜索商品，从而购买满意的商品和能够使管理员能够高效率地管理商品信息等有关于系统的各种信息，本文将进行一个系统从设计构思到设计过程的总体阐述。而现在优秀的电子商务网站有淘宝网、京东商城等，它们为其他的网站的创建提供了良好的典范。在网站开发中我们可以学习并领悟他们的设计理念、思想，了解和熟悉整个网站的开发流程和完整的电子商务网站应有的基本功能和开发中应该注意到的问题。比如：动态网页制作技术的，后台数据库的设计和管理，通过实际制作网站，可以真正体会到电子商务网站的设计理念，在实践中掌握上述技术的灵活使用。1.3 研究内容本文介绍了在Windows8、Tomcat、MyEclipse、MySQL和Java环境下采用“自上而下地总体规范，自下而上地应用开发”的策略实现本系统的开发，提出实现用户方便购物，商家有规律地管理商品和消费者的信息的基本目标，从而适应这个信息化时代的发展，并阐述系统的结构设计和功能设计，从用户登录网站，进行商品的浏览、搜索到购买，从管理员进入后台系统，进行商品和用户的查询、到对商品和用户的管理操作，形成一个整体自动化管理模式，进行了科学而严谨的阐述。而为了实现贵美商城网上购物这一系统，并达到顾客能够清晰了解、快速查询商品信息，管理员能够高效率地管理商品信息等有关于系统的各种信息，将要解决以下问题：如何将商品信息更美化地展现在客户眼前，页面排版、布局；如何实现用户的注册，对每一条注册信息都要进行页面和后台的验证，对于不合法信息，在页面上显示错误信息，利用Ajax技术实现前后台异步验证功能；如何实现数据的实时更新、替换；如何利用缓存实现用户的退出功能。最终建立好网站和数据库，使得所需商品信息能够实时的更新、保存，能够更好的了解商品流动的情况。2 系统开发工具和运行环境2.1 开发工具简介本系统采用MyEclipse8.5作为主要的开发工具，使用JDK1.6版本java开发工具包和Tomcat6.0版本服务器，并且连接使用Navicat 8.0 MySQL数据库。2.1.1 MyEclipse开发工具 MyEclipse是对Eclipse IDE的扩展，它依靠插件开发环境而集成。利用MyEclipse我们可以在数据库和J2EE的开发、发布和应用程序服务器的整合方面极大的提高工作效率。由于它是功能丰富的J2EE集成开发环境，包括了完备的编码、调试、测试和发布功能，完整支持HTML，JSP，CSS，JavaScript，MySQL，Hibernate，Struts2和Spring。在结构上，MyEclipse的特征可以被分为7类：J2EE模型、WEB开发工具、EJB开发工具、J2EE项目部署服务、数据库服务、应用程序服务器的连接器和MyEclipse整合帮助。MyEclipse结构上的这种模块化，可以让我们在不影响其他模块的情况下，对任一模块进行单独的扩展和升级。在语言上，MyEclipse 是使用 Java 语言开发的，但它的用途并不限于 Java 语言，例如，支持诸如 C/C+。简单而言，MyEclipse是Eclipse的插件，也是一款功能强大的J2EE集成开发环境，支持代码编写、配置、测试以及除错。2.1.2 JDK开发环境简介JDK(Java Development Kit，Java开发包，Java开发工具)是一个写Java的applet和应用程序的程序开发环境。它由运行用Java语言写的applet和应用程序所需的工具和处于操作系统层之上的运行环境还有开发者编译、调试组成。采用JDK开发Java程序能够很快理解程序中各部分代码之间的关系，有利于理解Java面向对象的设计思想。JDK的另一个显著特点是随着Java （J2EE、J2SE以及J2ME）版本的升级而升级。但它的缺点是从事大规模企业级Java应用开发极困难，不能进行复杂的Java软件开发，也不利于团体协同开发。2.1.3 Tomcat简介Tomcat是Apache 软件基金会（Apache Software Foundation）的Jakarta 项目中的一个核心项目，由Apache、Sun 和其他一些公司及个人共同开发而成。Tomcat 是一个免费的开放源代码的轻量级web应用服务器，具有容易安装使用、占用资源小、易于和其他软件集成的优点，应用于开发和调试JSP 程序。当配置正确时，Apache 为HTML页面服务，而Tomcat 运行JSP 页面和Servlet。除此之外，Tomcat和IIS、Apache等Web服务器一样，具有处理HTML页面的功能，而且它还是一个Servlet和JSP容器，独立的Servlet容器是Tomcat的默认模式。然而，Tomcat处理静态HTML的能力不如Apache服务器。2.1.4 数据库简介Navicat for MySQL是一款强大的 MySQL 数据库管理和开发工具，它为专业开发者提供了一套强大的足够尖端的工具，并且基于Windows平台，为 MySQL 量身订作，提供类似于 MySQL 的用管理界面工具，解放了 PHP、J2EE 等程序员以及数据库设计者、管理者的大脑，降低了开发成本，为用户带来更高的开发效率。它使用了极好的图形用户界面，可以用一种安全、容易的方式快速和容易地创建、组织、存取和共享信息。 用户可完全控制 MySQL 数据库和显示不同的管理资料，包括一个多功能的图形化管理用户和访问权限的管理工具，方便将数据从一个数据库转移到另一个数据库中进行档案备份，也可浏览数据库、建立和删除数据库、编辑数据、建立或执行 SQL queries、管理用户权限、将数据库备份/复原和汇入/汇出数据等。2.2 技术简介2.2.1 JavaBean技术简介JavaBean可分为两种：一种是有用户界面，另一种是没有用户界面，主要负责处理事务（如数据运算，操纵数据库）。用户可以使用JavaBean将功能、处理、值、数据库访问和其他任何可以用java代码创建的对象进行打包，并且其他的开发者可以通过内部的JSP页面、Servlet、其他JavaBean、applet程序或者应用来使用这些对象。2.2.2 JSP技术简介JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。其使用Java编程语言编写类XML的tags和scriptlets来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。Web服务器在遇到访问JSP网页的请求时首先执行其中的程序段然后将执行结果连同JSP文件中的HTML代码一起返回给客户。插入的Java程序段可以操作数据库、重新定向网页等以实现建立动态网页所需要的功能。 JSP与Java Servlet一样是在服务器端执行的通常返回该客户端一个HTML文本，因此客户端只要有浏览器就能浏览。JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理然后将生成的HTML页面返回给客户端的浏览器。2.2.3 Servlet技术简介Java Servlet 是JSP的技术基础而且大型的Web应用程序的开发需要Java Servlet和JSP配合才完成。JSP具备了Java技术的简单易用，完全的面向对象具有平台无关性且安全可靠的特点。Servlet是使用JavaServlet应用程序设计接口（API）及相关类和方法的Java程序，它通过创建一个框架来扩展服务器的能力，以提供在Web上进行请求和响应服务。当客户机发送请求至服务器时，服务器可以将请求信息发送给Servlet,并让Servlet建立起服务器返回给客户机的响应。当启动Web服务器或客户机第一次请求服务时，可以自动装入Servlet，装入后，Servlet继续运行直到其它客户机发出请求。2.3 系统运行环境配置操作系统：Windows 9X、Windows NT Workstation/Server 4.0以上、Windows 2000 Server/Professional、Windows XP Professional。CPU：只要能够顺利运行Windows系列操作系统就足以。当然，CPU的处理速度越快，运行JSP代码的效率越高。内存：最低配置128MB，建议使用256MB以上内存，若使用Windows 2000或Windows XP建议使用256MB以上内存。硬盘空间：至少需要50MB以上的硬盘空间来安装所需组件。3 系统需求分析3.1 需求分析的任务 需求分析的任务是认真调查电子商务的应用领域，通过调查、收集与分析用户在数据管理中的信息要求、处理要求、数据的安全性与完整性要求和对应用领域中各应用的信息要求和操作要求进行详细设计分析，形成需求分析说明书，并且数据库设计的需求分析是开发本系统中需求分析的关键部分之一。因此，需求分析是否明确、详细，方向是否正确，将直接影响整个系统各个阶段的设计，影响到最终产品是否合理和实用。3.2 需求分析的过程 对电子商务应用领域的充分调查，了解用户的实际要求，再逐次进行分析和阐述这些意见或建议，分析过程如下：首先，调查商品、生产商、供应商、注册顾客，他们之间的相一种或多种依赖关系。将调查的结果用一张详细的组织机构图来展示。其次，熟悉各部门的业务活动情况，根据具体情况对现行系统的所需功能和依赖信息有一个明确的认知和规定。再次，分析用户需求，主要是针对调查结果，对本系统的应用领域中各应用的信息要求和操作要求进行详细分析，从中得到详细的信息要求、处理要求和对数据性能的要求。将分析结果用一组图来 表示，主要包括数据流图、数据字典和处理逻辑表达工具等。最后，确定新系统的分配任务，如哪些由计算机完成，哪些是将来要实现的功能，哪些由人工完成，最终达到系统能有效、快速、安全、可靠和无误的完成以上操作，并要求客户机的界面要简单明了，方便操作，服务器程序利于维护。3.3 系统数据流分析前台数据流程图如图3-1所示。图3-1 前台功能流程图后台数据流程图如图3-2所示。图3-2 后台功能流程图3.4 可行性分析1、现有系统可行性分析结合实际情况，根据消费者、生产者、经营者各自的需求，把商品进行分门别类，提供商品浏览、快速查找、订单查询、商品管理、订单管理、系统管理等小模块合并成一个可执行的软件系统模型。使用户快速地搜索和查找到所需商品和开发人员可以较快地确定需求，然后采用循环进化的开发方式，对系统模型作连续的精化，将系统需具备的功能逐渐完善，最终达到功能的全部实现，发展成为最终产品了。2、技术可行性分析随着科学技术和互联网技术的蓬勃发展，网上购物已经成为人们购物不可或缺的途径和平台，近年来，全球市场通过电子商务的交易也越来越普遍。电子商务慢慢渗透到每一个行业的产品推广上。所以，在电子商务方面的基础设施上发展已较为成熟。开发农产品电子商务系统，在基础设施方面已完全没有问题存在。现阶段，IT技术越来越高端化。JavaWeb技术也随之有着自己的优势，所以，开发一个农产品电子商务系统，采用JavaWeb技术完全可以做到。3、经济可行性分析目前，信息技术发展越来越迅速，实现信息化、一体化和规模化成为必然的趋势。电子商务模式已有很大的市场，所以开发电子商务的市场前景很为广阔。虽然系统开发初期投资较大，但是，若开发成功本系统，将有助于执行者更好地预测市场，更好的开发客户及时调整经营销售策略，在激烈的市场竞争中把握主动。因此，从长远利益考虑，本项目若能开发成功，它所带来的效益将远高于系统投入。4 系统总体设计4.1 功能结构设计本系统由前台和后台两部分构成，整体遵循着顾客能够清晰了解、快速查询商品信息，管理员能够高效率地管理商品信息等有关于系统的各种信息的原则。前台主要有用户注册、用户登录、检索信息、搜索信息、购物车和用户退出六大功能；后台有用户管理、商品分类管理、详细信息管理、订单管理和公告管理五大功能。如图4-1所示。图4-1 功能结构设计图4.2 各模块功能介绍前台：面向客户（消费者）设计的，主要有以下六个大模块（1）用户注册：顾客通过注册为贵美商城的一名会员后，即可享有购买的权限；（2）用户登录：顾客在登录成功后，可以获取网上购物的权利，按照自己的意愿浏览、购买所需商品；（3）检索信息：顾客通过检索信息了解商品的详细信息；（4）搜索信息：顾客按自己的意愿搜索自己所需商品；（5）购物车：在顾客注册、登录成功之后，可以对独享的购物车进行管理，可以随意的添加、删除购物车内将要购买的商品数量；（6）用户退出：实现顾客的退出系统功能后台：面向管理员设计的，只有管理员才有操作权限，主要有以下七个模块：（1）用户管理：实现对会员详细信息的查询、部分信息的修改，删除；（2）大分类管理：实现对商品的大分类的增加，删除，修改，查询；（3）小分类管理：实现对商品的小分类的增加，删除，修改，查询；（4）详情管理：后台系统对整个系统中的商品信息进行增加，删除，修改，查询；（5）订单管理：实现订单查询，按照订货人，订单号等查询，删除，修改（管理员对订单的审核，以是否已经发货为标准审核，客户提交订单后，卖家发货，管理员将订单状态改为已发货；然后买家收到货物并付款后管理员确认付款，管理员将订单状态改为已到达）；（6）公告管理：对商场的公告信息的增加，删除，修改，查询。4.3 数据库设计4.3.1 概念结构设计贵美商城网上购物系统中共有7个实体图，其实体之间的关系图如图4-2所示。图4-2 各个实体之间的关系E-R图各个实体的属性图如图4-3至4-9所示。管理员编号用户名密码图4-3 管理员实体属性图性别姓名爱好编号密码登录名邮箱用户图4-4 用户实体属性图商品描述销售时间图片路径编号所属分类ID商品已售数量商品名进价库存量卖价图4-5 商品实体属性图类别名称上级编号等级编号图4-6 类别实体属性图付款方式订单日期手机号编号商品编号名称订单人编号地址订单总价钱商品数量图4-7 订单实体属性图编号路径图片图4-8 图片实体属性图编号公告标题公告公告内容图4-9 公告实体属性图4.3.2 逻辑结构设计贵美商城网上购物系统共有七张表，分别是管理员登录表、注册用户表、商品分类表、商品信息表、订单表、商品图片表和客户留言表。每张表的具体表结构如下：管理员登录表，如表4.1所示。表4.1 管理员登录表admin名类型长度十进位是否允许为空是否为主键idint110是usernamevarchar500passwordvarchar500注册用户表，如表4.2所示。表4.2 注册用户表user名类型长度十进位是否允许为空是否为主键idint110是usernamevarchar500passwordvarchar500sexvarchar500是favoritevarchar500是emailvarchar500是mobilevarchar110是商品信息表，如表4.3所示。表4.3 商品信息表productInfo名类型长度十进位是否允许为空是否为主键idint110是namevarchar1000descriptiontext00是createtimebigint400是basepricefloat00是sellpricefloat00是amountint110是sellCountint110是categoryIdint110是uploadFileint110是商品分类表，如表4.4所示。表4.4 商品分类表productCategory名类型长度十进位是否允许为空是否为主键idint110是namevarchar500是levelint110是pidint110是订单表，如表4.5所示。表4.5 订单表order名类型长度十进制是否允许为空是否为主键orderIdint300是namevarchar500addressvarchar2000mobilevarchar110totalPricefloat00createTimedatetime00是paytWayvarchar150是orderStatevarchar100是customerIdint110是productIdint110countint110商品图片表，如表4.6所示。表4.6 商品图片表picture名类型长度十进制是否允许为空是否为主键idint110是pathvarchar2550是公告表，如表4.7所示。表4.7 公告表announcement名类型长度十进制是否允许为空是否为主键idint100是titlevarchar500是contentvarchar200是5 系统详细设计5.1 前台页面前台页面主要是实现用户快速浏览商品信息，检索信息，使用注册、登录、购买的功能5.1.1 主页面由三个页面拼成一个页面，包括顶部页面、中间页面和底部页面，在对主页面的操作中，直接用主页面获取中间页面的doc，由中间页面提交，跳转到所需页面，以下是对三个页面的介绍。顶部页面，如图5-1所示。图5-1 顶部页面本页面要求如下：（1）点击注册，会进入注册页（2）注册成功，可以进行登陆登录成功，右下角应显示：“登录名”您好，欢迎访问贵美商城。（3）登陆成功后点击顶部的购物车会加载相应的信息（4）输入搜索内容会显示相应的内容中间页面，如图5-2所示。图5-2 中间页面本页面要求如下：（1）设计商品分类表，此表分为大分类与小分类，每个大分类的下边列出旗下的小分类，需要说明小分类归属于那类，所以要注定这两者为主外关系。（2）设计公告表，点击标题可以读取相关的内容信息（3）设计新品上架表，只是取的字段为描述和图片，图片和内容从库里读出，直接显示在页面上，点击任何一张图片都可进入detail.jsp详情页面，显示该商品的相关信息。（4）点击疯狂抢购区中的任何一张图片，进入detail.jsp详情页面，显示该商品的相关信息。（5）点击商品分类中的任何一个商品，进入list.jsp，显示该商品类下的所有商品的相关信息。底部页面：此页面是公共页面，只需做成静态页面，考察的是HTML的知识，如图5-3所示。图5-3 底部页面5.1.2 注册页面利用Jquery-ajax、js对注册用户的验证，只有在验证通过后，才能进入主页面，如图5-4所示。 图5-4 注册页面本页面要求如下：（1）设计注册表，并设计相应的字段。（2）当输入名字，利用Ajax技术检查注册名，如果存在，则提示该用户存在。（3）验证相关数据。（4）头像要上传文件到服务器，头像图片文件要存入数据库。5.1.3 登录页面登录页面：利用Jquery-ajax验证用户名和密码，只有在用户名和密码在数据库中存在，并且匹配才能实现登录功能，否则，回到登陆页面，页面如图5-5所示。图5-5 登录页面本页面要求如下：（1）设计登录表和表的字段。（2）利用Jquery-ajax实现对登录名和邮箱的验证。（3）利用js实现对密码、确认密码、手机号码的验证（4）点击登录，如果用户名和密码正确，则转向登录成功页面，否则恢复该网页，并利用Ajax技术，显示用户名或密码不成功，要求用户重新输入。（5）点击注册，进入注册页面。5.1.4 商品展示页面 商品展示页面，如图5-6所示。图5-6商品展示页面本页面要求如下：（1）设计商品出售表，并设计相关字段。（2）要求实现分页功能。（3）点击任意商品、可进入详情页面，加载具体商品的信息5.1.5 详情页面商品详情页面：展示商品的详情，点击购买，进入购买页面，如图5-7所示。图5-7 商品详情页面本页面要求如下：（1）设计商品详细信息表，设计相关字段，并从数据库获取相应的值。（2）利用onmouseover实现放大镜效果，即把鼠标放到下面的图上时,在上面显示放大的效果。（3）在立刻购买以后添加一个放入购物车的命令按钮，点击该命令按钮，存储相关信息，在buy.jsp中显示相关信息，表示该商品已被该客户选购，等待客户支付。5.1.6 购物车页面购物车页面，如图5-8所示。图5-8 购物车页面本页面要求如下：（1）设计订单表，包含购买者，购买的商品，数量，收件人、地址和电话等信息。（2）点击加、减可实现增加购买数量（3）可以删除购买的任意商品（4）点击结算，进入填写收件人信息页面，收件人信息页面如图5-9所示。图5-9 收件人信息页面5.2 后台页面后台页面主要是方便管理者对用户、商品、订单、公告等相关系统信息的管理，所有页面除了登录页以外，其他的页面都要进行访问权限限制，即如果没有如果正确登录，则自动转向登录页面，点击头部的菜单导航，分别进入各个网页。整个页面布局分为三个部分，头部菜单区、左边导航区、右边管理区，前两个为公用。而导航区的每个管理功能都对应着增删改查的页面，并且实现分页功能，其中商品和公告管理中可清楚的了解到每月的销量情况。在行使管理的相关网页的删除功能时，系统都会咨询操作员是否真的删除，如果是，才删除数据库里的数据。在行使管理的相关网页有修改功能时，点击修改，进入相关修改页面，在该网页，要显示选中记录的所有的相关信息。5.2.1 后台登录页面利用Jquery-ajax验证用户名和密码，只有在用户名和密码在数据库中存在，并且匹配才能实现登录功能，否则，回到登陆页面。不仅如此，只有登录成功后，顶部导航栏的功能才能使用，如图5-10所示。图5-10 后台登录页面5.2.2 欢迎页面登录成功后，进入欢迎页面，如图5-11所示。图5-11 欢迎页面本页面要求如下：点击左侧边栏中的任意管理模块都可进入对应的查询页面，而点击边栏右侧的添加图标，都可进入对应的添加页面。5.2.3 用户管理页面用户管理的查询页面，如图5-12所示，点击修改，进入修改页面，如图5-13所示。图5-12 用户管理页面图5-13 用户修改页面5.2.4 商品分类管理顶级分类管理的查询页面，如图5-14所示，点击修改，进入修改页面，如图5-15所示。图 5-14 顶级分类管理页面图5-15 顶级分类修改页面次级分类管理的查询页面，如图5-16所示，点击修改，进入修改页面，如图5-17所示。图5-16 次级分类管理页面图5-17 次级分类修改页面5.2.5 商品详情管理商品详情管理的查询页面，如图5-18所示。图5-18 商品详情管理页面5.2.6 订单管理订单管理的查询页面，如图5-19所示，点击修改，进入修改页面，如图5-20所示。图5-19 订单管理页面图5-20 订单修改页面5.2.7 公告管理公告管理的查询页面，如图5-21所示，点击修改，进入修改页面，如图5-22所示。图5-21 公告管理页面图5-22 公告修改页面5.3 模块设计与实现系统一开始运行的时候，登录表只有管理员的用户名和密码。一般用户只有注册以后才允许登录，也就是说登录表的用户数据来源于注册表，在插入数据到注册表的时候，相关数据同时插入登录表。只有两个表的数据同时插入成功，才提交相关数据。只有在用户登录成功之后，才能实现购买功能。5.3.1 前台功能模块设计与实现前台主要是实现商品的分类展示和用户注册、登录以及快速浏览商品信息，查看商品详情信息，对中意的商品进行购买等功能。5.3.1.1 商品展示和搜索商品主要是按分类进行展示的，大分类中清晰的划分子分类，子分类中详细地划分出每个商品的归属，能够方便用户快速查找所需商品，而检索信息功能更能使用户随意的搜索想要浏览的商品。实现这两个功能的最关键是sql语句的精确性，其主要代码如下：加载大分类和对应商品信息的sql语句：select * from productcategory where id=? select * from productinfo as pro,uploadfile as file where categoryId in(select id from productcategory where pid=?) and pro.uploadfile=file.id limit ?,?加载小分类和对应商品信息的sql语句：select * from productcategory where pid=?select * from productinfo as pro,uploadfile as file where pro.categoryId=? and pro.uploadfile=file.id limit ?,?加载检索商品信息的sql语句：select * from productinfo pro,uploadfile file where pro.uploadfile=file.id and ( categoryId in (select id from productcategory where pid in(select id from productcategory where name like %+text+% ) or name like %+text+%) or name like %+text+% or description like %+text+% or sellprice = +text+) limit +(pageIndex-1)*pageCount+,+pageCount5.3.1.2 用户注册用户注册功能主要是利用Jquery-ajax、js对注册用户的验证，只有在验证通过后，才能进入主页面，其关键是对必要注册信息的验证，其验证代码如下：/去掉文本框空格function trimStr(str)return str.replace(/(s*)|(s*$)/g,);/初始化，光标始终在第一栏function initFun()var realName=document.getElementById(realName);realName.focus();/验证登录名function checkUserName(obj)var usernameMsg=document.getElementById(usernameMsg);var passwordMsg=document.getElementById(passwordMsg);var username=trimStr(obj.value);var reg=/0-9a-z6,12$/g;/客户端验证登录名if(reg.test(username)/服务器端验证登录名$.ajax(url:servlet/CheckUserNameServlet,type:post,data:username=+username,dataType:text,success:function(data)var intData=parseInt(data);if(intData=1)usernameMsg.innerHTML=该用户已存在！;elseusernameMsg.innerHTML=;passwordMsg.innerHTML=由6-12位的小写字母和数字组成！;);elseusernameMsg.innerHTML=登录名不合法！;/登录名js提交验证function userNameRes()var username=document.getElementById(usernam