基于Springboot的美妆平台的设计与实现/销售网站/销售管理系统

基于Springboot的美妆平台的设计与实现

［摘 要］近年来，随着网络产业的飞速发展，人们的日常生活和工作方式也随之发生变化。许多企业正在把常规的工作方式与因特网相融合，借助因特网的力量来提升管理者的工作能力。当前很多美妆平台工作都有很多问题，所以针对美妆平台 的实际情况，提出可以针对美妆平台的应对办法，设计了一套能够有效地提升管理员工作效率的系统。

本文所用的开发框架是Springboot，以MySQL为主要数据源，并且使用了开发工具idea。在实施美妆平台 前，首先要了解美妆平台的主要作用是什么，然后编写相应的体系结构，然后由软件开发人员来编写代码来实现，然后再使用一个测试案例来检验这个体系，然后再按照自己的选择来进行系统的优化。

［关键词］美妆平台；Springboot；MySQL；idea

Design and implementation of beauty platform based on Springboot

Abstract:In recent years, with the rapid development of the network industry, People's Daily life and work have also changed. Many enterprises are integrating routine work methods with the Internet to enhance the ability of managers with the power of the Internet. At present, there are many problems in the work of many beauty makeup platforms. Therefore, according to the actual situation of beauty makeup platforms, this paper puts forward countermeasures for beauty makeup platforms and designs a set of system that can effectively improve the work efficiency of administrators.

The development framework used in this paper is Springboot, MySQL is used as the main data source, and the development tool idea is used. Before the implementation of the beauty platform, it is necessary to first understand the main role of the beauty platform, then write the corresponding architecture, and then software developers to write code to realize, and then use a test case to test the system, and then according to their own choice to optimize the system.

Key words: beauty platform; Springboot; MySQL; idea

目    录

目    录

1 绪论

1.1 研究背景

1.2 研究意义

1.3 主要内容

2 相关技术分析

2.1 Java介绍

2.2 Vue框架

2.3 MySQL数据库

2.4 SpringBooot框架

3 需求分析

3.1 可行性法分析

3.2 网站功能要求

3.3 性能需求

4 系统的设计

4.1 系统功能结构

4.2 功能模块

4.3 数据库设计

5 系统的实现

5.1 登录

5.2 用户管理

5.3 美妆产品管理

5.4 笔记作品管理

5.5 订单管理

5.6 美妆产品展示

5.7 美妆产品详细信息

5.8 笔记作品展示

5.9 笔记作品详细信息

6 系统测试

6.1 测试概述

6.2 基本功能测试

6.3 测试结果

7 总结与展望

7.1 总结

7.2 展望

参  考  文  献

致    谢

1 绪论

1.1 研究背景

网络的发展，已经过去了七十多年，网络技术飞速的发展，将会影响到人类的方方面面，网络的出现，让各行各业都得到了极大的发展。

现在许多的产业都与因特网息息相关，特别是在网络的年代，美妆管理也越来越流行。我国的美妆平台制度已经发展了相当长的一段时期，其类型也各不相同。很多人都希望能够为自己量身定做一些特殊的系统，所以这个市场有着很大的发展空间。

（1）与常规工作方式相比，该系统可以有效地改善管理员的管理和减少错误的发生。通过编译后的美妆平台的功能可以极大地减少管理员管理失误的几率，当管理员在管理系统时出现了差错时，会有相应的提醒。

（2）利用美妆管理体系进行管理，可以减少费用，节约大量的时间和人员，使管理者更好地控制和控制[1]。

1.2 研究意义

随着科技的进步，网络的应用越来越广泛，越来越多的企业开始加速对网络的投资。不过，在和美妆平台的工作人员交流之后，才知道美妆管理依然是手工操作，无法有效地发挥网络技术的作用。建立一个标准化的过程，可以对美妆进行管理，但是现在的美妆管理，却是靠着管理员的双手来管理，随着美妆行业的智能化，随着科技的进步，越来越多的美妆管理，都需要通过信息化来管理，在日常工作中也有很多需要技术支持的情况出现[2]。

1.3 主要内容

（1）本文提出了一套基于美妆平台的实现方法，根据总体的软件开发过程进行了初步的调查和研究，以决定该软件是否能够正常实现，技术是否可行，以及系统各功能组件的设计与开发，最终选定所采用的技术及实现方案。

