ssm宠物用品商店

摘 要

随着互联网趋势的到来，各行各业都在考虑利用互联网将自己推广出去，最好方式就是建立自己的互联网系统，并对其进行维护和管理。在现实运用中，应用软件的工作规则和开发步骤，采用Java技术建设宠物用品商店。

本设计主要实现集人性化、高效率、便捷等优点于一身的宠物用品商店，完成用户管理、宠物商品、留言中心、商品类别、订单中心、售后服务、会员中心等功能模块。系统通过浏览器与服务器进行通信，实现数据的交互与变更。只需通过一台电脑，动动手指就可以操作系统，实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题，而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了工作效率，减少了数据存储上的错误和遗漏。

宠物用品商店使用Java语言，采用基于 MVC模式的JavaEE技术进行开发，使用 MyEclipse 2017 CI 10 编译器编写，数据方面主要采用的是微软的MySQL关系型数据库来作为数据存储媒介，配合前台HTML+CSS 技术完成系统的开发。

关键词：宠物用品商店；Java语言；关系型数据库；数据存储

SSM pet supplies store

Abstract

With the advent of the Internet trend, all walks of life are considering using the Internet to promote themselves. The best way is to establish their own Internet system and maintain and manage it. In practical application, according to the working rules and development steps of application software, Java technology is used to build pet supplies store.

This design mainly realizes the pet supplies store with the advantages of humanization, high efficiency and convenience, and completes the functional modules such as user management, pet goods, message center, commodity category, order center, after-sales service, member center and so on. The system communicates with the server through the browser to realize the interaction and change of data. You can operate the system and realize data communication management by moving your fingers through a computer. The safety, stability and reliability of data are fully considered in the design process of the whole system, and the operation process is simple. Through scientific management and convenient service, the system improves work efficiency and reduces errors and omissions in data storage.

The pet products store uses Java language, adopts Java EE technology based on MVC mode for development, and uses MyEclipse 2017 CI 10 compiler to write. In terms of data, it mainly uses Microsoft's MySQL relational database as the data storage medium, and completes the system development with the foreground HTML + CSS technology.

Key words: Pet products store; Java language; Relational database; data storage

目  录

第1章绪论

1.1研究意义

1.2研究方法

1.3主要工作及论文结构

第2章 相关技术介绍

2.1开发技术

2.2 MVVM模式

2.3B/S结构

2.4Mysql数据库

2.5SSM框架

2.5 SSM框架各层关系

第3章 系统分析

3.1可行性分析

3.1.1技术可行性

3.1.2经济可行性

3.1.3社会可行性

3.2系统功能分析和描述

3.3性能分析 6

3.4系统操作流程 7

3.4.1添加信息流程 7

3.4.2操作流程 7

3.4.3删除信息流程 8

第4章 系统设计

4.1系统架构设计

4.2开发流程设计

4.3数据库设计

4..3.1实体ER图 13

4.3.2数据表 14

第5章系统实现

5.1数据库连接模块的实现

5.2登录模块的实现 16

5.3用户功能模块的实现

5.4管理员功能模块的实现 25

第6章系统测试 31

6.1测试环境 31

6.2测试目标

6.3功能测试 31

6.4测试结果 32

第7章总结与展望 34

参考文献 35

致谢 37

1. 绪论
   1. 研究意义

随着计算机信息管理技术的逐步普及，信息交流的便捷已被越来越多的人们所利用。本课题就现如今市场的分析，越来越多的用户喜欢养宠物:比如，当我们现在在傍晚时分漫步街头时，随处可见的遛猫、狗现象，理所当然我们所知道的一样，这成为了绝大多数老年人健身的一大主流趋势，显而易见的是，宠物也成为了老年人解决单人寂寞的很好的伴侣。而本课题的宠物用品商店就是一个由人和计算机等组成的能够提供信息以支持一个或多个宠物的商品、售后、订单和交易功能的系统。宠物用品商店作为客户与宠物用品之间可以进行更便捷的服务的一种方法和模式，正在得到越来越广泛的应用。宠物用品商店可以很好的解决养宠人士的买商品问题，为他们的后顾之忧提供了高效的处理平台。

