计算机毕业设计java个性化商铺系统小程序ssmvue毕设

第四章 系统功能的具体实现

一、技术路线：

开发语言：Java

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

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

三、运行截图：

3.1App功能模块

个性化商铺系统，用户登录app时，输入自己的账号和密码，进行系统登录操作，如图3-1所示。

图3-1用户登录界面图

用户注册，在用户注册页面通过填写用户账号、密码、确认密码、用户姓名、性别、联系方式等内容进行用户注册操作，如图3-2所示。

图3-2用户注册界面图

用户登录app后，可以对首页、购物车、店铺信息、商品信息、我的等内容进行详细操作，如图3-3所示。

图3-3app首页界面图

商品信息；在商品信息页面中可以查看商品图片、价格、商品名称、商品编号、店铺名称、商品类别、品牌、规格、保质期、生产日期、发布时间、商家账号、库存、商家名称、商品详情等内容；并进行加入购物车、立即订购和收藏管理。如图3-4所示。

图3-4商品信息界面图

店铺信息；在店铺信息页面中可以查看店铺照片、店铺名称、店铺编号、店铺类别、店铺区域、商家账号、商家名称、开放时间、经营范围、店铺简介等内容；并进行收藏管理。如图3-5所示。

图3-5店铺信息界面图

用户进入我的页面可以对店铺信息、商品信息、我的收藏管理、用户充值、购物车、我的订单等功能进行相应操作，如图3-6所示。

图3-6用户功能界面图

我的订单；在我的订单页面中可以查看未支付、已支付、已发货、已完成、已取消、已退款订单等内容；并对不同类型的订单进行处理。如图3-7所示。

图3-7我的订单界面图

3.2后台功能模块

用户进行进入系统后台，在登录页面根据要求填写用户名和密码，选择角色等信息，点击登录进行登录操作，如图3-8所示。

图3-8后台登录界面图

3.2.1管理员功能模块

管理员登录进入个性化商铺系统可以查看首页、个人中心、用户管理、商家管理、店铺类别管理、商品类别管理、店铺信息管理、商品信息管理、系统管理、订单管理等信息进行详细操作，如图3-9所示。

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

用户管理；在用户管理页面中可以查看索引、用户账号、用户姓名、性别、联系方式、头像等内容，并进行详情，修改和删除等操作；如图3-10所示。

图3-10用户管理界面图

商家管理：在商家管理页面中可以查看索引、商家账号、商家名称、性别、联系电话、头像等内容，并进行详情，修改和删除等操作，如图3-11所示。

图3-11商家管理界面图

店铺信息管理；在店铺信息管理页面中可以查看索引、店铺编号、店铺名称、店铺类别、店铺照片、商家账号、商家名称、开放时间、经营范围等内容，并进行详情，修改和删除等操作；如图3-12所示。

图3-12店铺信息管理界面图

商品信息管理；在商品信息管理页面中可以查看索引、商品编号、店铺名称、商品名称、商品类别、商品图片、品牌、规格、保质期、生产日期、发布时间、商家账号、商家名称、价格、单限、库存等内容，并进行详情，修改，查看评论和删除等操作；如图3-13所示。

图3-13商品信息管理界面图

系统管理；在公告信息页面中可以查看索引、标题、图片等内容，并进行详情，修改和删除等操作；还可以对轮播图管理进行详细操作；如图3-14所示。

图3-14系统管理界面图

订单管理；在已完成订单页面中可以查看索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、商户名称、下单时间等内容，并进行详情和删除等操作；还可以对已发货订单，已取消订单，已支付订单，已退款订单、已发货订单，未支付订单进行详细操作；如图3-15所示。

图3-15订单管理界面图

3.2.2商家功能模块

商家登录进入个性化商铺系统后台可以查看首页、个人中心、店铺信息管理、商品信息管理、订单管理等内容，可以对个人信息，密码进行修改等操作，如图3-16所示。

图3-16商家功能界面图

个人中心，在个人中心页面中输入商家账号、商家名称、性别、联系电话、头像等内容进行更新信息，如图3-17所示。

图3-17个人中心界面图