项目介绍

校内店铺网上订单小程序分为客户端和服务端登录模块,客户端主要是用户进行登录,用户在校内店铺网上订单小程序中进行注册、登录,可以修改个人信息,还可以查看商品信息,对商品信息进行收藏、评论、立即订购、加入购物车等操作。管理员在服务端可以修改个人信息和密码,可以对用户信息进行管理,也能对商品类别、商品信息、订单信息、客服信息、轮播图、商城公告等进行相应的操作。

(a) 服务端——管理员;管理员使用本系统涉到的功能主要有:个人中心、用户管理、商家管理、外卖员管理、商品分类管理、商品信息管理、系统管理、订单管理等功能。

(b) 客户端——用户:用户进入系统可以对首页、商品信息、我的(用户信息、我的收藏管理、用户充值、会员购买、联系客服、购物车、我的订单)进行相应操作。

image-20241106212753098

技术栈

  1. 开发语言:Java

  2. 框架:springboot+vue

  3. JDK版本:JDK1.8

  4. 服务器:tomcat7

  5. 数据库:mysql 5.7(一定要5.7+版本)

  6. 数据库工具:Navicat11

  7. 开发软件:eclipse/myeclipse/idea

  8. Maven包:Maven3.3.9

  9. 浏览器:谷歌浏览器

  10. 小程序框架:uniapp

    小程序开发软件:HBuilder X

    小程序运行软件:微信开发者

演示视频

进入B站观看画面更清晰
109 基于springboot+vue的校内店铺网上订单小程序

系统部分截图

客户端——用户功能模块

用户需要登录校内店铺网上订单小程序,需要通过填写用户账号、密码、确认密码、用户姓名、性别、年龄等信息进行注册,注册成功时,输入用户账号、密码、选择登录角色进行登录,即可进入小程序首页,用户注册和登录操作效果图。

image-20241106213211294 image-20241106213225437

首页,用户登录到校内店铺网上订单小程序后,可以查看首页、商品信息、我的等内容,并进行相应的操作。

image-20241106213242191

在我的页面,用户可以对用户信息、我的收藏管理、用户充值、会员购买、联系客服、购物车、我的订单等进行相应操作。

image-20241106213256482

在我的页面,点击用户信息,用户可以对用户账号、密码、用户姓名、性别、年龄、头像、是否会员等内容进行修改,并点击退出登录可以退出系统。

image-20241106213312538

在我的页面,点击充值,用户可以输入充值金额,选择充值渠道,点击提交进行充值,用户充值。

image-20241106213330249

在商品信息页面,用户可以查看商品图片、商品价格、商品名称、商品编号、生产地、商品分类、会员价、商品详情等内容,用户可以对商品信息进行收藏、评论或加入到购物车、立即订购等操作,商品信息页面。

image-20241106213346122

在购物车页面,用户可以查看商品名称、价格、商品数量等信息,点击立即下单,用户通过选择地址、确认购买清单后进行确认支付。

image-20241106213403951

在我的订单页面,用户可以查看订单编号、商品信息等内容,用户可以对已支付、已发货、已完成、已取消等订单进行相应操作。

image-20241106213421759

服务端——管理员功能模块

管理员登录,进入系统前在登录页面根据要求填写用户名和密码,选择角色等信息,点击登录进行登录操作。

image-20241106213440242

管理员登录系统后,可以对个人中心、用户管理、商品分类管理、商品信息管理、系统管理、订单管理等进行相应的操作管理。

image-20241106213453457

用户管理,在用户管理页面可以对索引、用户账号、用户姓名、性别、年龄、头像、是否会员等内容进行详情、修改、删除或新增等操作。

image-20241106213506152

在商品分类管理页面可以对索引、商品分类名称进行详情、修改、删除或新增等操作。

image-20241106213524575

商品信息管理,在商品信息管理页面,可以对索引、商品编号、商品名称、生产地、商品分类、商品图片、价格、会员价等进行详情、修改、查看评论、删除或新增等操作。

image-20241106213540902

在系统管理页面,可以对商城公告、联系客服、轮播图管理等功能进行相应操作;点击商城公告,管理员可以对索引、标题、简介、图片等内容进行详情、修改、删除、新增等操作。

image-20241106213556944

在联系客服管理页面,管理员可以查看新消息及状态,进行回复等操作。

image-20241106213612890

在订单管理页面,管理员可以查看索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、下单时间等详情,并进行查看详情或发货;管理员还可以对已发货订单、未支付订单、已取消订单、已退款订单、已完成订单等进行相应操作。

image-20241106213629869

服务端——商家功能模块

商家登录系统后,可以对个人中心、商品分类管理、商品信息管理、订单管理等进行相应的操作管理。

image-20241106213647372

在商品分类管理页面可以对索引、商品分类名称进行详情、修改、删除或新增等操作。

image-20241106213700097

商品信息管理,在商品信息管理页面,可以对索引、商品编号、商品名称、生产地、商品分类、商品图片、价格、会员价等进行详情、修改、查看评论、删除或新增等操作。

image-20241106213715545

在订单管理页面,管理员可以查看索引、订单编号、商品名称、商品图片、购买数量、价格/积分、折扣价格、总价格/总积分、折扣总价格、支付类型、状态、地址、电话、收货人、下单时间等详情,并进行查看详情或发货;管理员还可以对已发货订单、未支付订单、已取消订单、已退款订单、已完成订单等进行相应操作。

image-20241106213742651

以上是部分截图,详细的请看演示视频。