使用计算机对宠物用品商店进行管理,具有手工管理所无法比拟的优点。例如:检索迅速。查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高宠物用品商店管理的效率,也是创业者或经营者的科学化、正规化管理及与世界接轨的重要条件。

1. 研究方法

宠物用品商店是信息行业业务流程过程中十分重要且必备的环节之一，在信息行业业务流程当中起着承上启下的作用，其重要性不言而喻。但是，目前许多信息行业在具体的业务流程处理过程中仍然使用手工操作的方式来实施，不仅费时、费力，效率低下，而且无法达到理想的效果。针对上述问题，采用软件工程的开发原理，依据软件流程过程规范，按照需求分析、概要设计、详细设计、程序编码、测试、软件应用、软件维护等过程开发了一个宠物用品商店。采用Java作为开发工具，结合Mysql数据库，数据库设计遵循3范式，解决了宠物用品商店中存在的数据安全性、数据一致性以及系统运行速度等问题。

1. 主要工作及论文结构

本文的主要工作是研究如何将计算机和信息管理进行有机结合，从而利用Java语言以及Mysql数据库技术在Dreamweaver中实现了系统的功能模块，切实的开发出一套贴近宠物用品商店的实际，有效管理宠物用品商店的系统。

论文结构如下：

第一章绪论：主要对宠物用品商店的开发背景,研究现状，目的,及意义进行了分析。

第二章开发技术及软件：主要把系统开发工具进行介绍，另外讲解开发系统所用到的一些特殊功能技术。

第三章系统分析：主要是对宠物用品商店进行需求分析，以及对其数据流程与功能进行分析。

第四章系统设计：主要根据系统需求对系统的设计进行介绍，以及对数据的开发与功能模块设计的过程。

第五章系统实现：本章主要结合系统界面截图，介绍了系统各个功能实现的结果。

第六章系统测试：本章系统进行功能模块的测试，撰写测试用例，确保系统各大功能准确无误。

第七章总结与展望：对整个论文的研究内容进行总结，概括整个论文的特点，指出不足之处，为下步深究指明方向。

1. 相关技术介绍
   1. 开发技术

本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的ssm框架进行开发。

前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。

后端部分：采用ssm作为开发框架，同时集成MyBatis、Redis等相关技术

1. MVVM模式

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。微软的WPF带来了新的技术体验，如Silverlight、音频、视频、3D、动画……，这导致了软件UI层更加细节化、可定制化。同时，在技术层面，WPF也带来了 诸如Binding、Dependency Property、Routed Events、Command、DataTemplate、ControlTemplate等新特性。MVVM（Model-View-ViewModel）框架的由来便是MVP（Model-View-Presenter）模式与WPF结合的应用方式时发展演变过来的一种新型架构框架。它立足于原有MVP框架并且把WPF的新特性糅合进去，以应对客户日益复杂的需求变化。

1. Mysql数据库

Mysql 经过多次的更新，功能层面已经非常的丰富和完善了，从Mysql4版本到5版本进行了比较大的更新，在商业的实际使用中取得了很好的实际应用效果。最新版本的Mysql支持对信息的压缩，同时还能进行加密能更好的满足对信息安全性的需求。同时经过系统的多次更新，数据库自身的镜像功能也得到了很大的增强，运行的流畅度和易用性方面有了不小的进步，驱动的使用和创建也更加的高效快捷。最大的变动还是进行了空间信息的显示优化，能更加方便的在应用地图上进行坐标的标注和运算。强大的备份功能也保证了用户使用的过程会更加安心，同时支持的Office特性还支持用户的自行安装和使用。在信息的显示形式上也进行了不小的更新，增加了两个非常使用的显示区，一个是信息区，对表格和文字进行了分类处理，界面的显示更加清爽和具体。第二是仪表的信息控件，能在仪表信息区进行信息的显示，同时还能进行多个信息的比对，为用户的实际使用带来了很大的便捷。

针对本文中设计的宠物用品商店在实际的实现过程中，最终选择Mysql数据库的主要原因在于在企业的应用系统应用及开发的过程中会存在大量的数据库比较频繁的操作，而且数据的安全性要求也是非常的高。综合这些因素，最终选择安全性系数比较高的Mysql来对宠物用品商店后台数据进行存储操作。

