本文介绍了使用Java SpringBoot框架开发的调料品网上商城系统，系统涵盖了用户登录购买、商品展示、购物车管理、后台订单处理等功能。采用B/S模式，前端基于Vue.js，后端基于SpringBoot，数据库使用MySQL，实现了从需求分析到系统设计、实现和测试的全过程。系统旨在提供便捷的购物体验，同时方便后台管理。
摘 要
从上世纪末到目前，计算机科学技术已经被尝试应用在各个职业各个领域，在商业贸易上，使用比重较高。计算机科学技术包括软件技术、网络技术、硬件技术等，越来越多的商家使用计算机来进行营业，出售、收购、宣传各类商品，各类商业系统、软件解放了商家的双手，使商家把利益最大化，因此计算机技术在商业领域中占非常重要的地位。电子商务交易是卖家卖出东西，买家得到东西的过程，同时推广推销产品，为顾客提供购买服务。卖家不需要开店费用，节省了很多费用，从而将精力人力投入在销售质量和服务上。
调料品网上商城系统采用Java编程语言，结合前段界面和MVC技术，在Myeclipse编辑器和Mysql数据库上设计并实现的。目的在于呈现一个完整的交易系统，供各种用户使用，系统着重实现了商品发布、出售、交易的功能。
关键词：基于B/S模式；网络销售；订单处理
Spring boot condiment online shopping mall system
Abstract
From the end of the last century to the present, computer science and technology have been tried to be applied in various professions and fields, with a high proportion in commercial trade. Computer science and technology include software technology, network technology, hardware technology, etc. More and more businesses use computers to carry out business, sell, purchase, and publicize various commodities. All kinds of business systems and software have liberated the hands of businesses, enabling businesses to maximize their interests, because computer technology plays a very important role in the business field. E-commerce transaction is a process in which sellers sell things and buyers get things. At the same time, it promotes and sells products and provides customers with purchasing services. The seller does not need to open the store, which saves a lot of money, so they put their energy and manpower into the sales quality and service.
The condiment online shopping mall system is designed and implemented on the Myeclipse editor and MySQL database using Java programming language, combined with the previous interface and MVC technology. The purpose is to present a complete trading system for various users. The system focuses on the functions of commodity release, sale and trading.
Key words: based on B/S mode; Network sales; Order processing
目 录
1.1课题背景
随着国内产业环境和消费市场的成熟，商品销售尤其是以商品为代表的网络销售将在今年实现更大发展。
根据预测，2020年我国商品销售交易将同比增长135.1％，交易总量将达1263亿，形成了中国商品销售的快速增长浪潮。其中，消费人群成为推动此浪潮的一大主力。究其原因，除了该人群对网络销售等新兴的商业模式接受程度较高之外，相比其他细分行业，商品销售有着更加完备的产业链条和发展后劲，为其高速增长提供了保障。
网络新型的消费方式给人们生活带来了巨大的改变，更重要的是大大改变了传统的消费行为习惯，无论是否想在网上购买东西，上网查询各种商品的相关信息，已经成为人们生活不可缺少的一部分。
1.2目的和意义
随着Internet网络的普及、电子商务的迅猛发展以及人们生活和消费观念的改变，网络购买商品以其内容丰富、方便、快捷、低成本等优势越来越被广泛使用。 对于一个商务型企业来说，电子商务系统是其生存的理由和基础，同时也是企业对外展示信息、从事商务活动的窗口和界面。
本题目拟实现整个购买模块，实现游客浏览商品，查看商品信息的功能，实现登录用户的购买功能，完成继续购买、结账和清空清单等功能。
1.3本文结构
本文的内容包括开发本系统的目的和意义、开发所用的到技术和和方法、系统的需求分析、系统的总体分析、系统的数据库设计、系统的实现过程、系统的编码设计、系统测试等。本文重点描述了系统的组成结构和功能结构，描述了一个系统从无到有的过程，实现了系统的所有功能。最后通过系统测试验证系统的可靠性和可用性。
2.1开发技术说明
本系统前端部分基于MVVM模式进行开发，采用B/S模式，后端部分基于Java的springboot框架进行开发。
前端部分：前端框架采用了比较流行的渐进式JavaScript框架Vue.js。使用Vue-Router和Vuex实现动态路由和全局状态管理,Ajax实现前后端通信，Element UI组件库使页面快速成型，项目前端通过栅格布局实现响应式，可适应PC端、平板端、手机端等不同屏幕大小尺寸的完美布局展示。
后端部分：采用springboot作为开发框架，同时集成MyBatis、Redis等相关技术。
2.2开发技术简介
面向对象的出现以及软件工程不断规范化，原本的双层架构已经不能满足开发者的效率上需求，因为在代码上的封装、移植、扩展、复用等操作使得双层架构难以招架，因此才有三层架构的出现，问题迎刃而解。什么叫三层架构呢？指的是表示层、组件层、数据访问层。组件层是双层架构没有的，它的加入，把复杂的问题分解得更简单、明了，通过组件层，实现控制数据访问层，这样达到功能模块易于管理、易于访问等目的，例如在一个系统的登录功能上，开发者可以分为登录界面模块，登录控制器模块、登录数据访问查询模块等三个模块，登录界面指的是表示层，登录控制器就是组件层，它将开发者的逻辑思想实现出来，然后调用数据访问层，登录数据访问查询模块就是数据访问层。
表示层又叫UI层，指的是用户和软件的交换界面，是可视化的，例如安卓app的xml布局文件和网页的html文件等。在基于B/S模式中，有两个方面的优势。一，使用浏览器作为客户端的操作界面，它的优点是用户界面统一，用户操作便利。二，对于软件开发人员来说，可以将开发的重点放在后台事务的处理方面，前台的细节可以忽略，这样可以大大的提高了系统开发的效率。另外，系统必须拥有良好的界面，一方面考虑到系统用户的操作便利，另一方面考虑到系统的动态性。一般系统的主要界面包括以下几个组成部分：系统登陆界面、系统主界面、各个主要功能模块的界面等。
业务逻辑层（Business Logic Layer）主要负责数据传递的功能。一方面，业务逻辑层响应用户表示层的请求后，从数据访问层中获取所需要的数据，接着在表示层中显示出来。另一方面，业务逻辑层可以接受表示层提交的数据进行业务逻辑的处理，然后提交给数据访问层，实现数据的增删改等数据操作，实际上，业务逻辑层起到连接表示层和数据访问层的作用。
数据访问层（Data access layer）是系统的最基本的层次，用来与数据库进行数据交换，包括数据的增删改查等操作，显然如果没有数据访问层，软件将只是个空壳，可以说数据访问层是软件的灵魂，当今软件的开发过层中，数据访问层基本都可以自动生成数据操作的逻辑代码，节省了开发人员的开发时间。
B/S模式也就是浏览器/服务器模式，它的界面部分是在浏览器端展示，而主要工作是由服务器端进行实现的，用户的请求由浏览器端提交给服务器端进行处理，而服务器将处理结果反馈给浏览器端，在浏览器端界面描画给用户查看。采用B/S模式不仅可以避免用户必须安装专业软件才能开发系统或者访问系统的局限性，而且更加便利。
2.3 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的新特性糅合进去，以应对客户日益复杂的需求变化。
3.1业务流程分析
系统业务流程分析：
根据系统的功能需求，再分析该系统的业务流程，用户登录系统购买商品，先将商品加入至购物车，然后对购物车做调整，接着生成订单，订单生成后，在线支付金额，管理员管理商品，管理用户的订单。
系统前台业务流图如下图所示。
图3-1系统前台业务流图
系统后台业务流图如下图所示。
图3-1系统后台业务流图
3.2可行性分析
3.2.1经济可行性
本系统最直接的目的就是让客户购买商品，为达到这一理念，首先设计了平台提供给用户购买商品，系统还提供清新的界面来吸引用户眼球。使用本系统可以直接为用户提供方便，不需要花太多的时间、精力、经费去宣传商品。系统直接向用户展示商品信息，让用户随心选购，放心使用。整个系统只需要后台管理员操作和配送员，比起传统的商品销售方便、简单、人员需求少，可以为企业节省开支，节省人力资源。系统为用户提供留言回馈让用户对商家服务满意，从而为商家增加客户，扩大市场。系统集多功能与一体，系统开发却不需要企业提供太多的人力物力资源，所以该系统投入市场，可以获得良好的口碑，为企业带来经济效益，绝对有经济可行性。
3.2.2技术可行性
本系统主要采用了Java开发语言，编程语言包括HTML+CSS、JSP、Javascript，技术可行性分析的目的是确认使用现有的技术能否实现系统以及对开发效率和完成情况的评估。技术的可行性是指在当今所拥有的技术条件之下，计算机软件和硬件的发展能否够满足发展的要求。由于本系统开发基于Java语言，在一般的计算机上就能够满足开发本系统所需要的软硬件条件；因为它占用的内存本来就相对较少，所以用Mysql数据库对软件的开发以及设计在理论上没有问题的原因是：它占用的内存实在是太少了。系采用以上技术可以有效的保证系统成功及高效地开发。
综上从技术可行性上来讲，使用这些技术完全可以实现这个系统的开发。
3.2.3操作可行性
调料品网上商城系统是基于B/S模式，同时所有的信息都是以网页的形式展示，系统中的信息都可以在后台操作数据库达到数据更新的效果。用户只需要会计算机的基本操作或者会上网就可以使用本系统，系统管理员只需要懂得数据的添加、删除、修改，即可操作管理后台。系统布局较简单，功能操作不复杂，完全符合现代市场需求。因此本系统可以进行开发。
3.3需求分析
通过现实商业销售系统的调查，如淘宝网、当当网、京东等知名电子商务系统，以及从企业的实际角度出发，要求本系统具有以下功能。
- 统一友好的操作界面，保证系统的易用性，方便用户的操作；
- 具备商品信息的展示功能，方便浏览者对商品信息进行浏览与比较；
- 规范的商品分类，方便浏览者分类查找商品；
- 完善的购物车功能与用户结账功能；
- 设置系统主要商品模块，使浏览者能够及时了解系统的各项动态变化；
- 商品评论功能；
- 订单信息查询功能、商品信息查询功能；
- 全面的后台管理功能，以方便管理员对系统信息进行更新与管理。
9.系统前台功能模块分为：
商品模块：展示系统的所有最新商品；
推荐商品模块：展示系统的所有推荐商品；
商品分类模块：通过商品分类更快找到所需的商品；
商品索引模块：输入关键词，如商品名称、商品ID、商品类别来索引商品。
用户购物车模块：跟淘宝、京东等大型电子商务网站一样，将商品放入用户购物车，从而管理用户购物车里的商品。
订单上交模块：跟淘宝、京东等大型电子商务网站一样，确认购物车的商品后，提交用户订单，然后确认收货地址和收货人、联系电话等，方可付款。
用户订单索引模块：对用户的已有的订单进行查看和索引。
商品评论模块：用户可以对自己购买过的商品进行评论。
用户注册模块：浏览者可以通过注册成为用户；
用户登录模块：用户可以登录后购买想要的商品；
用户资料修改：用户可以修改自己的信息。
10.系统后台功能模块分为:
商品信息管理模块：管理各商品信息，对商品的信息进行维护，可以增加商品，修改，删除商品信息；
系统用户维护模块：包括注册用户维护和系统管理员用户维护，普通管理员能对注册用户维护，不能对系统管理员用户维护，只有超级管理员才有维护管理员的权限。
订单维护模块；对用户的交易订单进行维护，是否有刷单等不合理订单，删除不合理的订单等操作。
公告管理模块：可以管理分类信息，增加和删除公告信息；
评论管理模块：管理员可以查看用户的评论，对评论进行维护。
3.4数据流程分析
系统的0层数据流图如下图所示。
图3-2系统数据流图（0层）
系统1层数据流图如下图所示。
图3-3系统数据数据流图（1层）
订单管理数据流图如下图所示。
图3-4订单管理数据流图（2层）
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数据库中共分为如下几张数据表。
1．商品信息表
此表用于记录系统所有商品的基本信息，是与商品相关联的商品的类别表。如下表所示。
| article_type |
|||||
| 字段名称 |
类型 |
长度 |
不是null |
主键 |
字段说明 |
| type_id |
smallint |
5 |
是 |
主键 |
分类ID |
| display |
smallint |
4 |
是 |
显示顺序 |
|
| name |
varchar |
16 |
是 |
分类名称 |
|
| father_id |
smallint |
5 |
是 |
上级分类ID |
|
| description |
varchar |
255 |
否 |
描述 |
|
| icon |
text |
0 |
否 |
分类图标 |
|
| url |
varchar |
255 |
否 |
外链地址 |
|
| create_time |
timestamp |
0 |
是 |
创建时间 |
|
| update_time |
timestamp |
0 |
是 |
更新时间 |
|
| cart |
|||||
| 字段名称 |
类型 |
||||
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
