【文档+源码+调试讲解】国风彩妆网站springboot

摘  要

二十一世纪我们的社会进入了信息时代，信息管理系统的建立，大大提高了人们信息化水平。传统的管理方式对时间、地点的限制太多，而在线管理系统刚好能满足这些需求，在线管理系统突破了传统管理方式的局限性。于是本文针对这一需求设计并实现了一个基于springboot国风彩妆网站，为了简捷并有效的解决购买商品各方面的问题。

本文讲述了国风彩妆网站。结合电子管理系统的特点，分析了国风彩妆网站的背景，给出了国风彩妆网站实现的设计方案。

本论文主要完成不同用户的权限划分，不同用户具有不同权限的操作功能，在用户模块，主要有用户进行注册和登录，用户可以实现查看商品信息、彩妆资讯、网站留言，还能修改个人信息等；在管理员模块，管理员可以对用户、商品信息、系统和订单等进行相应的操作。

关键词：国风彩妆网站；springboot框架 ；

Abstract

In the 21st century, our society has entered the information age. The establishment of information management system has greatly improved people's information level. The traditional management mode has too many restrictions on time and place, and the online management system can just meet these requirements. The online management system breaks through the limitations of the traditional management mode. So this paper designs and implements a national style makeup website based on spring boot to meet this demand, in order to solve the problems of purchasing goods in a simple and effective way.

This article describes the national style makeup website. Combined with the characteristics of the electronic management system, this paper analyzes the background of the Guofeng cosmetics website, and gives the design scheme for the implementation of the Guofeng cosmetics website.

This paper mainly completes the division of permissions of different users. Different users have different operation functions of different permissions. In the user module, users can register and log in. Users can view commodity information, makeup information, website messages, and modify personal information; In the administrator module, the administrator can perform corresponding operations on users, commodity information, systems and orders.

Key words: Guofeng makeup website; Spring boot framework;

目  录

摘  要

Abstract

1绪 论

1.1 课题背景

1.2 选题的目的与意义

1.3 初步设计方法与实施方案 2

1.4 本文研究内容 2

2 关键技术介绍 3

2.1 Java语言 3

2.2 Vue简介

2.3 MySQL数据库

2.4 Spring Boot框架

3 系统分析

3.1可行性分析

3.1.1系统可行性分析 7

3.1.2技术可行性分析 7

3.1.3 操作可行性分析 7

3.1.4运营可行性 8

3.1.5法律可行性 8

3.2 需求分析 9

3.3系统用例图 9

3.4系统流程的分析 9

3.4.1 用户管理的流程 10

3.4.2 个人中心管理流程 10

3.4.3 登录流程 11

4系统设计

4.1 软件功能模块设计

4.2 数据库设计

4.2.1 概念模型设计

4.2.2 数据表

5 系统功能实现 15

5.1前台用户模块实现 19

5.2后台管理员模块实现

6系统测试

6.1系统测试结论 31

结  论

致  谢

参考文献

1绪 论

1.1 课题背景

21世纪以来，随着科学技术的飞速发展，人们对信息的要求越来越高，于是传统的信息技术越来越难以满足人们的要求。国风彩妆网站通过计算机技术进行信息管理，完善平台与用户之间的关系，有助于提高工作效率，实现信息化管理[1]。此次设计的系统不仅利于管理员总体负责整体系统的运行维护，统筹协调，同时也方便用户随时查询商品信息、彩妆资讯、网站留言等，国风彩妆网站的开发很好地解决了这一问题，同时也为用户提供方便的信息获取渠道。

1.2 选题的目的与意义

本文研究的目标是通过对各种功能单元进行最优的整合，从而达到对各种管理的具体要求，从而最大限度地提高本行业的自动化和信息化水平，从而使得国风彩妆网站更清楚、更透明。操作简单，管理方便，可以实现自动检测，减少了国风彩妆网站的错误。国风彩妆网站最大的特色在于信息的处理，因为它涉及到大量的信息，而且涉及到的各种类型和复杂的管理，使得整个过程更加的繁琐。它们之间的联系很复杂，而且数据的检索和分析方式也很复杂。在以往的传统国风彩妆网站中，以上各项工作都是非常繁杂和繁琐的。由于在进行数据的加工时，往往会发生信息的反复传输和丢失，所以必须引进电脑进行信息的管理，以达到改善工作者管理工作的效果。

该软件满足了时代的变化，满足了用户的需求，充分发挥了网络的交互和实时性，提供了方便、快捷、舒适的服务，使用户能够及时掌握最新的信息，使用户能够及时掌握最新的数据，并能有效地提升用户的服务水平。本制度的优势在于：