（2）框架是一种由编程人员所提供的一组函数，它可以帮助开发者迅速建立起一个软件体系结构和重用能力，这个平台采用了一个开放源码的框架，它可以让开发者更快地建立起一个基础的开发框架，它可以让开发者在开发过程中，降低开发的困难，提高了系统的安全性和稳定性，并且可以让程序开发者进行系统的功能模块的开发和数据的处理。

（3）管理员对美妆平台 的资料进行管理，既要有框架的规范，又要有某种基本的准则，利用MySQL中的限制关联，可以产生一个基于系统中各实体的关联的数据库表格，以便在执行该系统时设定各系统的关联[3]。

2 相关技术分析

2.1 Java介绍

 阿里巴巴、京东、谷歌、亚马逊等国内外知名网站都使用了 java。你知道在大数据时代，数据是怎么处理的吗？首先，他所涉猎的范围很广，不仅仅是前面所说的网页和大数据，还有编程英语，只要是有软件开发的地方，都会出现 java。其次，在很多的开发语言中， java发展了二十多年，形成了一个在所有领域都能找到完美解决方案的完整生态体系；自然而然地就成了公司主要的开发语言，并且对 java的需求与日俱增。学习 java不需要考虑很多基本的细节，而且代码的可读性很好，不需要逻辑推理就能理解，所以才会有那么多的语言。学习 java的人总是那么多。

2.2 Vue框架

Vue是当前中国最流行的一个前端架构，它是一组逐步建立的用户接口的架构，它和其它的大的架构不一样， Vue的核心是一个层次地往上爬，而 vue的核心则仅集中在 Vue的视图；它不但容易入门，而且容易与第三方的资料库和现有的专案相结合；vue同样可以为一个单一页面的复杂的程序提供动力，并且简单，快速，组合；紧凑，功能强大，便于模块化。被编程人员所喜欢。可以说是目前中国的前沿构架行业的首位。

Vue技术是一种以 javascript为基础的手机接口技术，它通过 html标记来显示接口，并通过 Java程序来进行操作的执行，两者之间存在着一种共生的联系；更适用于小型美妆平台开发和使用。从技术的角度来看，当前最主要的 MVVM架构有 React、 Vue、 Angular三大类。

Angular的架构是谷歌通过一个肮脏的检测机制来维持的。所谓的“污点”，就是在查看数据的时候，根据每一次的用户互动，都会查看一遍，如果有任何的改变，就会立刻进行 DOM的升级。Angular的小组放弃了Angular1，开发出了一个名为 Angular的新架构，包括 TypeScript和 RxJS，这些都是非常出色的，但并不能满足传统的使用者。结果是， Angular的出色架构目前还没有大规模地在全国普及。

React架构是 Facebook React小组的一项解决方法，在网页的初始化过程中，利用虚拟 DOM来处理不断改变的信息，并对其进行修正。因此，在 React中， HTML代码将被转换为 JavaScript的一个物件来进行说明。该 JavaScript物件类似于一个数据与真实 DOM的缓冲，它可以有效地控制该物件的改变，以降低对 DOM的处理，从而实现网页的升级。

Vue架构的创建人尤雨溪，提出了一种采用回应的方法，当网页初始化时， Watcher会侦测到所有的数据，当资料发生变化；这个构架会自动地告知你，让你在数据出现了什么改变之后，就可以准确地判断出这些数据的属性是什么，并做出相应的调整。但问题是，由于其核心部分是“响应式”，所以用 Watcher来接收新的响应数据，会降低系统的运行效率。如果有太多的响应性的资料，也会造成大量的记忆体消耗

2.3 MySQL数据库

 MySQL是一个用来定义数据结构，用表格形式存储信息，建立索引的数据库；能够迅速地找到所需的信息，避免了在查询过程中进行遍历、浪费资源、速度过慢；MySQL之所以受欢迎，主要是因为它很容易，只要有电脑知识，就能无师自通地查阅文件，安装和使用 MySQL；几乎没有什么障碍，然后就是开放源码，开放源码就是安全、自由，还有无数科技迷；可以共同审查流程，共同解决问题。最后是引擎， MySQL与其它数据库的区别在于它支持插件存储引擎。它是一种开放性的设计，可以包容一切，容纳一切。

