一、技术路线:
开发语言:Java
前端技术:JavaScript、VUE.js(2.X)、css3
数据库:MySQL 5.7
数据库管理工具:Navicat或sqlyog
开发工具:IDEA或Ecplise
二、项目介绍:
https://www.bilibili.com/video/BV13u4y167BX?t=7.7
三、运行截图:
3.1用户功能模块
用户点击进入到系统操作界面,可以对主页、个人中心、我的收藏管理、订单管理等功能模块,我的收藏管理:通过列表可以获取用户ID、收藏ID、表名、收藏名称、收藏图片信息并进行修改操作,如图3-1所示。
图3-1我的收藏管理界面图
已支付订单列表:通过列表可以获取订单id、用户id、商品id、奶茶名称、奶茶图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址等信息,进行查看操作,如图3-2所示。
图3-2已支付订单列表界面图
3.2管理员功能模块
管理员通过用户名和密码填写完成后进行登录,如图3-6所示。管理员登录成功后进入到系统操作界面,可以对主页、个人中心、用户管理、奶茶分类管理、奶茶信息管理、系统管理、订单管理等功能模块进行相对应操作。
个人中心:通过列表可以获取原密码、新密码、确认密码等内容,可以进行修改或删除操作,如图3-7所示。
图3-6管理员登录页面
图3-7个人中心页面
用户管理:通过列表可以获取用户账号、用户姓名、密码、性别、联系电话、电子邮箱、余额等信息,进行修改或删除操作,如图3-9所示。
图3-9用户管理界面图
奶茶分类管理:通过列表可以获取奶茶分类等信息,进行修改或删除操作,如图3-10所示。
图3-10奶茶分类管理界面图
奶茶信息管理:管理员通过列表可以获取奶茶编号、奶茶名称、奶茶分类、数量、品牌、规格、封面、价格、详情等信息,进行修改或删除操作,如图3-11所示。
图3-11奶茶信息管理界面图
轮播图;该页面为轮播图管理界面。管理员可以在此页面进行首页轮播图的管理,通过新建操作可在轮播图中加入新的图片,还可以对以上传的图片进行修改操作,以及图片的删除操作,如图3-12所示。
图3-12轮播图管理界面图
已支付订单列表:管理员通过列表可以获取订单id、用户id、商品id、奶茶名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、
状态、地址等信息,进行修改或删除操作,如图3-15所示。
图3-15已支付订单列表界面图
3.3前台首页功能模块
奶茶店管理系统,在奶茶店管理系统可以查看奶茶信息、我的、跳转到后台、购物车等内容,如图3-17所示。
图3-17系统首页界面图
登录、注册,通过注册填写用户账号、用户姓名、密码、联系电话、电子邮箱等信息进行注册操作,如图3-18所示。
图3-18登录、注册界面图
奶茶信息,在奶茶信息页面可以查看奶茶编号、价格、数量、品牌、规格等信息进行立即购买,如图3-19所示。
图3-19奶茶信息界面图
个人中心,在个人中心页面可以查看用户账号、用户姓名、密码、性别、联系电话、电子邮箱等如图3-20所示。
图3-20个人中心界面图
收货地址添加,在收货地址添加页面可以查看个人中心、我的订单、我的地址、我的收藏等如图3-21所示。
图3-21收货地址添加界面图
确认下单,在确认下单页面可以查看选择收货地址、清单列表等信息进行支付如图3-22所示。
图3-22确认下单界面图