优购电商小程序

一、技术路线：

开发语言：Java

使用框架：spring boot

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

数据库：MySQL 5.7

数据库管理工具：Navicat或sqlyog

开发工具：IDEA或Ecplise

二、项目介绍：

https://www.bilibili.com/video/BV13P41187YW?t=23.7

三、运行截图：

本系统使用了java和mysql结合的结构开发了优购电商小程序应用，系统中所有和数据库有关系的操作都通过一个通用类来实现，大大提高了代码的耦合性，当数据库类型等信息变化后直接修改类文件就可以了，不再需要每个页面都修改。另外本系统解决了中文的问题，也是在配置文件中添加了编码方式的形式解决的，本系统另外一个大的特点是系统对数据库的操作都单独的写在了一个类里，这样对系统的所有数据库操作都只访问这个类就可以了，不要每个页面都去写数据库的操作，提高了系统的集成性。

3.1用户端功能模块

用户注册，在用户注册页面可以填写用户名、密码、姓名、年龄、性别、手机、邮箱、头像等信息，进行注册如图3-1所示。

图3-1用户注册界面图

用户登录，在用户登录页面填写账号、密码进行登录如图3-2所示。

图3-2用户登录界面图

用户登录到优购电商小程序可以查看首页、商品信息、我的等内容，如图3-3所示。

图3-3用户首页功能界面图

商品信息，在商品信息页面可以查看商品编号、商品名称、商品类别、商品规格、图片、品牌、价格、单限、库存等信息进行加入购物车、立即购买，如图3-4所示。

图3-4商品信息界面图

在我的页面可以填写我的收藏管理、用户充值、购物车、我的订单、留言板等信息，并可根据需要进行提交，如图3-5所示。

图3-5我的界面图

在用户信息页面可以查看用户名、密码、姓名、年龄、性别、手机、邮箱、头像等信息，并可根据需要对用户信息进行保存、退出登录，如图3-6所示。

图3-6用户信息界面图

在用户充值页面可以查看金额等信息，并可根据需要对用户充值进行提交，如图3-7所示。

图3-7用户充值界面图

在新增收货地址页面可以查看联系人、手机号、地址、设为默认等内容，并可根据需要进行提交，如图3-8所示。

图3-8新增收货地址界面图

在我的订单页面可以查看编号、数量、价格、地址等信息，并可根据需要进行提交，如图3-9所示。

图3-9我的订单界面图

在订单确认页面可以查看地址、购买清单、总价等信息，并可根据需要进行确认支付，如图3-10所示。

图3-10订单确认界面图

3.2管理员端功能界面

管理员通过填写账号、密码、角色进行登录如图3-11所示。

图3.11管理员登录界面图

用户管理，通过填写用户名、密码、姓名、年龄、性别、手机、邮箱、头像等信息进行详情、修改、删除操作，如图3-12所示。

图3.12用户管理界面图

商品分类管理，通过填写商品类别等信息进行修改、删除操作，如图3-13所示。

图3-13商品分类管理界面图

商品信息管理，通过填写商品编号、商品名称、商品类别、商品规格、图片、品牌、价格、单限、库存等信息进行详情、修改、删除操作，如图3-14所示。

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

留言板管理，通过填写用户名、留言内容、回复内容等信息进行详情、修改、删除操作，如图3-15所示。

图3-15留言板管理如图所示。

网站公告，通过填写标题、简介、图片等信息进行详情、修改、删除操作，如图3-16示。

图3-16网站公告界面图

订单管理，通过填写订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息进行详情、修改操作，如图3-17所示。

图3-17订单管理界面图

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

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