计算机毕业设计 405的企业个性化展示网站平台vue 毕设

第5章 系统详细设计

一、技术路线：

开发语言：Java

前端技术：JavaScript、VUE.js（2.X）、css3

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV17a4y1o77s/

三、运行截图：

3.1前台首页功能模块

企业个性化展示平台 ，在系统首页可以查看首页、关于我们、产品资讯、加入我们、公司新闻、留言反馈、个人中心、后台管理、购物车等内容，如图3-1所示。

图3-1系统功能界面图

    用户登录、用户注册，在注册页面可以填写账号、密码、姓名、手机、邮箱、身份证等信息进行注册、登录，如图3-2所示。

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

产品资讯，在产品资讯页面通过查看产品编号、产品名称、品牌系列、规格、图片、价格等信息进行添加到购物车、立即购买，如图3-3所示。

在个人中心页面通过填写账号、密码、姓名、性别、手机、邮箱、身份证、余额等信息进行更新信息、退出登录操作，如图3-4所示。

图3-3产品资讯界面图

图3-4个人中心界面图

3.2管理员功能模块

管理员登录，通过填写用户名、密码、角色进行登录，如图3-5所示。

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

管理员登录进入企业个性化展示平台可以查看首页、个人中心、用户管理、关于我们管理、产品资讯管理、产品类型管理、加入我们管理、留言板管理、系统管理、订单管理等信息。

用户管理，在用户管理页面中可以通过查看账号、姓名、性别、手机、邮箱、身份证等内容进行修改、删除，如图3-6所示。还可以根据需要对关于我们管理进行详情，修改或删除等详细操作，如图3-7所示。

图3-6用户管理界面图

图3-7关于我们管理界面图

产品资讯管理，在产品资讯管理页面中可以查看产品编号、产品名称、品牌系列、规格、图片、价格等信息，并可根据需要对已有产品资讯管理进行修改或删除等操作，如图3-8所示。

图3-8产品资讯管理界面图

产品类型管理，在产品类型管理页面中可以查看类型等信息，并可根据需要对已有产品类型管理进行修改或删除等详细操作，如图3-9所示。

图3-9产品类型管理界面图

加入我们管理，在加入我们管理页面中可以查看招聘岗位、招聘人数、投递邮箱、联系方式、图片等内容，并且根据需要对已有加入我们管理进行详情，修改或删除等详细操作，如图3-10所示。

图3-10加入我们管理界面图

轮播图；该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理，通过新建操作可在轮播图中加入新的图片，还可以对以上传的图片进行修改操作，以及图片的删除操作，如图3-11所示。

图3-11轮播图管理界面图

订单管理，在订单管理页面中可以查看订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人等内容，并且根据需要对已有订单管理进行详情，修改或删除等详细操作，如图3-12所示。

图3-12订单管理界面图

3.3用户功能模块

用户登录进入企业个性化展示平台可以查看首页、个人中心等内容，如图3-13所示。

图3-13用户功能界面图