（1）该系统将商品信息及时地提供给使用者。使用者可以在任何时候登陆该网站查询相关资讯，所有资讯均真实可信，并严肃处理各项事务，确保使用者权益得到切实保障。

（2）该系统网页的界面结构简洁，便于使用者使用。

（3）系统更新方便，成本低廉，能够与用户进行双向的信息交换，能够适应市场的发展，并能吸引到越来越多的用户[2]。

1.3 初步设计方法与实施方案

软件体系结构方案：由于本系统需要在不同设备上都能运行，而且电脑配置要求也要越低越好，为了实现这一要求，经过考虑B/S架构成为最佳之选。使用B/S架构的系统可以几乎在任何电脑上运行，只要浏览器可以正常工作就可以正常运行该系统，而且后期维护及二次修改较为容易，符合要求。

操作系统方案：Windows10操作系统，该系统是目前微软公司推出的最新系统，目前大多数市面上的电脑都使用该系统，并且该系统功能完善，兼容性好。开发工具：选用 Eclipse，Java开发语言springboot框架，MySQL数据库。

1.4 本文研究内容

该系统以 B/S架构为基础，通过 Mysql技术，实现了对数据的查询与存储，保证了工作的正常、高效，提高了工作效率。主要的工作包括：

（1）本系统界面简洁明了，便于使用者进行操作。Eclipse提供了可视化的程序设计，大多数的功能都可以由控制程序来实现，并且用户可以很容易地进行各种操作。

（2）本系统分为二部分，能够满足管理人员与使用者的不同需要。该系统的使用者有：管理员及用户[3]。

2 关键技术介绍

2.1 Java语言

Java是一种在Web应用开发中得到广泛使用的脚本语言，经常被用来对用户的相关行为做出反应。它还具有面向对象的设计能力，使设计开发过程更加直观和模块化，并在HTML基础上进行交互Web页面的开发。这种脚本语言的问世，使用户与页面之间的实时、动态交互成为现实，丰富了页面的内容，增强了页面的活力。另外，Java技术也被广泛地运用于该系统，比如对用户输入的数据进行检测，以保证其有效性。Java技术可以在不依赖Web服务程序的基础上在本地客户机上运行。从而有效地解决了因网络速度所带来的迟缓问题，使用户能够更加顺畅、快捷地进行访问。一些功能，比如用户的数据输入，可以通过JavaScript这样的客户语言来完成。该系统采用Java客户机进行用户身份认证，确保了系统的安全性和可靠性。

2.2 Vue简介

VUE是一套用于构建用户界面的渐进式框架。为了实现前后端分离的开发理念，开发前端 SPA（single page web application） 项目，实现数据绑定，路由配置，项目编译打包等一系列工作的技术框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动. 

2.3 MySQL数据库

网站的发展必须与数据库相配套,数据库有一定的组织结构,可以存储和管理的数据信息,在过去的数据库的功能只是数据保存和管理操作,但时代的变化和发展,现在数据库已经演变成一种数据处理、数据库从一开始简单的存储的数据表信息现在可以存储成千上万的大型数据库中的数据,或者经历了很多改革。

本管理系统开发使用的数据库是MYSQL数据库，数据库运行速度快，安全性能也很高，而且使用平台没有任何限制，所以应该广泛的输送到系统的开发中去。MySQL是一个开源和多线程关系管理数据库系统,MySQL数据库是开源的,跨平台的阻力,尽管不是强大,导致很多人都知道的基本应用程序数据库在数据库中,每个表是对应的,每个都有自己的连接,数据库具有重要意义,你不能运行一个程序没有数据库的链接,你可以看到数据库和程序是多么重要,他们是如何紧密相连的。

2.4 Spring Boot框架

Spring Boot是近几年最为流行的后台开发框架，它的诞生一改过去Spring框架开发中繁琐的配置，极大地简化了Spring应用的搭建和开发。Spring Boot框架不仅保有了Spring框架中的所有优秀特性，还通过使用特定的配置方式，在底层帮助开发人员在工程创建是就预先做了很多配置，这样在开发时就不再需要开发人员过多进行繁琐的配置了。另外在Spring Boot中集成了大量框架，这就使得开发人员不再需要到处寻找在导入开发中需要依赖的jar包，同时也解决了依赖包版本冲突问题，从而提高了依赖包引用的稳定性，从而实现了对Spring应用搭建和开发过程的简化。

3 系统分析

3.1可行性分析

在开发一个新的软件之前，必须要进行一个系统的可行性研究，以最大限度地利用这个问题。以下我们将从系统，技术，操作、运营、法律等方面来决定该体系的发展[4]。