数据库管理系统的总体结构图如下图所示。

图2-1 数据库组成结构

1. B/S结构

B/S（Browser/Server）比前身架构更为省事的架构。它借助Web server完成数据的传递交流。只需要下载浏览器作为客户端，那么工作就达到“瘦身”效果， 不需要考虑不停装软件的问题。

1. SSM框架

SSM即SpringMVVM+Spring+MySQL，这三个框架有各自最独有的优势，那么将它们组合在一起能够碰撞出很强的火花。设计者在不需消耗大量功夫，能做出Web应用程序，而且这个程序还具有层次清晰、升级更新操作不影响正常使用的、允许多次使用的特点。这个复合框架形成一个有着结构完整、功能强大和结构良好的体系：SpringMVVM使各板块分离，Spring使开发更灵活方便，让开发者直接对对象进行操纵，各层次分工明细，并实现各个层次间的解耦，让代码更加的灵活精简。这个框架使程序员能够规避在开发时期避免个别错误导致整体被破坏，也能在后期应对客户对产品提出的新需求。

1. ssm框架各层关系：

DAO层、Service层这两个层次都可以单独开发，互相的耦合度很低，完全可以独立进行，这样的一种模式在开发大项目的过程中尤其有优势。

Controller，View层因为耦合度比较高，因而要结合在一起开发，但是也可以看作一个整体独立于前两个层进行开发。这样，在层与层之前只需要知道接口的定义，调用接口即可完成所需要的逻辑单元应用，一切显得非常清晰简单。

1. 系统分析
   1. 可行性分析

开发任何一个系统，都要对其可行性进行分析，对其时间和资源上的限制进行考虑，这样可以减少系统开发的风险。同时，分析之后不仅能够合理的运用人力，还能在各方面资源的消耗上得到节省。下面就对技术、经济和社会三个方面来介绍。

1. 技术可行性

技术可行性主要考虑当前项目所用的技术是否能够符合，在设备上是否能够满足，及各种辅助工具是否提供帮助。本系统用的是Java开发语言，调试相对简单，当前的计算机硬件配置也完全能满足开发的需求，因此在技术上是绝对可行的。软件方面：由于软件的开发平台成熟可行,它们速度快、容量大、可靠性能高、价格低，完全能满足系统的需求。采用Java编程语言，已无技术上的问题。

1. 经济可行性

系统所采用的Myeclipse开发平台和Mysql后端数据库均为免费开发工具。故开发成本主要集中在后期的推广及系统维护上。相对于成本较高的C/S模式，也是选用了成本较低的B/S模式，所以经济上几乎没任何问题。

1. 社会可行性

本系统是自行开发的系统，以方便高效管理宠物用品商店为出发点，是具有实际意义的系统，开发的环境软件和用到的数据库也都是开源代码，不存在侵权等问题，所以在社会方面也是可行的。

1. 性能分析

对于性能分析，与传统的管理方式相比，传统的管理方式是使用人工通过用纸和笔进行数据信息的统计和管理，并且这种方式对于存储和查找某一数据信息都比较麻烦，随着计算机网络的到来，这种传统的方法很难适应当下社会的发展，不仅降低人们的办事效率，而且还需要很多的人力和物力，对于使用的时间和所要花费的费用都是比较高的，为了降低成本费用，提高用户的工作效率，进行开发一套基于计算机和网络技术的宠物用品商店。

宠物用品商店的开发设计时一个独立的系统，以之前数据库进行数据的存储开发，主要是为了实现宠物用品商店的用户角色及相对应的功能模块，让宠物用品商店的管理不会存在管理差异、低效率，而是跟传统的管理信息恰好相反，宠物用品商店的实现可以节约资源，并且对于业务的处理速度也提高，速度快、效率高，功能性强大。

3.3系统流程分析

3.3.1添加信息流程

添加信息,编号系统使用自动编号模式,没有用户填写,用户添加信息输入信息,系统将自动确认的信息和数据,验证的成功是有效的信息添加到数据库,信息无效,重新输入信息。添加信息流程如图3-3所示。

图3-3 添加信息流程图

3.3.2操作流程

