毕业设计（论文）-基于B2C的电子购物系统设计.doc

全套设计加 153893706 SHANDONGUNIVERSITY OF TECHNOLOG 毕业设计说明书 基基于于B B2 2C C 模模式式的的电电子子购购物物网网站站 学 院： 理学院 专 业： 信息与计算科学 学生姓名： 学 号： 指导教师： 2012 年 6 月 全套设计加 153893706 I 摘摘 要要 B2C（Business To Customer）又叫网上商城系统（Online Mall System）是 一种商业机构对消费者的电子商务，属于电子商务中按交易对象分类中的一种。 其最初是由英国的 Lap 公司提出的，之后被引入中国，就是现在的网上商城购 物系统。 在设计方面，本系统采用 B/S 结构，同时使用 JSP 技术进行动态页面的设 计，从系统的安全性和代码的可重用性方面考虑，运用 JavaBean 对程序的关键 代码进行封装，后台数据库选用 Oracle11g 数据库。前台主要实现用户登录、 用户注册、商城主页、二级以及三级目录、购物车、订单列表，后台主要实现 用户信息浏览、商品信息浏览以及订单信息浏览。其中整个系统采用 MVC 架 构，前端技术主要采用 jsp、jstl、css、jquery、ajax，后端采用 dao、dbutil 等技 术，开发平台为 eclipse、oracle、tomcat、jdk。 目前，市场上大多采用框架开发像 struts、spring、hibenate，使用框架开发 的优点是，框架对许多原生的代码做了封装，像 struts 中封装了 servlet，ajax 封 装了部分 javascript 用于信息操作的的代码，实现页面免刷新。使用框架开发周 期短、效率高、系统便于维护，大量节省开发资金，减少开发人员负担。 关键词： B2C，电子商务，商品销售，网上购物 全套设计加 153893706 II Abstract B2C (Business to Customer) also known as Online Shopping Mall (Online Mall System) is a Business to Consumer e-commerce, belonging to an e-commerce transaction object classification. Initially proposed by the British Lap, after being introduced to China, is now online shopping mall system. In terms of design, the system uses the B/S structure, using JSP technology for dynamic web page design, from the system of security and code reusability considerations, the use of JavaBean on the key procedure code package, background database using Oracle11g database. The main front to achieve user login, user registration, shopping mall home, level two and level three catalog, shopping cart, order list, the main users of information, commodity information browse and order information browsing. The system uses the MVC structure, front end technology mainly uses the JSP, JSTL, CSS, jQuery, AJAX, Dao, dbutil technology is adopted, the development platform for the eclipse, Oracle, Tomcat, jdk. At present, the market mostly adopts the framework like struts, spring, hibenate, using a framework for the development of the advantages of many native code, frame the package, as in struts package of servlet, part of JavaScript Ajax package for information operation code, realize the page without refresh. The use of frame short development cycle, high efficiency, the system maintenance, save a lot of development funds, reduce development personnel burden. Key words：B2C，E-commerce Commodities，Sales，Online shopping 全套设计加 153893706 1 目目 录录 摘 要 .I Abstract.II 目 录.1 第一章 绪 论.1 1.1 设计背景.1 1.2 设计目标.1 第二章 开发环境.2 2.1 B/S 模式的特点.2 2.2 JSP 技术简介.3 2.3 Tomcat 简介.4 2.4 Eclipse 简介.4 2.5 ORACLE 数据库简介.5 第三章 需求分析与可行性研究.7 3.1 需求分析.7 3.2 可行性研究.8 第四章 系统设计.9 4.1 功能实现.9 4.2 系统功能结构图.9 4.3 用户注册流程图.10 4.4 用户登录.11 4.5 购物车.11 4.6 订单流程.12 第五章 数据库设计.13 5.1 数据库分析.13 5.2 项目数据库表空间及用户的创建.13 5.3 项目的 E-R 图 .13 5.4 数据库表的设计.15 第六章 详细设计.18 6.1 前台设计.18 6.2 主界面的设计与实现.18 6.3 前台系统功能模块的实现.19 6.4 后台功能模块的实现.22 第七章 主要代码及系统测试.24 7.1 主要代码.24 7.2 系统测试.27 总 结.31 参考文献.32 致 谢.33 全套设计加 153893706 1 第一章第一章 绪绪 论论 B2C 企业通过互联网为消费者提供一个新型的购物环境 - 网上商店，消费 者通过网上购物的网络，进行网上支付。 1.1 设计背景设计背景 随着技术，社会发展的进步，我们在进入信息社会的快速发展。在这个知 识爆炸的，一切要讲究效率的时代，传统的生活方式正在发生巨大的变化。经 济和文化的水平显着提高，对生活和工作环境质量的要求也越来越高。在我们 身边的变化，大量的产品供应商，超市，连锁店，商场，因为作为日常生活的 重要组成部分的购物方式之一，其运行机制和运作模式的效率是当务之急。互 联网已经稳步提高这一变化更容易实现。网络和其安全性的改善，催生了一个 新的购物，虚拟购物。这个虚拟的“购物中心”的形式，摆脱了传统的商场， 如场地费用，员工成本，因此，一个开放的快速发展的趋势，限制。由于承运 人在这个虚拟的购物形式越来越丰富多彩，越来越多的功能和人性化的购物网 站。然而，这种变化往往无法跟上客户的日益增长的需求。如何吸引新客户， 巩固现有客户群，如何创新，以改善现有的模型，成为网页设计的一个重要组 成部分。近年来，多元化发展的网络文化，网络思想分歧程度，网络靠的很近， 使得网络的一个轻微的动荡，将有一个对人们的生活产生巨大的影响。因此， 加强网络的安全性的声音从来没有消失。此安全购物网站的化身，是要求服务 器可以有效地保护注册用户的信息安全。网站用户的私人信息容易丢失，即使 无论多么强大，客户望而却步。 1.2 设计目标设计目标 然而有许多行之有效的网站，这些网站都或多或少给人感觉缺乏新意。一 方面，由于客户的要求，另一方面，是稍微单一功能结构的设计人员。此外， 主要的网络购物已经是相当强劲，我设计购物网站，不寻求能够突破，能够在 自己给自己的头脑来实现的过程中学习。灵活运用语言的设计方案到具体项目， 并根据需要学习一门新的编程语言，以提高他们的学习能力的现实。 全套设计加 153893706 2 第第 2 章章 开发环境开发环境 基于 B2C 模式的电子购物网站，要部署该项目的开发环境，主要分为以下 几步： 1. 数据库的选择。确定该项目的后台选用哪种数据库，当然，现在流行的 数据库主要有：ORACLE，MYSQL，SQL SERVER，DB2 等，结合本人能力， 本系统采用 ORACLE 数据库。并根据项目需求，建立相应的数据表。 2. 开发平台的部署。本系统使用 Eclipse 开发平台。具体部署：首先，在 官方网站下载 JDK（Java Development Kit） ，并将其安装到电脑中，注意不要有 中文路径，另外还要在电脑中配置环境变量 （CLASSPATH、PATH、JAVA_HOME） ；其次，安装 Eclipse，并创建其工作 空间（WorkSpace） ，因为本系统所有文档的编码格式为 UTF-8，所以安装完成 之后，要配置基本属性。 3. Web 服务器的搭建，本系统采用 Tomcat 服务器，在官方网站中下载 Tomcat 服务器，将其解压到电脑当中某个盘符的根目录下，此目的是为了避免 中文路径问题，并在 Eclipse 中加载 Tomcat 服务器。 2.1 B/S 模式的特点模式的特点 网络应用，有两种基本结构：分为客户端和服务器两层，客户端上安装应 用软件彼此沟通，通过网络和服务器的 C / S 结构实现。如果客户端的变化，你 必须通知所有的客户端重新安装，对于开发人员来说维护十分不方便。 而不通知客户端安装软件的 B / S 结构，内容的变化，不需要通知客户升级。 B / S 模式也被划分成两层楼的客户端和服务器计算机，不必在客户端上安装 软件，只需要使用浏览器。因此，修改后的应用系统时，只需要维护一个 Web 服务器，所有客户端只需要打开浏览器，输入相应的 URL，您可以访问最新的 应用程序。B/S 模式具有以下特点： 用户界面易于使用。用户使用，特别是对于非计算机专业人士的使用，一 个浏览器软件访问文本，图像，声音，电影和数据库等信息，只需要借助于鼠 标即可。 全套设计加 153893706 3 易于维护和升级。没有特殊的客户端软件，系统维护和升级简单。 具有良好的开放性。浏览器/服务器结构，使用标准的 TCP/ IP 协议，HTTP 协议，并能够按照这些标准协议，与信息系统和网络很好的结合，具有良好的 开放性，保护用户的投资。 信息共享度高。HTML 是一个开放的标准数据格式，在当前的信息系统中 最流行的软件是由 HTML 支持的。 良好的可扩充性。标准的 TCP / IP，HTTP 的浏览器/服务器架构，可以直 接连接到互联网，具有良好的可扩展性。 良好的网络适应性。PSTN，DDN 专线，帧中继，X.25，ISDN，有线电视， 宽带，浏览器/服务器架构可以适应。 安全。防火墙技术的浏览器/服务器架构，以确保安全。 2.2 JSP 技术简介技术简介 JSP(Java Server Pages)是由 Sun Microsystems 公司倡导、许多公司参与一起 建立的一种动态网页技术标准。JSP 技术有点类似 ASP 技术，它是在传统的网 页 HTML 文件(*.htm,*.html)中插入 Java 程序段(Scriptlet)和 JSP 标记(tag)，从 而形成 JSP 文件(*.jsp)。 用 JSP 开发的 Web 应用是跨平台的，即能在 Linux 下运行，也能在其他 操作系统上运行。 写程式语言一样，使用标签和脚本，将动态网页处理逻辑。网页可以通过 标签和脚本访问服务器资源应用中存在的逻辑。设计网页和网页设计和显示逻 辑分离，可重复使用的组件的应用程序设计，基于网络的发展更迅速和容易。 该网站的服务器中遇到的网页访问请求时，首先执行其中的程序段，并将 其结果实现文件的代码返回给客户。插入程序可以操作数据库，重定向网页， 从而为实现建立动态网页所需要的功能服务。 JSP 与 Java Servlet 一样，在服务器端执行，通常返回客户端是一段文本 信息，所以只要客户端浏览器就可以浏览。 JSP 页面的代码和代码嵌入其中。服务器端页面的客户端请求的处理代码， 全套设计加 153893706 4 然后生成的页面返回给客户端的浏览器。程序是技术基础，和大型网络应用发 展需要的程序和技术配合才能完成。用技术是简单易用，完全面向对象，是独 立于平台和安全可靠，主要为所有互联网的特征。 2.3 Tomcat 简介简介 Tomcat 服务器是一个免费的开源应用服务器，软件基金会（Apache 软件基 金）项目在雅加达的核心项目，由 Apache 和其他公司和个人发展而成。由于 Apache 的参与和支持，新的 servlet 的代码和代码总是可以反映在 Tomcat 完成， 支持最新的 servlet2.4 和其原有的规范。因为 Tomcat 技术先进，性能稳定和自 由，所以深受程序员的喜爱并得到了部分软件开发商的认可，成为流行的网络 应用服务器。 Tomcat 很受广大程序员的喜欢，因为它运行时占用的系统资源小，扩展性 好，支持负载平衡与邮件服务等开发应用系统常用的功能；而且它还在不断的 改进和完善中，任何一个感兴趣的程序员都可以更改它或在其中加入新的功能。 Tomcat 是一个小型的，轻量级的应用程序服务器一般采用的是小型和中型 的系统和并发访问用户不是很多场合，是首选的开发和调试的程序设计。对于 一个初学者，你可以配置服务器一台机器，你可以用它来响应访问请求的网页。 雄猫的部分其实是一个扩展的服务器，但它是独立运行的，所以当你运行的， 它实际上是单独作为一个单独的进程运行与阿帕奇。当配置正确时，Apache 为 HTML 页面服务，而 Tomcat 实际上运行 JSP 页面和 Servlet。另外，Tomcat 和 IIS、Apache 等 Web 服务器一样，它是一个 servlet 和 JSP 容器，独立的 servlet 容器 Tomcat 的默认模式。然而，雄猫比处理静态网页服务器。 2.4 Eclipse 简介简介 Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言， 它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是， Eclipse 附带了一个标准的插件集，包括 Java 开发工具（Java Development Kit，JDK） 。 虽然大多数用户很乐于将 Eclipse 当作 Java 集成开发环境（IDE）来使用， 全套设计加 153893706 5 但 Eclipse 的目标却不仅限于此。Eclipse 还包括插件开发环境（Plug-in Development Environment，PDE） ，这个组件主要针对希望扩展 Eclipse 的软件 开发人员，因为它允许他们构建与 Eclipse 环境无缝集成的工具。由于 Eclipse 中的每样东西都是插件，对于给 Eclipse 提供插件，以及给用户提供一致和统 一的集成开发环境而言，所有工具开发人员都具有同等的发挥场所。 这种平等和一致性并不仅限于 Java 开发工具。尽管 Eclipse 是使用 Java 语言开发的，但它的用途并不限于 Java 语言；例如，支持诸如 C/C+ 和 COBOL 等编程语言的插件已经可用，或预计将会推出。Eclipse 框架还可用来 作为与软件开发无关的其他应用程序类型的基础，比如内容管理系统。 基于 Eclipse 的应用程序的一个突出例子是 IBM Rational Software Architect，它构成了 IBM Java 开发工具系列的基础。 2.5 ORACLE 数据库简介数据库简介 ORACLE 是殷墟（yn Xu）出土的甲骨文（oracle bone inscriptions）的英 文翻译的第一个单词，在英语里是“神谕”的意思。Oracle 是世界领先的信息 管理软件开发商，因其复杂的关系数据库产品而闻名。Oracle 数据库产品为财 富排行榜上的前 1000 家公司所采用，许多大型网站也选用了 Oracle 系统。 ORACLE 特点： * ORACLE7.X 以来引入了共享 SQL 和多线索服务器体系结构。这减少了 ORACLE 的资源占用，并增强了 ORACLE 的能力，使之在低档软硬件平台上 用较少的资源就可以支持更多的用户，而在高档平台上可以支持成百上千个用 户。 * 提供了基于角色(ROLE)分工的安全保密管理。在数据库管理功能、完整 性检查、安全性、一致性方面都有良好的表现。 * 支持大量多媒体数据，如二进制图形、声音、动画以及多维数据结构等。 * 提供了与第三代高级语言的接口软件 PRO*系列，能在 C,C+等主语言 中嵌入 SQL 语句及过程化(PL/SQL)语句，对数据库中的数据进行操纵。加上它 有许多优秀的前台开发工具如 POWER BUILD、SQL*FORMS、VISIA BASIC 全套设计加 153893706 6 等，可以快速开发生成基于客户端 PC 平台的应用程序，并具有良好的移植性。 * 提供了新的分布式数据库能力。可通过网络较方便地读写远端数据库里 的数据，并有对称复制的技术。Oracle 也许是最流行的服务器，占有最大的市 场份额，它被广泛用于各个市场领 域，满足一系列的存储需求，例如财务记录， 人力资源及订单编制等，造成这种现象的原因之一在于 Oracle 较早的进入 RDBMS(关系型数据库管理系统) 领域，并且提供可运行于大多数操作系统上 的数据库版本，虽然 Oracle 的首选操作系统似乎正由 Solaris 转为 Linux，但是 Oracle 仍然在进 行与其他操作系统的兼容工作，尽管 Oracle 经常在 Unix 或是 Linux 平台上运行，但是也有大量的 Oracle 在 HP-UX 和 AIX 上运行，随着几 年前电子商务的激增，将会驱使 Oracle 成为 WEB 应用所需数据库的选择，这 使数据库更容易受攻击者的控制。事实上，一旦 Oracle 从后台进入前端，那么 人们会更多地关注它的安全方面。 第三章 需求分析与可行性研究 7 第三章第三章 需求分析与可行性研究需求分析与可行性研究 3.1 需求分析需求分析 一个网络购物系统，首先我们要保证客户能够很方便进行商品选择，系统 应该具有分类选择商品功能，系统应该实现“购物车”的功能，用户可以把选 中的商品放入“购物车”中，在选购完毕后再一起结帐。在系统的后台，管理 员能够管理商品，商品分类，以及客户购买订单。 因此分析，本系统主要由前台和后台两部分组成，前台为客户端，顾客可 以在此处购买商品，后台为商品管理端，实现对商品和订单的管理。 3.1.1 客户端功能 （1）用户的注册 （2）用户登陆 （3）商品的购买 （4）商品的搜索 （5）商品的分页查看 （6）商品的分类搜索 （7）购物车中商品的删除与商品数量的修改 （8）订单提交 3.1.2 后台管理功能 （1）管理员登陆及管理员个人信息查询 （2）商品的管理，包括商品的增、删、改、查； （3）订单管理，包括订单的发货及删除； （4）顾客的登陆及注册信息 第三章 需求分析与可行性研究 8 3.2 可行性研究可行性研究 硬件、软件上的可行性：目前市场上的计算机软硬件资源都可以满足系统 开发的要求。其中运用的主要软件有 MyEclipse、Tomcat 服务器等，数据库采 用 MySQL 数据库。 JSP 技术：该技术目前已经十分成熟，功能强大，扩展性好。JSP 在网站 开发上是个非常理想的技术工具。 维护操作：工作方便，后台操作方便明了，操作人员可以在短时间内完全 掌握维护技术。 此外，网络商城将传统的商务流程电子化、数字化，一方面以电子流代替 了实物流，可以大量减少人力、物力，降低了成本；另一方面突破了时间和空 间的限制，使得交易活动可以在任何时间、任何地点进行，从而大大提高了效 率网络商城所具有的开放性和全球性的特点，为企业创造了更多的贸易机会。 网络商城使企业可以以相近的成本进入全球电子化市场， 使得中小企业有可能 拥有和大企业一样的信息资源，提高了中小企业的竞争能力。网络商城重新定 义了传统的流通模式，减少了中间环节，使得生产者和消费者的直接交易成为 可能，从而在一定程度上改变了整个社会经济运行的方式。网络商城一方面破 除了时空的壁垒， 另一方面又提供了丰富的信息资源，为各种社会经济要素的 重新组合提供了更多的可能，这将影响到社会的经济布局和结构。 第四章 系统设计 9 第四章第四章 系统设计系统设计 4.1 功能实现功能实现 一个购物网站系统从开发到完成，需要分析许多问题,遵循许多原则和步骤， 以确保系统进度的可控性和质量的预估性。本系统创建的是一个购物平台系统 (网上商城购物系统)， 同样要考虑许多问题。 网站主要提供购物服务，具体分成如下几个大的板块： （1）购物车模块。 主要包括将商品添加至购物车， 查看购物车， 从购物车移除商品以及修改 等。 （2）订单模块 该模块主要为了用户下订单、以及核对订单信息 （3）商品的浏览 实现商品的分类展示,用户可以方便的浏览商品. （4）用户管理 用户注册/登陆,以及用户资料的修改. （5）用户注销 用户注销、用于重新登陆系统功能结构图 4.2 系统功能结构图系统功能结构图 第四章 系统设计 10 图 4.1 系统功能结构图 4.3 用户注册流程图用户注册流程图 此模块是添加新的用户，填写用户个人基本信息，包括姓名、密码、确认 密码、E-mail 、验证码等。当然，用户在没有注册的情况下也可以浏览商城， 当确认付款时，会检测用户是否已注册。注册流程如图 4.2 所示： 录入用户信息 接收信息 信息为空？ 用户存在？ 注册成功 提示用户已存 在 提示信息不能为空 B2C 电子商城 客户端管理端 用 户 注 册 用 户 登 录 商 品 搜 索 购 买 用 户 订 单 购 物 车 功 能 用 户 密 码 修 改 商 品 的 增 删 改 查 订 单 的 发 送 及 删 除 管 理 员 的 个 人 信 息 第四章 系统设计 11 图 4.2 用户注册流程图 4.4 用户登录用户登录 若用户注册完毕，用户就可以通过登录流程进入到商城主页，此时用户的 选择商品的操作信息将被系统记录，最终实现订单生成。登录模块执行流程如 图 4.3 所示： 图 4.3 用户登录流程图 4.5 购物车购物车 在此流程中，用户可以随意增删自己所选择的商品，最终确定自己所喜欢 的商品。流程设计如图 4.4 所示： 登录信息录入 接收登录信息 信息为空？ 用户存在？ 登录成功 提示用户不存 在 提示信息不能为空 提示密码错误 按照用户名查询 口令正确？ 第四章 系统设计 12 图 4.4 购物车流程图 4.6 订单流程订单流程 主要包括订单的添加与删除，执行。如图 4.5 所示： 图 4.5 订单流程图 用 户 订 单 订 单 发 货 订 单 处 理 订 单 删 除 购物车 查看商品 订单生成 调整商品 确认购买？ 第五章 数据库设计 13 第五章第五章 数据库设计数据库设计 数据库的设计在本系统中起到的关键性的作用，作为一名程序员（当然在 实际的开发当中，纯程序员很少接触数据库设计） ，都必须知道的一个常识，就 是在程序的开发初期，一定要的数据库建设好，此处的设计好并非简单的建表 输入数据，它关系到程序员以后编程操作的每一步，中途若发生数据库的修改， 那对程序员的打击是巨大的，因为他们不得不一次修改，甚至重新开发，这不 仅仅是一次操作上的失误，是一种不该发生的致命性错误。 5.1 数据库分析数据库分析 本系统采用 Oracle 数据库，主要是考虑 Oracle 具有很出色的数据处理能力。 Oracle 支持所有的主流平台：操作系统的稳定对数据库来说是十分紧要的，在 数据库可操作平台上，Oracle 可在所有主流平台上运行，Oracle 数据库采用开 放的策略目标，它使得客户可以选择一种最适合他们特定需要的解决方案。客 户可以 利用很多种第三方应用程序、工具。对开发商来说是很大的支持。 5.2 项目数据库表空间及用户的创建项目数据库表空间及用户的创建 Oracle 数据库中间表空间的方法：首先，开启 Oracle 服务（包括 OracleDBConsoleorcl、OracleOraDb11g_home1TNSListener、OracleServiceORCL ） ；其次，打开浏览器输入 OEM 的 URL 地址（https:/主机名:1158/em） ；打开 后以管理员（system）身份登录，密码为安装时设置的密码；然后，在服务器 中新建表空间及用户，并为用户配角色属性。 本系统表空间名为：SHOPING_SYS，用户名：SHOPING_USER，密码为： 123456。 5.3 项目的项目的 E-R 图图 5.3.1 用户的 E-R 图 第五章 数据库设计 14 图 5.1 用户 E-R 图 5.3.2 角色的 E-R 图 图 5.2 角色 E-R 图 5.3.3 商品的 E-R 图 图 5.3 商品 E-R 图 5.3.4 订单的 E-R 图 角色角色 编号编号 名称名称 价格价格 所属类别所属类别 商品商品 图片图片 数量数量 商品名商品名 上架时间上架时间 商品简介商品简介 编号编号 出生出生日期日期 性别性别 用户用户/管管 理员理员 头像头像 密码密码 电话电话 账户账户名名 角色角色 地址地址 年龄年龄 编号编号 第五章 数据库设计 15 图 5.4 订单 E-R 图 5.4 数据库表的设计数据库表的设计 5.4.1 用户、管理员信息表 数据项名数据类型长度是否为空主外键 编号VARCHAR232否 UUIDVARCHAR232否主键 账户名VARCHAR232是 密码VARCHAR232是 性别VARCHAR28是 生日VARCHAR232是 角色VARCHAR232是外键 电话VARCHAR232是 地址VARCHAR232是 头像BLOB是 说明：该表用于存储用户以及管理员的详细信息，包括姓名、性别、联系 方式等，其中利用角色属性来区分某个用户是普通用户还是管理员，本系统中 用 1 表示管理员，用 2 表示普通用户。 5.4.2 商品基本信息表 数据项名数据类型长度是否为空主外键 UUIDVARCHAR232否主键 订单接收者订单接收者订单状态订单状态 订单订单 订单接收者地址订单接收者地址 订单处理人订单处理人 ID 订单接收订单接收 者电话者电话 订单号订单号 订购总价订购总价 订单产生日期订单产生日期 订购人订购人 ID 第五章 数据库设计 16 编号VARCHAR232否 商品名VARCHAR232是 商品类型VARCHAR232是外键 商品库存量NUMBER是 商品价格NUMBER是 商品介绍VARCHAR21000是 商品图片BLOB是 说明：该表用于存储商品的详细信息，包括商品名、库存量、价格等，其 中对于商品图片的存储尤为重要，这里涉及 oracle 数据库图片的存取，即文件 上传问题。 5.4.3 商品分类信息表 数据项名数据类型长度是否为空主外键 UUIDVARCHAR232否主键 PID(商品类编号)VARCHAR232是 商品类名VARCHAR232是 PARENTID(所属 类编号) VARCHAR232是 商品类级别VARCHAR232是 说明：商品分类表将商城中的商品分为大类与小类，其中的 PARENTID 属 性指向的是该表中某个类的 PID，这样不仅可以减少数据库表的创建，而且加 快了数据库的查询操作。 5.4.4 角色类别表 数据项名数据类型长度是否为空主外键 UUIDVARCHAR232否主键 编号VARCHAR232否 类别名VARCHAR232是 第五章 数据库设计 17 说明：角色分类表，该表主要用于用户角色类型的查询。其中 UUID 为主 键，其生成是借助于 UUID 类中的 getUUID()方法，返回值为一个 32 位的无序 16 进制字符串，这样操作也是为了避免直接操作用户信息，造成信息泄露。 5.4.5 用户留言表 数据项名数据类型长度是否为空主外键 UUIDVARCHAR232否主键 标题VARCHAR240是 内容VARCHAR21000是 留言时间VARCHAR230是 商品编号VARCHAR232是 说明：用户留言表主要存储用户对商品的评价信息。 5.4.6 订单信息表 数据项名数据类型长度是否为空主外键 UUIDVARCHAR232否主键 交易编号VARCHAR232是 用户编号VARCHAR232是外键 商品编号VARCHAR230是外键 交易数量NUMBER是 交易额NUMBER是 收货人地址VARCHAR232是 收货人电话VARCHAR232是 发货方式VARCHAR232是 订单时间VARCHAR232是 说明：订单信息表主要存储订单生成过程中，用户所选择商品的名称、数 量、交易额，以及收货人的详细信息。 第六章 详细设计 18 第六章第六章 详细设计详细设计 6.1 前台设计前台设计 由前面的分析及市场顾客的需求心理，购物网站的前台大致可分为如下几 个方面：用户首页，购物车，订单查询，用户注册及登录注销等。网站的首页 设计的优良与否，对顾客的购买欲望有很大影响。 友好的首页，应当使用户可以第一时间了解到本购物网站最能吸引人的商 品，并且即使没有注册登陆，也可以了解到本网站的特色，以及商品的详细信 息。此外，作为一个购物网站，在它的购物模块中，顾客可以浏览商品，如果 想购买，可以先加入到购物车中。等采购完毕后，可以选择结账，也可以将购 物车中的商品取消掉。 6.2 主界面的设计与实现主界面的设计与实现 用户界面的设计关系到客户对该网站的满意度以及购物者对网站操作的体 验度。用户界面实际上是指面向网站使用者的界面，即属于中的接口概念，系 统通过该界面来获取用户的操作信息，如：用户输入或用户点击某个按钮，都 通过界面反映给后端系统。用户界面设计要做到友好、简便、实用、易于操作 的原则，尽量避免过于烦琐和花哨。 主页如下图所示： 第六章 详细设计 19 图 6.1 商城主页 6.3 前台系统功能模块的实现前台系统功能模块的实现 6.3.1 用户注册模块的实现 图 6.2 用户注册图 第六章 详细设计 20 6.3.2 用户登录模块的实现 图 6.3 用户登录图 6.3.3 购物车模块的实现 图 6.4 购物车图 6.3.4 商品分类浏览的实现 第六章 详细设计 21 在分类浏览中，用户可以根据某一分类查看相关商品，然后点击查看某种 商品后，用户可一看到该商品的详细信息、评价以及交易记录等。如下图所示： 图 6.5 商品列表图 图 6.6 商品详细信息图 第六章 详细设计 22 6.3.5 订单模块的实现 图 6.7 订单列表图 说明：该订单罗列了当前用户所选择的商品列表，并将总价格进行了汇总。 6.4 后台功能模块的实现后台功能模块的实现 6.4.1 用户管理 第六章 详细设计 23 说明：此为后台用户管理界面，页面中只罗列了用户的部分信息，点击查 看按钮可以查看某用户以往的交易记录。 6.4.2 商品的管理 6.4.3 订单的管理 第六章 详细设计 II 第七章 主要代码及系统测试 25 第七章第七章 主要代码及系统测试主要代码及系统测试 7.1 主要代码主要代码 在系统中某些关键点代码在此列明，主要涉及 ajax，servlet，jquery，EL，jstl，dbutil 分别在不同模块中的应用。 7.1.1 用户注册页（ajax 与 jquery 的使用） register.js var userOK=false; var userOK=false; var validOK=false; function whenFocus(event) var t=$(this).parent(); t.children(.prompt).remove(); t.children(.prompt1).remove(); var msg=event.data.msg; t.css(backgroundColor, rgb(240,255,235); t.css(border, 2px solid rgb(82,156,48); var t1=$(+msg+。); t.append(t1); t1.css(display,block); function whenLostFocus(id,flag,msg) var t=$(#+id); t.children(.prompt).remove(); t.children(.prompt1).remove(); t.css(backgroundColor, ); t.css(border, ); if (flag) var t1=$(+msg+); t.append(t1); t1.css(display,block); 7.1.2 登陆页与主页（ servlet 的应用） 第七章 主要代码及系统测试 26 Servlet 是指 MVC 模式中的 C（control） ，其功能是接受用户请求与响应， 以及处理用户输入信息，在没有 servlet 的情况下，我们只能用另一个 jsp 页面 来代替 servlet，这样做将服务器端代码暴露在客户端，易造成系统安全问题。 public class LoginServiceServlet extends HttpServlet private static final long serialVersionUID = 1L; public