3.1.1系统可行性分析

利用计算机支持高效率完成国风彩妆网站的日常事务，是适应现代化制度要求、推动信息管理系统走向科学化、规范化的必要条件；同时计算机有着手工管理所无法比拟的优点。例如:检索迅速、查找方便、可靠性高、存储量大、保密性好、寿命长、成本低等。这些优点能够极大地提高国风彩妆网站的效率,也是本系统信息化的重要条件[5]。

3.1.2 技术可行性分析

国风彩妆网站在使用电脑和信息分析系统这些设计没有硬性要求，电脑只要是可以正常使用的话，那么代码和页面设计就是可行的。要求高的主要是服务器，平台上传服务器一定要选择性价比高和安全性高的，打开网站一定要顺滑不卡顿，所以硬件也是可行的[6]。

3.1.3 操作可行性分析

将根据管理系统中的用户体验和管理员的效率来分析该措施的可行性。管理人员和用户都可以通过简单的操作登录进对应的系统页面，方便用户搜索业务信息和管理人员管理数据，不需要特别懂电脑的人也可以轻松访问系统模块。该系统已完全投入使用[7]。

3.1.4运营可行性

可操作性是指将系统开发所涉及到的所有功能全都实现，代码收尾工作完成后对用户消费水平，系统的业务能力是否与用户消费水平所对等，是否可以满足大部分消费者的需求，页面是否美观，能否让用户满意，代码显示是否为轻量级，操作和功能是否简单便捷，是否同时适用于小孩，成人和老人。系统能否同时应用于windows、linux等操作系统，这取决于系统的可移植性。JAVA 编程语言的适应性非常强，基本上能够较好的适应目前市场环境中所流行的各个平台。也就是说Java的可移植性很强，那么系统的价值越高，可行性也就越强。

3.1.5法律可行性

该国风彩妆网站是面向大众开源化和不收取任何费用的。它的主要目的是帮助人们解决购买商品问题。完全符合法律可行性要求，系统内部权限划分不会导致内部用户泄露系统机密。对于用户信息，系统有保护措施，用户密码在数据库中加密，并有严格的自我控制和商品价格解释。

3.2 需求分析

需求分析的首要是要分析用户的需求，知道用户存在的一些情况，并且要明确用户的使用状况，然后设计规划解决的问题。其中在使用定性的分析以及定量的分析，从这两个方面获取用户的需求。一方面定性的分析获得的应该是用户的基本需求，能够发现现在人们的习惯要求。所以定性的需要主要是为了多与用户交流，从而更为深刻的了解一些存在的需求问题；定量的分析则是发现一些潜在的用户，并且获得不一样的反馈内容。所以定量的需求要让用户来阐述一些情况，一定让使用者清晰的进行客观的描述，这样才能够比较全面的获得用户的需求所在。

其中获得用户需求以后，就要可以将用户需求设计为国风彩妆网站的功能模块。在能及时的分析和发现有关需求的情况下，需要系统同时的跟进需求设计。在国风彩妆网站过程中还需要创建需求工作的数据分析，以便于后面的分析做总结。写入一个需求的报告内容，其中需要包含完整的描述需求、以及功能需求、模型等后续开发过程中还需要用到的部分资料。

需求的分析中用户需求就是比较的重要，而且可以通过各种的路径，以及各用户对于系统的功能需求，你需要对这些内容做出整理以及分类，然后分析这些需求的现实情况下的可能原因，还需要有认真的分析过程，结合现实的情况下最终做出一系列的需求资料。在有关用户的期望分析中能够明确一些可能实现的情况，国风彩妆网站功能是许多个可以测试的功能相结合的，正是由于这些功可以使得用户能够更加积极的提供出需求，让系统功能可以变得更加的完善。这样就可以保证所有设计的功能模块都是可以用到的，而且也是可测试的，对于后续系统的开发能够有比较关键的作用，也能快速完成用户所提供的需求。

     这个阶段所要求做的就是将上述的分析具体化，设计出能满足预定目标系统的过程。从粗到细，根据程序结构化设计的要求，把整个项目分为二个用户角色，分别是管理员与用户。在具体的功能模块设计上，二个角色的功能又不尽相同[8]。作为系统实施的基础，系统设计的作用尤为重要。

3.3系统用例图

国风彩妆网站可以将功能划分为用户的使用功能和管理员功能。

（1）用户关键功能包含用户注册登录，商品信息、彩妆资讯、网站留言、购物车等有关信息，并进行详细操作。用户用例如下：

图3-1 用户用例图