此次毕业设计的数据库采用了 Mysql数据库，而非 sqlserver，与 sqlserver相比， mysql更加的轻便和便捷。Mysql的主要特征是快速的存储和查询。此外，该系统还使用了 JavaWeb开发技术。在学校的时候，他就学会了 Mysql数据库。

2.4 Spring Booot框架

Spring Boot框架是一种集成的框架技术，它将 Spring开放源码框架应用于商业逻辑控制，提供了容器技术和反转技术。VUE技术开发的网络系统中，最普遍的实践就是使用开放源码框架技术来缩短开发自己的架构所需的时间和效率。

3 需求分析

3.1 可行性法分析

3.1.1 技术可行性

本系统采用 Java语言，易于操作，能够利用Spring Boot框架进行编程，具有很好的跨平台能力，能够在多种操作系统上进行工作。与其它编程语言比较， Java语言的重量比较小，并且执行起来也比较高效。现在网络上有很多 Java和开放源码的相关架构，易于使用，而且它的架构也很简单[5]。

本系统采用Vue. js作为前部的结构，而后端则采用开放源码的架构。如果将Vue. js与后台的Framework组合在一起，那么就可以顺利完成传输资料。在开放源码的架构下，可以利用视图解释仪处理前面的网页，将使用者所看到的资料储存在数据库内，从而增强了美妆平台的安全。

3.1.2 经济可行性

从需求分析到最终的设计和实施，所用的资金并不多，当美妆平台需要使用的时候，一部普通的计算机就能完成多方面操作，并且在一定的软件支持下，就可以正常工作了。管理员在运行美妆平台体系方面比较容易，这样就有了更多的时间来改进自己的系统体系。

3.1.3 社会可行性

本文所研制的美妆平台具有不违背法律、伦理层面、操作界面较为简便、便于用户使用的特点。由于电脑技术的飞速发展，电脑技术在美妆行业中的运用也越来越广泛，因而可以更好地为这次的美妆平台体系的开发打下坚实的基础[6]。

3.2 网站功能要求

从软件的发展的观点看，最主要的是对软件的需求进行了研究，并对其进行了研究。只要能正确地进行需求分析和美妆项目的设计，就能节约大量的研发周期，加快研发进度。在对本系统的要求有了一定的认识以后，再根据不同的任务要求设定相应的函数，以使用户能够更好地利用这些特点来实现对系统的服务和管理等多方面的要求。

管理员：登录、个人中心、用户管理、美妆类型管理、美妆产品管理、笔记作品管理、笔记分类管理、系统管理、订单管理。

图3-1 管理员用例图

用户：注册登录、美妆产品、笔记作品、公告信息、后台管理、购物车。

图3-2 用户用例图

3.3 性能需求

尽管在软件的发展中，系统功能性要求必须得到关注和认可，但性能要求同样也很关键。如果系统表现得很糟糕，就会降低使用者的使用感受，降低管理员的管理能力。若要提高系统效能，则须注意资料安全性、查询效率及反应能力等多方面要求。

（1）资料保密性

由于日常使用的美妆平台 所生成的大量的资料，这些资料都包含在了整个系统的各个环节中，所以资料的安全问题就显得尤为关键。为了确保数据的安全，必须要对用户的口令进行加密，当用户的口令出现在数据库中的情况下，必须要通过特定的符号来进行操作和使用。

（2）查询与回应的系统

在美妆平台 的许多模块中，都具有检索的作用，一些还包含了多种表格的检索。随着美妆平台 业务的不断增加，随着系统业务的不断增加，所容纳的数据也会不断增加，所以必须对SQL数据库中的SQL语句进行适当的改进，以加速数据的检索[7]。

4 系统的设计

对整体的系统进行了全面的需求剖析，然后再从系统的设计中引入各种功能。每一个人物都有自己的任务，而且针对各个系统的各个功能单元，都有自己的编码逻辑。一些复杂的要求在最后敲定之前必须进行修正和改进。

4.1 系统功能结构

（1）登录

只有在用户登录以后，才能够进行该系统的操作。使用者可以通过前面的介面键入使用者名称及口令进行登入。