用户想进入系统，首先进入系统登录界面，通过正确的用户名、密码，选择登录类型登录，系统会检查登录信息，信息正确，然后输入相应的功能界面，提示信息错误，登录失败。系统操作流程如图3-4所示。

图3-4操作流程图

3.3.3删除信息流程

用户选择要删除的信息并单击Delete按钮。系统提示是否删除信息。如果用户想要删除信息，系统将删除信息。系统数据库删除信息。删除信息流程图如图3-5所示。

图3-5 删除信息流程图

1. 系统设计
   1. 系统架构设计

宠物用品商店的系统项目的概述设计分析，主要内容有宠物用品商店的具体分析，进行数据库的是设计，数据采用mysql数据库，并且对于系统的设计采用比较人性化的操作设计，对于系统出现的错误信息可以及时做出处理及反馈。

基于宠物用品商店的设计基于现有的电脑，可以实现管理员，用户管理、宠物商品、留言中心、商品类别、订单中心、会员中心、售后服务等详细的了解及统计分析。根据系统功能需求建立的模块关系图如下图：

图4-1管理员功能模块图

1. 开发流程设计

宠物用品商店的开发对管理模块和系统使用的数据库进行分析，编写代开发，规划和操作是构建信息管理应用程序的必要三步曲，它决定了系统是否能够真正实现预设功能以及是否可以在成功设计后实施。在开发过程中，每个阶段必须严格按照线性顺序进行开发，并且在相应阶段生成的每个工作都可以通过技术进行验证和检查。确保一个阶段完成后是正确的，不会造成下一阶段拖拽现象，使系统完成设计功能后得到保证。

从宠物用品商店的成功开发经验来看，上述方法效果最为明显，最大程度地降低了系统开发的复杂性。如图4-2所示。

图4-2开发系统流程图

1. 数据库设计

数据库是信息系统的基础和核心。数据库设计的好坏直接影响到信息系统开发的成败。创建数据库表首先确定实体的属性和实体之间的关系。根据关系创建一个数据表。

4.3.1实体ER图

数据库是整个软件编程中最重要的一个步骤，对于数据库问题主要是判定数据库的数量和结构公式的创建。展示系统使用的是Mysql进行对数据库进行管理，进行保证数据的安全性、稳定性等。

概念模型的设计是为了抽象真实世界的信息，并对信息世界进行建模。它是数据库设计的强大工具。数据库概念模型设计可以通过E-R图描述现实世界的概念模型。系统的E-R图显示了系统中实体之间的链接。而且Mysql数据库是自我保护能力比较强的数据库，下图主要是对数据库实体的E-R图：

（1）宠物商品管理E-R图，如图4-3所示：

图4-3宠物商品管理实体属性图

(2) 会员中心管理E-R图如图4-4所示：

图4-4会员中心管理实体图

这些功能可以充分满足宠物用品商店的需求。此系统功能较为全面如下图系统功能结构如图4-5所示。

图4-5系统功能结构图

4.3.2数据表

将数据库概念设计的E-R图转换为关系数据库。在关系数据库中，数据关系由数据表组成，但是表的结构表现在表的字段上。

user_registration表