（2）管理员的权限是最高的，可以对系统所在功能进行查看，修改和删除，包括用户功能。管理员用例如下：

   图3-2管理员用例图

3.4系统流程的分析

3.4.1 用户管理的流程

用户管理包括：添加用户信息，查看用户信息，修改用户信息，删除/激活用户信息。添加用户信息后设置用户信息的参数，如果参数合法，保存用户信息，否则需要重新设置参数；查询用户信息需要输入查询关键字，然后返回查询信息；查看用户信息就可以查看详细的信息；修改用户信息需要修改参数，如果修改后的参数合法，保存用户信息，否则需要重新修改参数；删除/激活用户信息后删除/激活用户信息成功[9]。用户管理的流程如图3-3所示。

图3-3 用户管理流程

3.4.2 个人中心管理流程

进入主页面后点击个人中心查看，点击修改密码进入修改密码页面，输入原密码和新密码，判断是否符合要求，如果符合要求即可保存，否则需要重新输入。个人中心管理流程如图3-4所示[10]。

图3-4 个人中心管理流程

3.4.3 登录流程

进入登录界面后，输入用户名和密码，选择角色后验证，如果正确进入主界面，否则需要重新输入。登录流程如图3-5所示[11]。

图3-5 登录流程

4系统设计

4.1 软件功能模块设计

国风彩妆网站分为二个模块，分别是管理员功能模块和用户功能模块。管理员功能模块包括：用户管理、商品分类管理、商品信息管理、系统管理、订单管理功能，用户功能模块包括：商品信息、彩妆资讯、网站留言、购物车，网站总体功能如下图所示[12]。

图4-1国风彩妆网站总体功能模块图

4.2 数据库设计

4.2.1 概念模型设计

概念模型是对现实中的问题出现的事物的进行描述，ER图是由实体及其关系构成的图，通过E-R图可以清楚地描述系统涉及到的实体之间的相互关系。

用户信息包括：用户账号、用户姓名、性别、年龄、头像。

用户信息实体图如图4-2所示。

图4-2用户信息实体图

商品信息包括：商品编号、商品名称、生产地、品牌、商品分类、商品图片、价格。

商品信息实体图如图4-3所示。

图4-3商品信息实体图

购物车包括：商品表名、用户id、商品id、商品名称、图片、购买数量、单价、会员价、商品类型。

购物车实体图如图4-4所示。

图4-4购物车实体图

订单信息包括：订单编号、商品名称、商品图片、购买数量、价格、折扣价格、总价格、折扣总价格、支付类型、状态、地址、电话、收货人、备注、商品类型、下单时间。

订单信息实体图如图4-5所示。

图4-5订单信息实体图

4.2.2 数据表

学习程序设计，如果要了解数据库管理系统或者是根据需求而制定的系统接口，就必须创建一种数据库管理系统的模式，用来保存数据资料，这样当在应用编程过程中时候，就不需要再向操作系统页面上加载信息，进而增加了整个系统的工作效率。信息库管理系统中保存着许多数据，应该说是一个管理信息系统建设的中心和基础，而信息库管理系统也为管理信息系统建设提出了新增、删除、更改和搜索的操作功能，使管理信息系统建设能够迅速地查询所需要的数据，而不会直接从程序代码中查找。信息库管理系统通过将信息表的各个组成部分按照特定的方法准确地合并，排序和组成信息库管理系统。

本系统采用的是MySQL数据库存储数据，系统中使用到的主要数据表的具体展示部分如下所示。

表4-1：商品信息评论表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
refid	bigint		关联表id
userid	bigint		用户id
avatarurl	longtext	4294967295	头像
nickname	varchar	200	用户名
content	longtext	4294967295	评论内容
reply	longtext	4294967295	回复内容

表4-2：配置文件

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
name	varchar	100	配置参数名称
value	varchar	100	配置参数值

表4-3：用户表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
username	varchar	100	用户名
password	varchar	100	密码
role	varchar	100	角色		管理员
addtime	timestamp		新增时间		CURRENT_TIMESTAMP

表4-4：购物车表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
tablename	varchar	200	商品表名		shangpinxinxi
userid	bigint		用户id
goodid	bigint		商品id
goodname	varchar	200	商品名称
picture	longtext	4294967295	图片
buynumber	int		购买数量
price	float		单价
discountprice	float		会员价
goodtype	varchar	200	商品类型

表4-5：token表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
userid	bigint		用户id
username	varchar	100	用户名
tablename	varchar	100	表名
role	varchar	100	角色
token	varchar	200	密码
addtime	timestamp		新增时间		CURRENT_TIMESTAMP
expiratedtime	timestamp		过期时间		CURRENT_TIMESTAMP

