项目运行

环境配置：

Node.js最新版+ Vscode + Mysql5.7 + HBuilderX+Navicat11+Vue。

项目技术：

Express框架 + Node.js+ Vue 等等组成，B/S模式 +Vscode管理+前后端分离等等。

环境需要

1.运行环境：最好是Nodejs最新版，我们在这个版本上开发的。其他版本理论上也可以。

2.开发环境：Vscode或HbuilderX都可以。推荐HbuilderX;

3.mysql环境：建议是用5.7版本均可

4.硬件环境：windows 7/8/10 1G内存以上；或者 Mac OS；

6.Navcat11：这个版本不限10/11/14/15都可以。；

Node.js毕设帮助，指导，本源码(见文末)，调试部署

5.2管理员功能模块

管理员登录，通过填写用户名、密码、验证码选择角色等信息，输入完成后选择登录即可进入后台，如图5-2所示。

图5-2管理员登录界面图

管理员登录进入系统后台可以查看首页、个人中心、用户管理、类型管理、饰品市场管理、订单信息管理、交流论坛、系统管理等内容，如图5-3所示。  

图5-3管理员功能界面图

管理员密码修改功能：每一个新的管理员都可以修改密码，在这里修改密码时有一定的限制要求，原密码正确，新密码以及确认新密码输入的内容必须一致，点击确认方可完成修改。二者有其一不满足要求，则修改失败。在这里新密码和确认密码都是使用的掩码[，对于密码修改，目的在于，如果更换管理员时，管理员可以将密码进行修改，以保证后台的安全性，也确保网站的安全性，如图5-4所示。

 

图5-4密码修改界面图

用户管理，管理员在用户管理页面可以查看账号、姓名、性别、年龄、电话等信息，并可根据需要对用户管理进行详情查看，修改，删除操作，如图5-5所示。

 

图5-5用户管理界面图

类型管理，管理员在类型管理页面可以查看类型等信息，并可根据需要对类型管理详情查看，修改，删除操作，如图5-6所示。

 

图5-6类型管理界面图

饰品市场管理，管理员在饰品市场管理页面可以查看名称、品质、类型、所属英雄、槽位、价格、数量、图片等信息，并可根据需要对饰品市场管理进行修改、删除或查看详细内容操作，如图5-7所示。 

 

图5-7饰品市场管理界面图

系统管理；该页面为轮播图管理、通知公告、在线客服界面。管理员可以在此页面首页轮播图上传、在线回复用户、公告进行发布，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图5-8  5-9  5-10所示。

 

图5-8通知公告界面图

 

                                       图5-9轮播图界面图

 

图5-10在线客服界面图

订单信息管理，管理员在订单信息管理页面可以查看名称、品质、类型、所属英雄、槽位、价格、数量、总金额、账号、姓名、是否支付等信息，并可根据需要对订单信息管理进行修改、删除或查看详细内容操作，如图5-11所示。

 

图5-11订单信息管理界面图

交流论坛，管理员在交流论坛页面可以查看帖子标题、用户名、状态等信息，并可根据需要对交流论坛进行修改、删除或查看详细内容操作，如图5-12所示。

 

图5-12交流论坛界面图

5.3前台功能模块

用户在系统前台首页可以查看首页、饰品市场、交流论坛、通知公告、个人中心、后台管理、在线客服等内容，如图5-13所示。

 

图5-13前台首页功能界面图

   

    用户注册，在注册页面填写账号、姓名、密码、年龄、电话等详细信息进行注册，如图5-14所示。

 

图5-14用户注册界面图

用户登录，用户在登录页面通过填写账号、密码信息完成登录，如图5-15所示。

 

 

图5-15用户登录界面图

饰品市场，用户进入到饰品市场，通过界面查看名称、品质、类型、所属英雄、槽位、价格、数量、图片，根据需要点击收藏操作，如图5-16所示。 

 

 

图5-16饰品市场界面图

个人中心，用户在个人信息页面可以查看个人信息、我的发布，可对个人信息进行编辑账号、姓名、密码、性别、年龄、电话，以及用户对个人信息更新操作，退出登录，如图5-17  5-18  5-19所示。

 

 

 

 

图5-17个人信息界面图

图5-18交流论坛界面图

 

图5-19我的发布界面图

5.4用户功能模块 

用户登录进入后台查看首页、个人中心、订单信息管理等内容，如图5-20所示。

 

图5-20用户功能界面图

个人信息，用户通过自己的个人中心，可进行密码修改，也可对个人信息进行编辑个人账号、姓名、性别、年龄、电话，进行修改操作，如图5-21  5-22所示。

 

图5-21密码修改界面图

 

图5-22个人信息界面图

订单信息管理，在订单信息管理页面可以查看名称、品质、类型、所属英雄、槽位、价格、数量、总金额、账号、姓名、是否支付等内容，并进行详情查看操作，如图5-23所示。

 

图5-23订单信息管理界面图

Node.js毕设帮助，指导，源码获取，调试部署