名称	类型	长度	不是null	主键	注释
user_registration_id	int	11	是	是	用户注册ID
user_account	varchar	64	是	否	用户账号
full_name	varchar	64	否	否	姓名
gender	varchar	64	否	否	性别
age	varchar	64	否	否	年龄
membership_type	varchar	64	否	否	会员类型
member_discount	varchar	64	否	否	会员折扣
examine_state	varchar	16	是	否	审核状态
recommend	int	11	是	否	智能推荐
user_id	int	11	是	否	用户ID
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间
pet_goods表：
名称	类型	长度	不是null	主键	注释
pet_goods_id	int	11	是	是	宠物商品ID
commodity_number	varchar	64	否	否	商品编号
trade_name	varchar	64	否	否	商品名称
commodity_type	varchar	64	否	否	商品类型
commodity_price	varchar	64	否	否	商品价格
merchandise_inventory	varchar	64	否	否	商品库存
commodity_specifications	varchar	64	否	否	商品规格
product_picture	varchar	255	否	否	商品图片
product_details	longtext	0	否	否	商品详情
hits	int	11	是	否	点击数
praise_len	int	11	是	否	点赞数
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间
order_center表：
名称	类型	长度	不是null	主键	注释
order_center_id	int	11	是	是	订单中心ID
order_number	varchar	64	否	否	订单号
commodity_number	varchar	64	否	否	商品编号
trade_name	varchar	64	否	否	商品名称
commodity_type	varchar	64	否	否	商品类型
commodity_price	varchar	64	否	否	商品价格
purchase_quantity	int	11	否	否	购买数量
demand_specification	varchar	64	否	否	需求规格
member_discount	varchar	64	否	否	会员折扣
total_price	varchar	64	否	否	总价格
user_account	int	11	否	否	用户账号
order_status	varchar	64	否	否	订单状态
pay_state	varchar	16	是	否	支付状态
pay_type	varchar	16	否	否	支付类型: 微信、支付宝、网银
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间
message_center表：
名称	类型	长度	不是null	主键	注释
message_center_id	int	11	是	是	留言中心ID
message_title	varchar	64	否	否	留言标题
user_account	int	11	否	否	用户账号
message_time	date	0	否	否	留言时间
message_content	text	0	否	否	留言内容
reply_content	text	0	否	否	回复内容
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间
commodity_category表：
名称	类型	长度	不是null	主键	注释
commodity_category_id	int	11	是	是	商品类别ID
commodity_type	varchar	64	否	否	商品类型
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间
after_sale_service表：
名称	类型	长度	不是null	主键	注释
after_sale_service_id	int	11	是	是	售后服务ID
order_number	varchar	64	否	否	订单号
commodity_number	varchar	64	否	否	商品编号
trade_name	varchar	64	否	否	商品名称
commodity_type	varchar	64	否	否	商品类型
total_price	varchar	64	否	否	总价格
user_account	int	11	否	否	用户账号
after_sales_type	varchar	64	否	否	售后类型
submission_date	date	0	否	否	提交日期
content_description	text	0	否	否	内容描述
after_sales_reply	text	0	否	否	售后回复
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间
membership_center表：
名称	类型	长度	不是null	主键	注释
membership_center_id	int	11	是	是	会员中心ID
recharge_type	varchar	64	否	否	充值类型
price	varchar	64	否	否	价格
user_account	int	11	否	否	用户账号
full_name	varchar	64	否	否	姓名
recharge_time	date	0	否	否	充值时间
pay_state	varchar	16	是	否	支付状态
pay_type	varchar	16	否	否	支付类型
recommend	int	11	是	否	智能推荐
create_time	datetime	0	是	否	创建时间
update_time	timestamp	0	是	否	更新时间

1. 系统实现
   1. 数据库连接模块的实现

从web系统查询数据的根本的查询步骤：

Step1: 进行检查并且过滤来自用户的系统数据；

Step2: 成立起一个合适的数据库进行连接；

Step3: 进行查询系统数据库；

Step4: 获得查询的结构；

Step5: 把查询的结果展示给用户。

Step6: 数据库连接断开，释放资源。

数据库连接原理如下图所示。

图5-1数据库连接原理

数据库连接关键代码如下所示。

/**

* 临时访问牌(AccessToken)表实体类

*

*/

@TableName("access_token")

@Data

@EqualsAndHashCode(callSuper = false)

public class AccessToken implements Serializable {

private static final long serialVersionUID = 913269304437207500L;

/**

* 临时访问牌ID

*/

@TableId(value = "token_id", type = IdType.AUTO)

private Integer tokenId;

/**

* 临时访问牌

*/

@TableField(value = "token")

private String token;

/**

* 最大寿命：默认2小时

*/

@TableField(value = "maxage")

private Integer maxage;

/**

* 创建时间：

*/

@TableField(value = "create_time")

private Timestamp createTime;

/**

* 更新时间：

*/

@TableField(value = "update_time")

private Timestamp updateTime;

/**

* 用户信息

*/

@TableField(value = "user_id")

private Integer user_id;

}

1. 登录模块的实现

为确保系统安全性，系统操作员只有在登录界面输入正确的用户名、密码、权限以及验证码，单击“登录”按钮后才能够进入本系统的主界面。