表4-6：地址

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
address	varchar	200	地址
name	varchar	200	收货人
phone	varchar	200	电话
isdefault	varchar	200	是否默认地址[是/否]

表4-7：关于我们

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
subtitle	varchar	200	副标题
content	longtext	4294967295	内容
picture1	longtext	4294967295	图片1
picture2	longtext	4294967295	图片2
picture3	longtext	4294967295	图片3

表4-8：关于我们

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
subtitle	varchar	200	副标题
content	longtext	4294967295	内容
picture1	longtext	4294967295	图片1
picture2	longtext	4294967295	图片2
picture3	longtext	4294967295	图片3

表4-9：用户

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
yonghuzhanghao	varchar	200	用户账号
mima	varchar	200	密码
yonghuxingming	varchar	200	用户姓名
xingbie	varchar	200	性别
nianling	varchar	200	年龄
touxiang	longtext	4294967295	头像
money	float		余额		0

表4-10：收藏表

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		用户id
refid	bigint		商品id
tablename	varchar	200	表名
name	varchar	200	名称
picture	longtext	4294967295	图片
type	varchar	200	类型(1:收藏,21:赞,22:踩,31:竞拍参与,41:关注)		1
inteltype	varchar	200	推荐类型
remark	varchar	200	备注

表4-11：商品信息

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
shangpinbianhao	varchar	200	商品编号
shangpinmingcheng	varchar	200	商品名称
shengchandi	varchar	200	生产地
pinpai	varchar	200	品牌
shangpinfenlei	varchar	200	商品分类
shangpintupian	longtext	4294967295	商品图片
shangpinxiangqing	longtext	4294967295	商品详情
price	float		价格

表4-12：商品分类

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
shangpinfenlei	varchar	200	商品分类

表4-13：订单

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
orderid	varchar	200	订单编号
tablename	varchar	200	商品表名		shangpinxinxi
userid	bigint		用户id
goodid	bigint		商品id
goodname	varchar	200	商品名称
picture	longtext	4294967295	商品图片
buynumber	int		购买数量
price	float		价格		0
discountprice	float		折扣价格		0
total	float		总价格		0
discounttotal	float		折扣总价格		0
type	int		支付类型		1
status	varchar	200	状态
address	varchar	200	地址
tel	varchar	200	电话
consignee	varchar	200	收货人
remark	varchar	200	备注
logistics	longtext	4294967295	物流
goodtype	varchar	200	商品类型

表4-14：彩妆资讯

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
title	varchar	200	标题
introduction	longtext	4294967295	简介
picture	longtext	4294967295	图片
content	longtext	4294967295	内容

表4-15：网站留言

字段名称	类型	长度	字段说明	主键	默认值
id	bigint		主键	主键
addtime	timestamp		创建时间		CURRENT_TIMESTAMP
userid	bigint		留言人id
username	varchar	200	用户名
avatarurl	longtext	4294967295	头像
content	longtext	4294967295	留言内容
cpicture	longtext	4294967295	留言图片
reply	longtext	4294967295	回复内容
rpicture	longtext	4294967295	回复图片

5 系统功能实现

5.1前台用户模块实现

当游客打开系统的网址后，首先看到的就是首页界面。在这里，游客能够看到国风彩妆网站的导航条显示首页、商品信息、彩妆资讯、网站留言、购物车等，系统首页界面如图5-1所示：

图5-1 系统首页界面

当用户进入系统进行相关操作前必须进行注册、登录，用户注册、登录界面如图5-2所示：

图5-2 用户注册、用户登录界面

用户点击商品信息，在商品信息页面的搜索栏输入商品编号、商品名称，进行查询，还可以查看商品编号、商品名称、生产地、品牌、商品分类、商品图片、价格等信息，然后添加到购物车、立即购买、收藏或者评论等操作，如图5-3所示：

图5-3商品信息页面

购物车:用户将想要购买的商品加入购物车，加入购物车后可以增减数量、删除、点击购买，可一键清除失效商品，如图5-4所示：

图5-4购物车页面

网站留言的实现：主要是通过留言板可以让用户去进一步的与管理员进行沟通，可以去提出自己的想法或者自己所面临的问题等，如图5-5所示：

图5-5网站留言页面

5.2后台管理员模块实现

管理员登录，在登录页面正确输入用户名和密码后，点击登录操作；如图5-6所示。                               

图5-6 管理员登录界面

管理员进入系统主页面，主要功能包括对系统首页、个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等进行操作。

源码\ /   
文心海资源库