项目介绍
校内店铺网上订单小程序分为客户端和服务端登录模块,客户端主要是用户进行登录,用户在校内店铺网上订单小程序中进行注册、登录,可以修改个人信息,还可以查看商品信息,对商品信息进行收藏、评论、立即订购、加入购物车等操作。管理员在服务端可以修改个人信息和密码,可以对用户信息进行管理,也能对商品类别、商品信息、订单信息、客服信息、轮播图、商城公告等进行相应的操作。
(a) 服务端——管理员;管理员使用本系统涉到的功能主要有:个人中心、用户管理、商家管理、外卖员管理、商品分类管理、商品信息管理、系统管理、订单管理等功能。
(b) 客户端——用户:用户进入系统可以对首页、商品信息、我的(用户信息、我的收藏管理、用户充值、会员购买、联系客服、购物车、我的订单)进行相应操作。
技术栈
-
开发语言:Java
-
框架:springboot+vue
-
JDK版本:JDK1.8
-
服务器:tomcat7
-
数据库:mysql 5.7(一定要5.7+版本)
-
数据库工具:Navicat11
-
开发软件:eclipse/myeclipse/idea
-
Maven包:Maven3.3.9
-
浏览器:谷歌浏览器
-
小程序框架:uniapp
小程序开发软件:HBuilder X
小程序运行软件:微信开发者
演示视频
进入B站观看画面更清晰
109 基于springboot+vue的校内店铺网上订单小程序
系统部分截图
客户端——用户功能模块
用户需要登录校内店铺网上订单小程序,需要通过填写用户账号、密码、确认密码、用户姓名、性别、年龄等信息进行注册,注册成功时,输入用户账号、密码、选择登录角色进行登录,即可进入小程序首页,用户注册和登录操作效果图。
首页,用户登录到校内店铺网上订单小程序后,可以查看首页、商品信息、我的等内容,并进行相应的操作。
在我的页面,用户可以对用户信息、我的收藏管理、用户充值、会员购买、联系客服、购物车、我的订单等进行相应操作。
在我的页面,点击用户信息,用户可以对用户账号、密码、用户姓名、性别、年龄、头像、是否会员等内容进行修改,并点击退出登录可以退出系统。
在我的页面,点击充值,用户可以输入充值金额,选择充值渠道,点击提交进行充值,用户充值。
在商品信息页面,用户可以查看商品图片、商品价格、商品名称、商品编号、生产地、商品分类、会员价、商品详情等内容,用户可以对商品信息进行收藏、评论或加入到购物车、立即订购等操作,商品信息页面。
在购物车页面,用户可以查看商品名称、价格、商品数量等信息,点击立即下单,用户通过选择地址、确认购买清单后进行确认支付。
在我的订单页面,用户可以查看订单编号、商品信息等内容,用户可以对已支付、已发货、已完成、已取消等订单进行相应操作。
服务端——管理员功能模块
管理员登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作。
管理员登录系统后,可以对个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等进行相应的操作管理。
用户管理,在用户管理页面可以对索引、用户账号、用户姓名、性别、年龄、头像、是否会员等内容进行详情、修改、删除或新增等操作。
在商品分类管理页面可以对索引、商品分类名称进行详情、修改、删除或新增等操作。
商品信息管理,在商品信息管理页面,可以对索引、商品编号、商品名称、生产地、商品分类、商品图片、价格、会员价等进行详情、修改、查看评论、删除或新增等操作。
在系统管理页面,可以对商城公告、联系客服、轮播图管理等功能进行相应操作;点击商城公告,管理员可以对索引、标题、简介、图片等内容进行详情、修改、删除、新增等操作。
在联系客服管理页面,管理员可以查看新消息及状态,进行回复等操作。
在订单管理页面,管理员可以查看索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、下单时间等详情,并进行查看详情或发货;管理员还可以对已发货订单、未支付订单、已取消订单、已退款订单、已完成订单等进行相应操作。
服务端——商家功能模块
商家登录系统后,可以对个人中心、商品分类管理、商品信息管理、订单管理等进行相应的操作管理。
在商品分类管理页面可以对索引、商品分类名称进行详情、修改、删除或新增等操作。
商品信息管理,在商品信息管理页面,可以对索引、商品编号、商品名称、生产地、商品分类、商品图片、价格、会员价等进行详情、修改、查看评论、删除或新增等操作。
在订单管理页面,管理员可以查看索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、下单时间等详情,并进行查看详情或发货;管理员还可以对已发货订单、未支付订单、已取消订单、已退款订单、已完成订单等进行相应操作。
以上是部分截图,详细的请看演示视频。
标签:vue,springboot,登录,商品,用户,订单,109,操作,页面 From: https://blog.csdn.net/t2736416901/article/details/143580721