用户登录流程图如下所示。

图5-1用户登录流程图

登录界面如下图所示。

图5-1登录界面

登录代码如下：

/**

* 登录

* @param data

* @param httpServletRequest

* @return

*/

@PostMapping("login")

public Map<String, Object> login(@RequestBody Map<String, String> data, HttpServletRequest httpServletRequest) {

log.info("[执行登录接口]");

String username = data.get("username");

String email = data.get("email");

String phone = data.get("phone");

String password = data.get("password");

List resultList = null;

QueryWrapper wrapper = new QueryWrapper<User>();

Map<String, String> map = new HashMap<>();

if(username != null && "".equals(username) == false){

map.put("username", username);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(email != null && "".equals(email) == false){

map.put("email", email);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}

else if(phone != null && "".equals(phone) == false){

map.put("phone", phone);

resultList = service.selectBaseList(service.select(map, new HashMap<>()));

}else{

return error(30000, "账号或密码不能为空");

}

if (resultList == null || password == null) {

return error(30000, "账号或密码不能为空");

}

//判断是否有这个用户

if (resultList.size()<=0){

return error(30000,"用户不存在");

}

User byUsername = (User) resultList.get(0);

Map<String, String> groupMap = new HashMap<>();

groupMap.put("name",byUsername.getUserGroup());

List groupList = userGroupService.selectBaseList(userGroupService.select(groupMap, new HashMap<>()));

if (groupList.size()<1){

return error(30000,"用户组不存在");

}

UserGroup userGroup = (UserGroup) groupList.get(0);

//查询用户审核状态

if (!StringUtils.isEmpty(userGroup.getSourceTable())){

String res = service.selectExamineState(userGroup.getSourceTable(),byUsername.getUserId());

if (res==null){

return error(30000,"用户不存在");

}

if (!res.equals("已通过")){

return error(30000,"该用户审核未通过");

}

}

//查询用户状态

if (byUsername.getState()!=1){

return error(30000,"用户非可用状态，不能登录");

}

String md5password = service.encryption(password);

if (byUsername.getPassword().equals(md5password)) {

// 存储Token到数据库

AccessToken accessToken = new AccessToken();

accessToken.setToken(UUID.randomUUID().toString().replaceAll("-", ""));

accessToken.setUser_id(byUsername.getUserId());

tokenService.save(accessToken);

// 返回用户信息

JSONObject user = JSONObject.parseObject(JSONObject.toJSONString(byUsername));

user.put("token", accessToken.getToken());

JSONObject ret = new JSONObject();

ret.put("obj",user);

return success(ret);

} else {

return error(30000, "账号或密码不正确");

}

}

public String select(Map<String,String> query,Map<String,String> config){

StringBuffer sql = new StringBuffer("select ");

sql.append(config.get(FindConfig.FIELD) == null || "".equals(config.get(FindConfig.FIELD)) ? "*" : config.get(FindConfig.FIELD)).append(" ");

sql.append("from ").append("`").append(table).append("`").append(toWhereSql(query, "0".equals(config.get(FindConfig.LIKE))));

if (config.get(FindConfig.GROUP_BY) != null && !"".equals(config.get(FindConfig.GROUP_BY))){

sql.append("group by ").append(config.get(FindConfig.GROUP_BY)).append(" ");

}

if (config.get(FindConfig.ORDER_BY) != null && !"".equals(config.get(FindConfig.ORDER_BY))){

sql.append("order by ").append(config.get(FindConfig.ORDER_BY)).append(" ");

}

if (config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE))){

int page = config.get(FindConfig.PAGE) != null && !"".equals(config.get(FindConfig.PAGE)) ? Integer.parseInt(config.get(FindConfig.PAGE)) : 1;

int limit = config.get(FindConfig.SIZE) != null && !"".equals(config.get(FindConfig.SIZE)) ? Integer.parseInt(config.get(FindConfig.SIZE)) : 10;

sql.append(" limit ").append( (page-1)*limit ).append(" , ").append(limit);

}

log.info("[{}] - 查询操作，sql: {}",table,sql);

return sql.toString();

}

public List selectBaseList(String select) {

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) {

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

}

