摘要
从上世纪末到目前，计算机科学技术已经被尝试应用在各个职业各个领域，在商业贸易上，使用比重较高。计算机科学技术包括软件技术、网络技术、硬件技术等，越来越多的商家使用计算机来进行营业，出售、收购、宣传各类滑板，各类商业系统、软件解放了商家的双手，使商家把利益最大化，因此计算机技术在商业领域中占非常重要的地位。电子商务交易是卖家卖出东西，买家得到东西的过程，同时推广推销产品，为顾客提供购买服务。卖家不需要开店费用，节省了很多费用，从而将精力人力投入在销售质量和服务上。
滑板专卖店采用Java编程语言，结合前段界面和MVC技术，在Myeclipse编辑器和MySQL数据库上设计并实现的。目的在于呈现一个完整的交易系统，供各种用户使用，系统着重实现了滑板发布、出售、交易的功能。
关键词：基于B/S模式；网络销售；订单处理
Abstract
From the end of last century to the present, computer science and technology has been tried to be applied in various professions and fields, with a high proportion in business and trade. Computer science technology including hardware and software technology, network technology, more and more companies use computers to carry out business, selling all kinds of skateboarding, acquisitions, propaganda, all kinds of business systems, software, liberated the merchant's hands, for the merchants to benefit maximization, so computer technology occupies a very important position in the business world. E-commerce transaction is a process in which the seller sells something and the buyer gets something. At the same time, the seller promotes the product and provides the purchase service for the customer. Sellers do not need to open a store, save a lot of money, so that they can focus on the quality of sales and service.
Skateboard store using JAVA programming language, combined with the front interface and MVC technology, in MyEclipse editor and MySQL database design and implementation. The purpose is to present a complete trading system, for a variety of users to use, the system focuses on the realization of the skateboard release, sale, trading functions.
Keywords :Based on B/S mode; Online shopping; The order processing
目录
1 绪论
1.1课题背景
随着国内产业环境和消费市场的成熟，滑板销售尤其是以滑板为代表的网络销售将在今年实现更大发展。
根据预测，2016年我国滑板销售交易将同比增长125.1％，交易总量将达1263亿，形成了中国滑板销售的快速增长浪潮。其中，消费人群成为推动此浪潮的一大主力。究其原因，除了该人群对网络销售等新兴的商业模式接受程度较高之外，相比其他细分行业，滑板销售有着更加完备的产业链条和发展后劲，为其高速增长提供了保障。
网络新型的消费方式给人们生活带来了巨大的改变，更重要的是大大改变了传统的消费行为习惯，无论是否想在网上购买东西，上网查询各种滑板的相关信息，已经成为人们生活不可缺少的一部分。
1.2目的和意义
随着Internet网络的普及、电子商务的迅猛发展以及人们生活和消费观念的改变，网络购买滑板以其内容丰富、方便、快捷、低成本等优势越来越被广泛使用。 对于一个商务型企业来说，电子商务系统是其生存的理由和基础，同时也是企业对外展示信息、从事商务活动的窗口和界面。
本题目拟实现整个购买模块，实现游客浏览滑板，查看滑板信息的功能，实现登录用户的购买功能，完成继续购买、结账和清空清单等功能。
1.3本文结构
本文的内容包括开发本系统的目的和意义、开发所用的到技术和和方法、系统的需求分析、系统的总体分析、系统的数据库设计、系统的实现过程、系统的编码设计、系统测试等。本文重点描述了系统的组成结构和功能结构，描述了一个系统从无到有的过程，实现了系统的所有功能。最后通过系统测试验证系统的可靠性和可用性。
2 工具及技术介绍
2.1开发工具简介
在jsp的web程序设计中，常使用Myeclipse做编辑工具，在web开发和数据库开发领域里，十分通用。通过对应用程序服务器进行整合，可以大大的增强运算速度。
Tomcat是一种小型web程序服务器，由于它是免费开源的，并且支持访问量较少，所以常常被用来私人使用，web应用程序设计中成为最好的选择。
换句话说，将Tomcat服务器安装到一台电脑上时，可通过它对HTML页面的访问请求进行配合。事实上，Tomcat可以看成服务器基础上的延伸，但它工作时相对比较独立，因此当Tomcat工作时，事实上它是看成一个与服务器相对独立的进程运行的。
MySQL一直是最受业余开发者和企业开发者欢迎的数据库系统，因为他死开源的、免费的，使用者可以修改其源代码，进行数据库功能的变更，MySQL与其他的大型数据库，如oracle和DB2，MySQL存在规模小、功能有限等缺点，但是对于小项目、小系统，使用MySQL绝对是很合常理的，可以降低开发成本，同时MySQL具有功能强、使用简便、管理方便、运行效率高、安全性高、可移植性强等许多优点，因此大部分中小型的网站项目都采用MySQL作为数据库。
2.2开发技术简介
面向对象的出现以及软件工程不断规范化，原本的双层架构已经不能满足开发者的效率上需求，因为在代码上的封装、移植、扩展、复用等操作使得双层架构难以招架，因此才有三层架构的出现，问题迎刃而解。什么叫三层架构呢？指的是表示层、组件层、数据访问层。组件层是双层架构没有的，它的加入，把复杂的问题分解得更简单、明了，通过组件层，实现控制数据访问层，这样达到功能模块易于管理、易于访问等目的，例如在一个系统的登录功能上，开发者可以分为登录界面模块，登录控制器模块、登录数据访问查询模块等三个模块，登录界面指的是表示层，登录控制器就是组件层，它将开发者的逻辑思想实现出来，然后调用数据访问层，登录数据访问查询模块就是数据访问层。
表示层又叫UI层，指的是用户和软件的交换界面，是可视化的，例如安卓app的xml布局文件和网页的html文件等。在基于B/S模式中，有两个方面的优势。一，使用浏览器作为客户端的操作界面，它的优点是用户界面统一，用户操作便利。二，对于软件开发人员来说，可以将开发的重点放在后台事务的处理方面，前台的细节可以忽略，这样可以大大的提高了系统开发的效率。另外，系统必须拥有良好的界面，一方面考虑到系统用户的操作便利，另一方面考虑到系统的动态性。一般系统的主要界面包括以下几个组成部分：系统登陆界面、系统主界面、各个主要功能模块的界面等。
业务逻辑层（Business Logic Layer）主要负责数据传递的功能。一方面，业务逻辑层响应用户表示层的请求后，从数据访问层中获取所需要的数据，接着在表示层中显示出来。另一方面，业务逻辑层可以接受表示层提交的数据进行业务逻辑的处理，然后提交给数据访问层，实现数据的增删改等数据操作，实际上，业务逻辑层起到连接表示层和数据访问层的作用。
数据访问层（Data access layer）是系统的最基本的层次，用来与数据库进行数据交换，包括数据的增删改查等操作，显然如果没有数据访问层，软件将只是个空壳，可以说数据访问层是软件的灵魂，当今软件的开发过层中，数据访问层基本都可以自动生成数据操作的逻辑代码，节省了开发人员的开发时间。
B/S模式也就是浏览器/服务器模式，它的界面部分是在浏览器端展示，而主要工作是由服务器端进行实现的，用户的请求由浏览器端提交给服务器端进行处理，而服务器将处理结果反馈给浏览器端，在浏览器端界面描画给用户查看。采用B/S模式不仅可以避免用户必须安装专业软件才能开发系统或者访问系统的局限性，而且更加便利。
3 系统分析
3.1业务流程分析
系统业务流程分析：
根据系统的功能需求，再分析该系统的业务流程，用户登录系统购买滑板，先将滑板加入至购买订单，订单生成后，在线支付金额，管理员管理滑板，管理用户的订单。
系统前台业务流图如下图所示。
图3-1系统前台业务流图
系统后台业务流图如下图所示。
图3-1系统后台业务流图
3.2可行性分析
3.2.1经济可行性
本系统最直接的目的就是让客户购买滑板，为达到这一理念，首先设计了平台提供给用户购买滑板，系统还提供清新的界面来吸引用户眼球。使用本系统可以直接为用户提供方便，不需要花太多的时间、精力、经费去宣传滑板。系统直接向用户展示滑板信息，让用户随心选购，放心使用。整个系统只需要后台管理员操作和配送员，比起传统的滑板销售方便、简单、人员需求少，可以为企业节省开支，节省人力资源。系统为用户提供留言回馈让用户对商家服务满意，从而为商家增加客户，扩大市场。系统集多功能与一体，系统开发却不需要企业提供太多的人力物力资源，所以该系统投入市场，可以获得良好的口碑，为企业带来经济效益，绝对有经济可行性。
3.2.2技术可行性
本系统主要采用了Java开发语言，编程语言包括HTML+CSS、JSP、Javascript，技术可行性分析的目的是确认使用现有的技术能否实现系统以及对开发效率和完成情况的评估。技术的可行性是指在当今所拥有的技术条件之下，计算机软件和硬件的发展能否够满足发展的要求。由于本系统开发基于Java语言，在一般的计算机上就能够满足开发本系统所需要的软硬件条件；因为它占用的内存本来就相对较少，所以用MySQL数据库对软件的开发以及设计在理论上没有问题的原因是：它占用的内存实在是太少了。系采用以上技术可以有效的保证系统成功及高效地开发。
综上从技术可行性上来讲，使用这些技术完全可以实现这个系统的开发。
3.2.3操作可行性
3.3需求分析
通过现实商业销售系统的调查，如淘宝网、当当网、京东等知名电子商务系统，以及从企业的实际角度出发，要求本系统具有以下功能。
- 统一友好的操作界面，保证系统的易用性，方便用户的操作；
- 具备滑板信息的展示功能，方便浏览者对滑板信息进行浏览与比较；
- 规范的滑板分类，方便浏览者分类查找滑板；
- 完善的购买订单功能与用户结账功能；
- 设置系统主要滑板模块，使浏览者能够及时了解系统的各项动态变化；
- 滑板销评论功能；
- 订单信息查询功能、滑板信息查询功能；
- 全面的后台管理功能，以方便管理员对系统信息进行更新与管理。
9.系统前台功能模块分为：
滑板模块：展示系统的所有最新滑板；
推荐滑板模块：展示系统的所有推荐滑板；
滑板分类模块：通过滑板分类更快找到所需的滑板；
滑板索引模块：输入关键词，如滑板名称、滑板ID、滑板类别来索引滑板。
用户购买订单模块：跟淘宝、京东等大型电子商务网站一样，将滑板放入用户购买订单，从而管理用户购买订单里的滑板。
订单上交模块：跟淘宝、京东等大型电子商务网站一样，确认购买订单的滑板后，提交用户订单，然后确认收货地址和收货人、联系电话等，方可付款。
用户订单索引模块：对用户的已有的订单进行查看和索引。
滑板评论模块：用户可以对自己购买过的滑板进行评论。
用户注册模块：浏览者可以通过注册成为用户；
用户登录模块：用户可以登录后购买想要的滑板；
用户资料修改：用户可以修改自己的信息。
10.系统后台功能模块分为:
滑板信息管理模块：管理各滑板信息，对滑板的信息进行维护，可以增加滑板，修改，删除滑板信息；
系统用户维护模块：包括注册用户维护和系统管理员用户维护，普通管理员能对注册用户维护，不能对系统管理员用户维护，只有超级管理员才有维护管理员的权限。
订单维护模块；对用户的交易订单进行维护，是否有刷单等不合理订单，删除不合理的订单等操作。
公告管理模块：可以管理分类信息，增加和删除公告信息；
评论管理模块：管理员可以查看用户的评论，对评论进行维护。
3.4数据流程分析
系统的0层数据流图如下图所示。
图3-2系统数据流图（0层）
系统1层数据流图如下图所示。
图3-3系统数据数据流图（1层）
订单管理数据流图如下图所示。
图3-4订单管理数据流图（2层）
4 系统设计
4.1结构设计
系统分为前台和后台，前台为普通用户，后台由管理员使用，但也可以用来登录普通用户，前台功能模块和后台功能模块可以细分为各种功能模块。
1．前台系统功能模块分为：
用户注册模块：要求新用户可以在系统前台注册，注册信息可以保存在数据库中，后台管理员审核注册的用户，防止一些违规注册，注册后即可登录系统前台。
滑板展示模块：通过主要滑板和滑板类别展示系统的所有滑板；
购买模块：要求购买滑板的用户可以电话购买，也可以注册登录后在线购买，在线购买则需用户填写购买信息，并提交订单将信息展示在后台。
留言模块：要求用户留言信息可以展示在后台中，管理员可以查看用户留言、回复用户留言和删除留言操作。
用户购买订单模块：跟淘宝、京东等大型电子商务网站一样，将滑板放入用户购买订单，从而管理用户购买订单里的滑板。
订单上交模块：跟淘宝、京东等大型电子商务网站一样，确认购买订单的滑板后，提交用户订单，然后确认收货地址和收货人、联系电话等，方可付款。
付款模块：用户提交订单后，确认收货地址和收货人、联系电话等信息后，方可进入付款界面，付款。
滑板评论模块：用户添加滑板评论，填写评分和评语。
2．后台系统功能模块分为：
用户管理模块：要求用户信息可以展示在后台中，用户管理分管理员和普通用户两部分，管理员可以修改管理员的名字和密码，用户管理可以显示用户注册的信息、修改用户个人资料和删除用户的操作[9]。
订单管理模块：要求用户在线购买产生的订单信息可以展示在后台，卖家可以对订单信息进行标记审核，表示已接单，并分配物流配送，如果该订单过期或者迟迟没付款，也可以删除该订单的信息。
滑板管理模块：要求滑板信息可以展示在后台中，卖家可以对滑板进行修改操作，修改后的滑板替代原有的，并可以展示在前台中。
公告管理模块：要求公告信息可以在展示后台中，展示分二部分信息，分别促销公告和购物需知。可以进行增加、修改、删除、查看操作，然后更新到系统前台。
滑板评论管理模块：管理员管理滑板的评论信息。
系统功能结构图如下所示。
图4-1系统功能结构图
4.2数据库设计
对于电子商务系统而言，为了支持更大流量的数据访问需求，桌面数据库管理系统的使用不能满足需求，安全也得不到充分的保护。因此，需要采用商业常用的企业级数据库MySQL数据库。
4.2.1数据库物理设计
要设计数据库，需要对数据进行物理分析。
从用户的注册、登录等功能来分析需要建立用户信息表，其中包含的数据项会有用户名、密码、电话、邮箱、QQ、微信、录入时间等。
从滑板的类别和滑板的信息等功能来分析需要建立滑板类别表和滑板信息表，其中包含的数据项会有滑板类别名、滑板类别录入时间、滑板名称、库存数量、销售价格、滑板录入时间等。
系统包含用户提交的订单，所以需要订单的相关数据，如订单号，订单提交时间，订单金额等。
用户提交订单后，管理员审核订单后，这个过程需要一系列关于订单的状态数据。
系统应该要存在多个管理员管理系统，所以系统需要管理员相关的数据，如管理员账号、密码等。
普通用户在系统前台进行留言，需要有留言数据，例如留言内容、留言时间等。
4.2.2数据库概念设计
经过数据库的物理设计后，得到如下几个概念模型，它们的ER图如下所示。
表4-2系统ER图
4.2.3数据库逻辑设计
根据本系统的实际情况，本系统的数据库命名为db，db数据库中共分为如下几张数据表。
dingdanxinxi表:
| 序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
| 1 | ID | Int | 4 | 自增编号 | 10 | |
| 2 | dingdanhao | VarChar | 50 | 是 | 255 | |
| 3 | huabanbianhao | VarChar | 50 | 是 | 255 | |
| 4 | huabanmingcheng | VarChar | 50 | 是 | 255 | |
| 5 | huabanleixing | VarChar | 50 | 是 | 255 | |
| 6 | pinpai | VarChar | 50 | 是 | 255 | |
| 7 | kucun | VarChar | 50 | 是 | 255 | |
| 8 | jiage | VarChar | 50 | 是 | 255 | |
| 9 | goumaishuliang | VarChar | 50 | 是 | 255 | |
| 10 | zongjiage | VarChar | 50 | 是 | 255 | |
| 11 | shouhuodizhi | VarChar | 50 | 是 | 255 | |
| 12 | shouhuorenxingming | VarChar | 50 | 是 | 255 | |
| 13 | lianxidianhua | VarChar | 50 | 是 | 255 | |
| 14 | dingdanbeizhu | VarChar | 500 | 是 | 255 | |
| 15 | goumairen | VarChar | 50 | 是 | 255 | |
| 16 | iszf | VarChar | 2 | 是 | 255 | |
| 17 | addtime | DateTime | 8 | 是 | 23 |
huabanfenlei表:
| 序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
| 1 | ID | Int | 4 | 自增编号 | 10 | |
| 2 | huabanleixing | VarChar | 50 | 是 | 255 | |
| 3 | addtime | DateTime | 8 | 是 | 23 |
huabanxinxi表:
| 序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
| 1 | ID | Int | 4 | 自增编号 | 10 | |
| 2 | huabanbianhao | VarChar | 50 | 是 | 255 | |
| 3 | huabanmingcheng | VarChar | 50 | 是 | 255 | |
| 4 | huabanleixing | VarChar | 50 | 是 | 255 | |
| 5 | pinpai | VarChar | 50 | 是 | 255 | |
| 6 | jiage | VarChar | 50 | 是 | 255 | |
| 7 | kucun | VarChar | 50 | 是 | 255 | |
| 8 | tupian | VarChar | 50 | 是 | 255 | |
| 9 | huabanjieshao | Text | 16 | 是 | 255 | |
| 10 | dianzan_d | Int | 4 | 是 | 10 | |
| 11 | dianzan_c | Int | 4 | 是 | 10 | |
| 12 | addtime | DateTime | 8 | 是 | 23 |
paixingbang表:
| 序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
| 1 | ID | Int | 4 | 自增编号 | 10 | |
| 2 | huabanbianhao | VarChar | 50 | 是 | 255 | |
| 3 | huabanmingcheng | VarChar | 50 | 是 | 255 | |
| 4 | huabanleixing | VarChar | 50 | 是 | 255 | |
| 5 | pinpai | VarChar | 50 | 是 | 255 | |
| 6 | jiage | VarChar | 50 | 是 | 255 | |
| 7 | tupian | VarChar | 50 | 是 | 255 | |
| 8 | xiaoliang | VarChar | 50 | 是 | 255 | |
| 9 | paixing | VarChar | 50 | 是 | 255 | |
| 10 | xiangqing | VarChar | 50 | 是 | 255 | |
| 11 | addtime | DateTime | 8 | 是 | 23 |
pinpaixinxi表:
| 序号 | 字段名称 | 字段类型 | 大小 | 允许为空 | 最大长度 | 备注 |
| 1 | ID | Int | 4 | 自增编号 | 10 | |
| 2 | pinpai | VarChar | 50 | 是 | 255 | |
| 3 | addtime | DateTime | 8 | 是 | 23 |
5 系统实现
5.1首页设计与实现
系统的主界面设计结构上使用左右结构，上部的主要功能菜单区，主要显示系统的主要功能，上部导航栏有购物需知、排行榜、留言板，用户注册，滑板信息，后台入口，滑板显示主要是为方便用户查看一些主要产品的信息。
系统首页界面如下图所示。
图5-1系统首页界面
5.2前台功能设计与实现
5.2.1用户模块设计与实现
作为滑板专卖店，必须保证用户的正确性、购物安全、有效管理用户信息，用户管理是电子商务系统的重要组成部分。它主要包括用户注册、登录和验证、用户注册数据修改和用户退出等功能。
1．注册
用户首先进入系统前台，点击用户注册链接，进入用户注册页面，用户填满表单，即可点击提交，完成注册，之后用户可以使用账号登录系统前台。
用户注册是通过userreg.jsp和yonghuzhuce_add_list.jsp等页面实现的，userreg.jsp是用户点击注册后，进入注册页面的纯静态页面，通过userreg.jsp的表单将注册数据提交到yonghuzhuce_add_list.jsp，yonghuzhuce_add_list.jsp直接操作数据库，从而实现将注册数据添加至数据库的用户表中。
用户注册界面如下图所示。
图5-2用户注册界面
2．登录
用户进入系统前台首页后，即可看到左上角有登录表单，用户输入用户名、密码、验证码，经过数据库验证，即可登录。如果验证失败，将通过js提示账号或密码错误。
本功能参与的代码文件有index.jsp、userlog_list.jsp、首先用户进入前台首页index.jsp，输入账号密码，通过表单提交到userlog_list.jsp，验证成功后跳到index.jsp，然后通过session获取用户的用户名，并显示出来。
用户登录流程图如下所示。
图5-3用户登录流程图
用户登录界面如下图所示。
图5-4用户登录界面
3．用户资料修改
登录系统前台的用户可以进入个人中心修改个人信息，包括姓名、年龄、性别等，当用户要退出系统时，可以点击注销，系统将情况session。
首先用户进入yonghuzhuce_updt.jsp页面，即修改个人信息页面，用户可以任意修改表单中的数据，然后用户点击提交按钮，将表单提交至yonghuzhuce_updt_list.jsp中，yonghuzhuce_updt_list.jsp直接操作数据库完成用户信息的修改。
界面如下图所示。
图5-5用户资料修改界面
5.2.2滑板展示模块设计与实现
用户进入系统前台，先展示系统主要的滑板，用户可以选择所有滑板，查看所有滑板，也可以点击某个滑板，查看某个滑板的详细信息，包括滑板名称、类别、价格、库存数量等。
huabanxinxilisttp.jsp即系统前台所有滑板页面、huabanxinxidetail.jsp是滑板详细页面，huabanxinxilisttp.jsp通过循环遍历所有滑板信息，然后通过<tr>排列，<td height="26" align="center"><%=huabanmingcheng%></td>显示数据库的数据。
滑板展示界面如下图所示。
图5-6滑板展示界面
5.2.3购买模块的设计与实现
用户在添加到购买订单后选择并购买滑板，在购买订单中删除不满意的滑板的同时，还可以更改数量，或清空购买订单的所有滑板，用户确认购买订单后，可以提交订单，填写收货地址、收货人和联系方式。
顾客将滑板添加到购买订单和顾客对购买订单的管理，例如更新所购物品的数量，清空购买订单以及从购买订单中移除购买订单中的物品。 购买订单是持久的，并不限制用户购买的物品数量，也就是说购买订单可以显示许多滑板。
用户可以选择购买订单的滑板，生产购物订单，用户填好姓名、收货地址、邮编、手机、快递类型等信息，同时系统自动生成订单号、计算尺订单总金额和订单内容，点击订单提交，即可生产购物订单。
本功能用到了代码文件有dingdan_add.jsp、dingdan_add_list.jsp，用户在购买订单生产订单，跳转至dingdan_add.jsp页面，填写好表单参数，提交至dingdan_add_list.jsp页面，然后又dingdan_add_list.jsp操作数据库，完成订单的生成。
购买流程图如下图所示。
图5-7购买流程图
购买界面的设计如下图所示。
图5-8购买界面
购买订单界面的设计如下图所示。
图5-9购买订单界面
5.2.4留言模块的设计与实现
用户需要登录系统前台，才能进行留言，用户点击导航栏的在线留言，填写昵称，QQ、邮箱、电话、选择头像、填写留言内容，即可完成在线留言，用户可以回复其他用户的留言。
本功能用到了代码文件有lyb.jsp、liuyan_add_list.jsp，用户在系统前台点击添加留言，跳转至lyb.jsp页面，填写好表单参数，提交至liuyan_add_list.jsp页面，然后又liuyan_add_list.jsp操作数据库，完成留言的添加。
留言界面如下图所示。
图5-11留言界面
5.3后台功能设计与实现
5.3.1用户管理设计与实现
该功能包括管理员用户管理和注册用户管理，主要是由超级管理员使用，对管理员用户进行添加、删除、修改，审核用户注册、删除普通用户、修改普通用户的个人资料。首先管理员用户进入后台主页，在左边菜单栏选择相应的功能操作。
首先管理员点击进入普通用户列表yonghuzhuce_list.jsp，可以选择删除、或者修改，如果管理员点击删除，则将通过js提示管理员是否删除onClick="return confirm('真的要删除？')"，如果删除后将请求sh.jsp进行数据库数据删除，如果管理员选择修改用户信息，将跳转至yonghuzhuce_updt2.jsp，然后管理员修改后，页面请求yonghuzhuce_updt2_list.jsp来操作数据库完成用户信息的修改。
用户信息管理类界面如下图所示。
图5-12用户信息管理界面
5.3.2订单管理设计与实现
普通用户在系统前台购买滑板后，提交订单，后台将生成用户提交的订单，管理员需要处理订单，审核订单，删除、修改订单等操作。
首先管理员点击进入订单列表dingdan_list.jsp，可以选择删除、或者修改，如果管理员点击删除，则将通过js提示管理员是否删除onClick="return confirm('真的要删除？')"，如果删除后将请求sh.jsp进行数据库数据删除，如果管理员选择修改订单信息，将跳转至dingdan_updt2.jsp，然后管理员修改后，页面请求dingdan_updt2_list.jsp来操作数据库完成订单信息的修改，审核订单是将订单的是否审核状态的boolean值改成是true。
订单管理界面如下图所示。
图5-13订单管理界面
5.3.3滑板管理设计与实现
除了滑板的基本信息管理功能外，为了方便客户浏览滑板的真实外观，在添加的滑板模块中添加滑板图片上传的功能。
用户在滑板添加页面中输入添加滑板的基本信息，点击提交进入上传图片页面。在上传图片位置添加文件并单击提交按钮，在提交成功后，弹出提示信息。查看用户的滑板信息，视图上的鼠标可以查看图片。
用户在系统后台点击添加滑板，跳转至huaban_add.jsp页面，填写好表单参数，提交至huaban_add_list.jsp页面，然后又huaban_add_list.jsp操作数据库，完成滑板的添加。首先管理员点击进入普通滑板列表huabanxinxi_list.jsp，可以选择删除、或者修改，如果管理员点击删除，则将通过js提示管理员是否删除onClick="return confirm('真的要删除？')"，如果删除后将请求sh.jsp进行数据库数据删除，如果管理员选择修改滑板信息，将跳转至huabanxinxi_updt2.jsp，然后管理员修改后，页面请求huabanxinxi_updt2_list.jsp来操作数据库完成滑板信息的修改。
滑板管理界面如下图所示。
图5-14滑板管理界面
5.3.4排行榜管理设计与实现
本系统的排行榜是有管理员来安排的，管理员手动录入需要进入排行榜的滑板，填写滑板的销量以及排名，填写多个滑板后，将生成排行榜，按排名高低来排序，同时在前台，用户将看到排行榜的滑板商品。
排行榜管理界面如下图所示。
图5-15排行榜管理界面
5.3.5留言管理设计与实现
管理员用户在系统后台点击回复留言，跳转至liuyan_add.jsp页面，填写好表单参数，提交至liuyan_add_list.jsp页面，然后又liuyan_add_list.jsp操作数据库，完成留言的回复。首先管理员点击进入留言列表liuyanban_list.jsp，可以选择删除，如果管理员点击删除，则将通过js提示管理员是否删除onClick="return confirm('真的要删除？')"，如果删除后将请求sh.jsp进行数据库数据删除。
留言管理界面如下图所示。
图5-15留言管理界面
6 系统测试
6.1测试方法
根据系统测试目的并结合面向对象的测试方法，给出如下系统测试方案：
1、尽可能早的、并且不断地进行系统测试。因为错误发现的越早，修正它所付出的代价以及费用就会越小。
2、设计本测试用例时，应该给出测试的预期结果。一个合理的测试用例由两部分组成：主要有测试用的输入数据和该输入数据所期望的系统运行结果。
3、在设计本测试用例时，不仅需要有合法的输入测试用例，还应该要有非法的输入测试用例。因为，因为在系统的实际使用过程中，通常由于各种原因，用户往往会使用一些非法的输入测试用例来进行测试。测试用例为了测试系统的正确性和完整性，本节将对系统中重点模块的测试进行介绍。
6.2测试目的
该系统能够完成滑板选购，加入购买订单，滑板管理，滑板类别管理，订单管理，购买订单管理，用户管理等功能，做到所开发的系统操作简单，符合系统开放性要求，该系统能够在开放的硬件体系结构中运行，并且能与其他系统顺利连接。
6.3测试用例
6.3.1注册测试
用户注册功能测试，如下表所示。
表6-1用户注册测试用例表
| 用例编号 | 用例名称 | 测试功能 | 输入 | 操作过程 | 预期输出 | 测试结果 |
| B1 | 用户注册模块测试 | 正确输入用户信息，完成用户的注册。 | 用户的基本信息 | 用户在系统的注册页面根据提示填写相应的信息，然后点击“注册”按钮。 | 提示成功并跳转到登陆界面。 | 正确 |
| B2 | 用户注册模块测试 | 用户注册失败的情况 | 用户不填写用户名 | 用户在系统的注册页面根据提示填写除了用户名以外相应的信息，然后点击“注册”按钮。 | 注册失败，提示“*用户名不符合要求”。 | 正确 |
| B3 | 用户注册模块测试 | 用户注册失败的情况 | 用户两次输入密码不一致 | 用户在系统的注册页面根据提示填写相应的信息，填写密码时两次输入的密码不一致，然后点击“注册”按钮。 | 注册失败，提示“*两次输入密码不一致”。 | 正确 |
6.3.2购买订单测试
首先对购买订单的滑板的数量进行单元测试，修改滑板的数量，当输入除数字外的数量，比如输入a，系统能自动识别，并将数量改成1，通过测试几组数据，均发现没有bug，并且，系统能根据滑板的数量，自动计算出滑板总价。接着测试购买订单出现添加2种同样滑板时的情况，发现添加滑板的数量为2后，再添加该同样的滑板数量为3，发现购买订单该滑板的数量为5，测试无误，通过几次测试，均发现购买订单的滑板数量和总价是正确的。
购买订单功能测试，如下表所示。
表6-2购买订单测试用例表
| 用例编号 | 用例名称 | 测试功能 | 输入 | 操作过程 | 预期输出 | 测试结果 |
| A1 | 购买订单功能测试 | 滑板加入购买订单成功场景。 | 点击滑板，填写数量加入购买订单 | 在系统的滑板信息页选择滑板点击“加入购买订单”按钮。 | 界面提示“有一件滑板加入购买订单！” | 正确 |
6.3.3滑板管理测试
- 添加功能的测试
添加滑板时，如果上传的是jpg等图片格式的图片，将上传成功，并且系统能正常显示该图片，如果上传doc、mp3等非图片格式的文件后，系统将提示上传失败，并要求用户重新上传图片，进行了几次的测试，均发现正常。
- 删除功能的测试
例如，用户想删除编号为2的滑板，则点击删除按钮，系统提示是否删除，点击是，则将删除该滑板，页面自动更新，同时查看数据库，发现该滑板对应的数据也删除了，证实该功能正常。
- 查询功能的测试
该系统中的查询功能是通过点击链接来实现的。 对滑板管理代码进行测试，当用户的密码输入到后台时，可以通过点击滑板管理直接看到滑板信息。 点击查看滑板图片查看滑板是否已上传图片，系统未出现错误，查询成功。
结论
在滑板专卖店的设计过程中，由于对Java并不熟悉，系统的开发也属于边学习边应用的过程，因此对Java的理解不免出现偏差和错误，程序中肯定存在许多需要改正的地方。另外，由于毕业设计的时间比较紧张，而且自己技术有限，系统不免有些简陋，这也是今后系统需要改进和完善的地方。
滑板专卖店采用Java+Jsp+Html+Css+JavaSrcript，Java语言成熟、强大、易理解易使用，通过使用这个架构，降低了开发的难度。本系统实现了基于Java框架的滑板专卖店，将销售流程转化成电脑操作流程，具体实现了对销售订单和客户的管理、系统人员管理、滑板和滑板类型管理，并提供查询统计功能来对订单和滑板的相关数据进行统计分析，让商家能更清晰的掌握运营情况，帮助商家进行销售管理，简化商家工作流程，提高工作效率和盈利。
目前完成的滑板专卖店，还有许多有待改进的地方。一个是功能上的改进，用户理应可以修改自己的相关信息，故应增设个人中心功能；另外，系统如果能提供更多查询统计功能就会使得系统更加丰富和多样化，比如客户购买力排行功能、业务员销售能力排行功能等。第二个是技术上的改进，由于对MVC架构不太熟悉，权限管理这部分，本系统采用一个Jsp页面来规定好导航栏，即跳转的页面，这相对比较不灵活，如果将URL路径记录到数据库并实现增删查改会比较好；另外就是对EasyUI的使用还不够熟练，视觉效果和界面观感有待提升，希望日后能对这个系统有所改进。
致谢
此次毕业设计的课题开发中，遇到了很多分析和技术上的问题，通过网上查找资料和请求同学帮忙，顺利解决许多问题。
首先，我要感谢学校，是它给了我四年良好的生活环境和学习的平台。我要感谢我的指导老师。在这次毕业课题设计和论文的撰写中，指导老师都给了我真诚的帮助和细心的指导。我要感谢我的专业老师，是他们在专业知识上帮我解除了疑惑，让我学到更多。我还要感谢的同学和朋友，是他们陪伴我走过四年的学习生活。
时间随流水般走过，大学四年时光就是这样在不经意之间就走到了尽头。有太多的不舍，但却不会有太多的遗憾。四年时间见证了很多，也让你们见证了我的成长。感谢在大学里有你们的陪伴，感谢在成长的路上有你们的支持和鼓励，谢谢你们，让我的生活变得更加精彩！
参考文献
[1]杨宇.jsp典型模块与项目实战大全[M].清华大学出版社,2012.1
[2]夏伟.中国电子商务现状与发展趋势分析[J].科技广场,2011,4.
[3] Aaron.Professional jsp Design Patterns Saray[M].WROX PR/PEER INFORMATION INC ,2012.8
[4] Patrick.Expert jsp and MySQL Galbraith [M]. WROX PR/PEER INFORMATION INC,2010.3
[5]仲进平.jsp+MySQL网络开发技术[M].人民邮电出版社,2012.2
[6]胡菘.Dreamweaver完美网页设计[M].中国青年电子出版社,2010.5
[7]胡建华,杨军.基于jsp的连锁酒店管理系统的设计与实现[J].计算机与现代化,2016(1):25-26
[8]赵启志.jsp+MySQL完整自学方案[M].中国铁道出版社,2011.9
[9] J.E. Marco Tabini&Associates.Architect's Guide to jsp Design Patterns Sweat[M].2011.2
[10]李宇.Javascript网页特效实例解析[M].机械工业出版社,2013.4
[11]（澳）威利，（澳）汤姆森. jsp和MySQL Web开发 （原书第4版）[M].机械工业出版社,2013.4
[12]张丽萍,陈晓娟等.基于jsp技术的管理系统应用研究[J].兰州交通大学学报,2010(1):3-5
[13]张清林,李继宝等.科研管理信息化的理论研究与实践[J].消防科学与技术,2010,5:432-435.
[14]张嶽.光大银行理财产品在线销售系统的设计与实现[D].大连理工大学,2015.
[15]魏松,贺丹娜.基于MYSQL的学生信息管理系统数据库设计[J].计算机光盘软件与应用,2012,12:207-209.
[16]de Leeuw J R. javasych: a Javascript library for creating behavioral experiments in a Web browser.[J]. Behavior Research Methods, 2015, 47(1):1.
[17]Gupta P, Govil M C. MVC Design Pattern for the multi framework distributed applications using XML, spring and struts framework[J]. International Journal on Computer Science & Engineering, 2010, 2(4):1047-1051.
[19]Derrick Snyder, Managing and Analyzing Large Data Sets[M],National Instruments Austin, 2015
[19]About Face, The Essentials of User Interface Design[M],IDG,Foster City CA,2014,ISBN 1-56884-322-4
[20]Saul W.Gellernan, Motivation and Producting[M],Amercom,NewYork,2013
扫一扫
7107
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
