摘 要
本系统是一个基于SSM+Vue.js的网上家电商城系统。本系统的服务对象是家电企业或家电专营店商家。家电商家目前大部分依赖第三方购物平台售货。创建本系统的目的是让这些家电企业有属于自己的网上售货渠道。网上家电商城为家电商家规范了业务流程，简化了业务处理工作量。对于客户来说，有些客户只希望在特定品牌或门店购买。本系统也为这些客户提供了新的购买渠道。
网上家电商城系统分别实现了商家和客户两个模块。客户模块由前台商城系统实现，分为浏览商品、注册登录、下单、退款等子模块。商家模块由后台管理系统实现，分为商品管理、商品类型管理、订单管理、客户管理等子模块。网上家电商城系统完整实现了实际生产生活中客户选购、客户下单、卖家处理订单以及退款等业务流程。
系统开发采用B/S架构，以Java作为开发语言。整个系统的后端基于如今企业开发常用的SSM框架，搭载在Tomcat服务器上。系统的前端分为两个模块。客户模块前端使用EasyUI框架。商家模块前端使用Vue.js框架进行开发，采用前后端分离系统，使用Nginx服务器反向代理。系统所用数据库基于中小型的MySQL数据库管理系统实现。基于以上技术，本系统经过数据库设计、系统功能设计、系统实现等开发流程，完成了软件开发的相关工作，满足实际生产生活中网上家电商城的功能需求。
关键词：家用电器，网络购物，SSM，EasyUI，Vue.js
Online Store System Based on SSM and Vue.js
Abstract
This system is based on SSM and Vue.js Online home appliance mall system. The service object of this system is home appliance enterprises or home appliance franchise stores. At present, most of home appliance businesses rely on third-party shopping platforms for sales. The purpose of creating this system is to let these home appliance enterprises have their own online sales channels. The online home appliance mall standardizes the business process for home appliance merchants and simplifies the workload of business processing. For customers, some customers only want to buy in a specific brand or store. The system also provides new purchase channels for these customers.
The online home appliance shopping mall system realizes two modules: merchant and customer. The customer module is implemented by the front office mall system, which is divided into sub modules such as browsing products, registration and login, ordering, refund, etc. The merchant module is implemented by the background management system, which is divided into commodity management, commodity type management, order management, customer management and other sub modules. The online home appliance mall system completely realizes the business processes of customer purchase, customer order, seller order processing and refund in actual production and life.
The system adopts B/S architecture and Java as development language. The back-end of the whole system is based on the SSM framework commonly used by enterprises, which is installed on Tomcat server. The front end of the system is divided into two modules. The client module front end uses the EasyUI framework. Front end use of merchant module Vue.js The framework is developed with front and back end separation system and Nginx server reverse proxy. The database used in the system is based on the small and medium MySQL database management system. Based on the above technology, the system has completed the related work of software development through database design, system function design, system realization and other development processes, to meet the functional requirements of online home appliance mall in actual production and life.
Key Words: Home appliances, online shopping, SSM, EasyUI,Vue.js
目 录
1 绪 论 1
1.1 研究背景和意义 1
1.2 国内外研究现状 2
1.3 研究的内容 3
1.4 论文组织结构 3
1.5 本章小结 3
2 系统技术分析 4
2.1 SSM框架 4
2.1.1 Spring框架 4
2.1.2 SpringMVC框架 5
2.1.3 MyBatis框架 5
2.1.4 Maven自动化构建工具 6
2.2 前端模块相关技术 6
2.2.1 Vue.js框架 6
2.2.2 MVVM架构模式 7
2.2.3 SPA单页面应用 7
2.2.4 前后端分离 8
2.3 MySQL数据库系统 8
2.4 本章小结 8
3 系统需求分析 9
3.1 系统需求概述 9
3.2 系统非功能性需求分析 9
3.2.1 观感需求 9
3.2.2 易用性需求 9
3.2.3 可扩充性与可维护性需求 9
3.3 系统功能需求分析 10
3.4 本章小结 12
4 系统总体设计 15
4.1 系统架构设计 15
4.2 系统功能模块设计 15
4.2.1 后台管理系统功能设计 15
4.2.2 前台商城系统功能设计 17
4.3 系统E-R图设计 19
4.4 系统数据库设计 20
4.5 本章小结 23
5 系统详细设计 25
5.1 系统接口设计 25
5.2 系统类设计 26
5.2.1 系统文件组织 26
5.2.2 主要类图及类描述 29
5.3 本章小结 34
6 系统实现 35
6.1 系统实现环境 35
6.2 后台管理系统 35
6.2.1 后台登录模块 35
6.2.2 商品管理模块 39
6.2.3 订单管理模块 42
6.2.4 客户管理模块 45
6.2.5 商家管理模块 46
6.3 前台商城系统 48
6.3.1 商城首页模块 48
6.3.2 登录模块 49
6.3.3 商品列表模块 50
6.3.4 购物车模块 51
6.3.5 我的订单模块 53
6.3.6 个人信息模块 53
6.4 本章小结 54
7 系统测试 55
7.1 系统功能测试 55
7.1.1 后台管理系统 55
7.1.2 前台商城系统 56
7.2 本章小结 56
结 论 59
致 谢 61
参考文献 62