return list;

}

1. 用户功能模块的实现

用户输入账号、设置密码、确认密码、昵称、邮箱、手机号、身份、姓名 性别、学号等必填信息后，点击注册按钮完成用户的注册。

用户注册流程图如下所示。

图5-1用户注册流程图

用户注册界面如下图所示。

图5-1用户注册界面

用户注册代码如下：

/**

* 注册

* @return

*/

@PostMapping("register")

public Map<String, Object> signUp(HttpServletRequest request) throws IOException {

// 查询用户

Map<String, String> query = new HashMap<>();

Map<String,Object> map = service.readBody(request.getReader());

query.put("username",String.valueOf(map.get("username")));

List list = service.selectBaseList(service.select(query, new HashMap<>()));

if (list.size()>0){

return error(30000, "用户已存在");

}

map.put("password",service.encryption(String.valueOf(map.get("password"))));

service.insert(map);

return success(1);

}

public Map<String,Object> readBody(BufferedReader reader){

BufferedReader br = null;

StringBuilder sb = new StringBuilder("");

try{

br = reader;

String str;

while ((str = br.readLine()) != null){

sb.append(str);

}

br.close();

String json = sb.toString();

return JSONObject.parseObject(json, Map.class);

}catch (IOException e){

e.printStackTrace();

}finally{

if (null != br){

try{

br.close();

}catch (IOException e){

e.printStackTrace();

}

}

}

return null;

}

public void insert(Map<String,Object> body){

E entity = JSON.parseObject(JSON.toJSONString(body),eClass);

baseMapper.insert(entity);

log.info("[{}] - 插入操作：{}",entity);

}

用户在登录状态下进行宠物商品信息页面可将商品比如商品编号、商品名称、商品类型、商品价格、商品库存、商品规格等提交，从session中取出该商品的信息，点击加入宠物商品信息前台发起请求，将对应的宠物商品信息shichang、id参数信息从前台传递XiadanController类里，匹配到add()方法，add()方法调用XiadanServiceImpl类的add()方法。

宠物商品信息界面如下所示。

图5-1宠物商品界面

当访客点击宠物用品商店中导航栏上的“评论反馈”后将会进入到该“评论反馈”界面，然后输入评论内容，点击“立即提交”。

评论界面如图所示。

图5-1评论界面

1. 管理员功能模块的实现

宠物商品信息添加功能主要指对其商品编号、商品名称、商品类型、商品价格、商品库存、商品图片等一些基本信息的编辑查看评论、添加、删除和修改。

宠物商品界面如图所示。

图5-1宠物商品管理界面

宠物商品管理关键代码如下：

@RequestMapping(value = "/del")

@Transactional

public Map<String, Object> del(HttpServletRequest request) {

service.delete(service.readQuery(request), service.readConfig(request));

return success(1);

}

}

留言中心信息添加功能主要指对其留言标题、用户账号、留言时间、留言内容、回复内容等一些基本信息的编辑、查询添加、删除和修改。

留言中心管理界面如下图所示。

图5-1留言中心管理界面

订单中心添加功能主要指对其项订单号、商品编号、商品名称、商品类型、商品价格、购买数量、需求规格、会员折扣等一些基本信息的编辑售后、支付、查询添加、删除和修改。

订单中心管理界面如下图所示。

图5-1订单中心管理界面图

订单中心管理关键代码如下所示。

public List selectBaseList(String select) {

List<Map<String,Object>> mapList = baseMapper.selectBaseList(select);

List<E> list = new ArrayList<>();

for (Map<String,Object> map:mapList) {

list.add(JSON.parseObject(JSON.toJSONString(map),eClass));

}

return list;

}

售后服务添加功能主要指对其项订单号、商品编号、商品名称、商品类型、总价格、用户账号、售后类型、提交日期等一些基本信息的编辑、查询添加、删除和修改。

售后服务管理界面如下图所示。

图5-1售后服务管理界面

1. 系统测试
   1. 测试环境

1、服务器端

操作系统：Windows 7

Web服务器：Tomcat7.0

数据库：Mysql

开发语言：Java

2、客户端

浏览器：Internet Explorer10

界面布局：DIV+CSS

