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

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

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

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

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

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

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

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

2.2 Vue简介

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

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

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

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

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

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

3.3系统用例图

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

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

图3-1 用户用例图

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

   图3-2管理员用例图

3.4系统流程的分析

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

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

图3-5 登录流程

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

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

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

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

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

图4-2用户信息实体图

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

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

图4-3商品信息实体图

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

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

图4-4购物车实体图

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

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

图4-5订单信息实体图

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

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

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

表4-2：配置文件

表4-3：用户表

表4-4：购物车表

表4-5：token表

表4-6：地址

表4-7：关于我们

表4-8：关于我们

表4-9：用户

表4-10：收藏表

表4-11：商品信息

表4-12：商品分类

表4-13：订单

表4-14：彩妆资讯

表4-15：网站留言

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

图5-1 系统首页界面

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

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

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

图5-3商品信息页面

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

图5-4购物车页面

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

图5-5网站留言页面

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

图5-6 管理员登录界面

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

源码\ /   
文心海资源库