图4-1 登录流程图

（2）用户管理

在管理员输入了使用者名称和口令后，就可以在使用者的管理界面中管理使用者的资料。

图4-2 用户管理流程图

（3）美妆产品管理

系统管理员通过键入帐号和密码，可以进行美妆产品的管理操作。

图4-3 美妆产品管理流程图

4.2 功能模块

图4-4 功能模块图

4.3 数据库设计

在软件开发的过程中，数据库的设计是非常关键的一步，如果能够把数据库设计的很好，那么在进行数据库设计的过程中，一定要考虑到将来的数据表是否具有可扩展性。系统在不断发展的过程中，业务需求也会逐步变化，因此，需要对系统的功能进行调整。如果系统的功能发生了变化，那么相应的数据库就会相应地发生变化，所以在进行数据库设计时要考虑到以后的变化，所以在设计过程中要注意灵活性。由于数据库中的数据比较多，所以在使用MySQL时，并不需要像 Oracle这样的大型数据库。数据库引擎选择了InnoDB, InnoDB是一个对象类型的引擎。如果一个系统有多个表格要同时访问，则数据库引擎可以选择 InnoDB为主要方式。

4.3.1 概念模型结构设计

该美妆平台的功能设计模块是针对用户的需要而设定的，而系统的概念化模式则是建立一个对象的架构，这就是建立一个数据库的一个关键步骤。

（1）提供并回馈的资料，在处理资料时，既能符合使用者的基本需要，又能显示物件之间的某种相关性[8]。

（2）易于掌握。用户在使用美妆平台时，需要一个简单的操作系统，只有如此，才能更好地进行数据库的设计。

（3）当需要变化时，该系统可以迅速地对模型进行修改。

E-R图是一种用于描述概念模型的方法，它可以在已获得的数据模型的基础上，针对使用者的需要，设计出符合其要求的对象。

图4-5 数据库E-R图

4.3.2 物理模型结构设计

（1）美妆产品信息表

表4-1 美妆产品信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
chanpinmingcheng	varchar	200
fengmian	longtext	0
meizhuangleixing	varchar	200
pinpai	varchar	200
guige	varchar	200
xiangqing	longtext	0
onelimittimes	int	11
alllimittimes	int	11
clicktime	datetime	0
clicknum	int	11
price	float	50

（2）购物车信息表

表4-2 购物车信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
tablename	varchar	200
userid	bigint	20	是
goodid	bigint	20	是
goodname	varchar	200
picture	longtext	0
buynumber	int	11
price	float	50
discountprice	float	50
goodtype	varchar	200

（3）笔记作品信息表

表4-3 笔记作品信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
wenzhangbiaoti	varchar	200
fengmian	longtext	0
bijifenlei	varchar	200
shiyongxiaoguo	longtext	0
shihefuzhi	varchar	200
chanpinlianjie	varchar	200
chanpinxiangqing	longtext	0
fabushijian	datetime	0
faburen	varchar	200
sfsh	varchar	200
shhf	longtext	0
userid	bigint	20

（4）用户信息表

表4-4 用户信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
yonghuzhanghao	varchar	200
mima	varchar	200
yonghuxingming	varchar	200
xingbie	varchar	200
touxiang	longtext	0
shoujihaoma	varchar	200
sfsh	varchar	200
shhf	longtext	0
money	float	50

（5）收藏信息表

表4-5 收藏信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
userid	bigint	20
refid	bigint	20
tablename	varchar	200
name	varchar	200
picture	longtext	0
type	varchar	200
inteltype	varchar	200
remark	varchar	200

（6）订单信息表

表4-6 订单信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
orderid	varchar	200
tablename	varchar	200
userid	bigint	20
goodid	bigint	20
goodname	varchar	200
picture	longtext	0
buynumber	int	11
price	float	50
discountprice	float	50
total	float	50
discounttotal	float	50
type	int	11
status	varchar	200
address	varchar	200
tel	varchar	200
consignee	varchar	200
remark	varchar	200
logistics	longtext	0
goodtype	varchar	200

（7）美妆类型信息表

表4-7美妆类型信息表

列名	数据类型	长度	主外键
id	bigint	20	是
addtime	timestamp	0
meizhuangleixing	varchar	200