分辨率：最佳效果1027*768以上像素

3、开发工具

Visual Studio Code

Myeclipse

1. 测试目标

系统测试是用于检查软件的质量、性能、可靠性等是否符合用户需求。一套严谨的、规范的、完善的测试过程将大大提高软件的质量、可信度、可靠性，降低软件的出错率，降低用户风险系数。通过在计算机上对系统进行测试试验并从中发现此系统中存在的问题和错误然后加以修改，使之更加符合用户需求。

1.测试的目的是通过测试来发现程序在执行过程中的错误的过程。

2.好的测试方案是可以检验出还未被发现的错误的方案。

3.好的测试是发现了到目前为止还未被发现的错误的测试。

4.该系统能够完成用户管理、会员中心、宠物商品、订单中心、售后服务、商品类别、留言中心等功能，做到所开发的系统操作简单，尽量使系统操作不受用户对电脑知识水平的限制。

1. 功能测试

下表是宠物用品商店功能的测试用例，检测了宠物用品商店中对售后服务信息的增加，删除，修改，查询操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-1售后服务管理的测试用例

功能描述	用于售后服务管理
测试目的	检测售后服务管理时的各种操作的运行情况
测试数据以及操作	预期结果	实际结果
点击添加售后服务，必填项合法输入，点击保存	提示添加成功	与预期结果一致
点击添加售后服务，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击修改售后服务，必填项修改为空，点击保存	提示必填项不能为空	与预期结果一致
点击修改售后服务，必填项输入不合法，点击保存	提示必填项不能为空	与预期结果一致
点击删除售后服务，选择售后服务删除	提示删除成功	与预期结果一致
点击搜索售后服务，输入存在的售后服务名	查找出售后服务	与预期结果一致
点击搜索售后服务 ，输入不存在的在线投票名	不显示售后服务	与预期结果一致

下表是订单中心管理功能的测试用例，检测了订单中心管理的操作是否成功运行。观察系统的响应情况，得出该功能也达到了设计目标，系统运行正确。

前置条件；用户登录系统。

表6-2 订单中心管理的测试用例

功能描述	用于订单中心管理
测试目的	检测订单中心管理时各种操作的情况
测试数据以及操作	预期结果	实际结果
未选择订单，点击提交	提示请选择订单	与预期结果一致
未上传附件，点击提交	提示请选择附件	与预期结果一致
未选择原因，点击提交	提示请选择原因	与预期结果一致

1. 测试结果

根据以上测试情况，测试结果如下表所示。

表6-1测试结果表

测试项目	测试结果
登录测试	成功
修改密码测试	成功
订单中心管理测试	成功
售后服务测试	成功
会员中心	成功
用户管理测试	成功
宠物商品管理测试	成功
商品类别管理测试	成功
留言中心管理测试	成功

1. 总结与展望

本研究针对宠物用品商店地需求建模，数据建模及过程建模分析设计并实现宠物用品商店的过程。给出系统应用架构并分析优劣势，通过功能分解图，系统组件图描述功能需求。设计建立了数据库，给出系统关键数据结构的定义。通过类关系图描述组件间的协作关系，给出各个类的定义方法。通过描述每一个类的字段，属性及方法实现宠物用品商店的前后端代码。最终给出系统集成整合方法，完成宠物用品商店地设计与实现。

在此项目的开发中，先要按照产品经理做出的产品模型铺出大体的页面，并在其中找好页面的逻辑关系，并且中途总结一些页面上的问题重新反馈给产品经理，当静态页面的搭建的大体已经完善时，就需要和负责后台开发的技术开发者联系，来接好前后台的数据接口，可以让后台的信息在前台显示出来，在这个项目实现中，不光明白了前端开发和产品经理的联系，也明白了后台在整个系统中起到了什么作用，因为前后台的连接，用户可以对系统进行操作，可以在输入自己的相关信息后，通过后台加工，完成对数据库的查找、修改、添加，而理解了这些关系与实现的方法后。再去完善整个系统的功能就更加清晰与简单了。此次的项目它涉及了前台与后台系统的搭建，在学校所学的知识基础上，此次的项目，让我对于一个系统的前端开发，以及后台的作用都有了一个更深切的认知。