基于Springboot+Redis+Jwt+Vue.js+Uniapp开发的点餐小程序
一、技术架构
1、前台
点餐前台使用的 Uniapp
编写的,可以直接转成微信小程序。对这个项目感兴趣的可以私信QQ群:994793967的群主。
项目演示视频
基于Springboot+Redis+Jwt+Vue.js+Uniapp开发的微信点餐小程序
2、后台Api和页面
这次后台Api接口没有写成前后端分离的,就是后台管理页面和Api接口在一个项目里面。
- SpringBoot
- MySQL(5.7)
- Redis
- Jwt
- Vue.js
- Layui
二、后台已完成
1、店铺管理
- 修改店铺的海报
- 修改店铺的信息
2、商品管理
- 商品栏目增删查改
- 商品的修改、添加分页查询
- 商品规格以及属性增删查改
3、所有订单查询
- 按照各种查询条件(状态、时间段、订单ID)分页查询系统的所有订单
- 查询订单的详细信息
- 订单详细里面显示订单的操作记录
4、接单列表
- 用户在小程序点击付款之后,此页面会直接响铃提醒有新订单并且直接展示出来
- 点击开始制作新订单的小红点消失
- 完成制作按钮
5、角色管理
- 添加删除角色
- 角色权限可以具体到每个页面(按钮)
6、员工管理
- 分页显示系统中的所有用户
- 添加、修改员工信息
7、数据统计
- 查询昨日、今日、上周、本周、上月、本月订单数和利润
- 按需查询每天的销量和利润,在一个echars图表中展示
- 按需查询每年的销量和利润,在一个echars图表中展示
- 查询本周、上周、今日和昨日销量10的菜品
三、前台已完成
1、登录页面
使用微信的登录接口获取用户微信信息以及唯一值 openId
,如果第一次登录直接将信息存储到数据库,否则更新信息。
2、点餐页面
完成了商品列表的渲染、广告轮播图的渲染、店铺信息的渲染、商品详情的渲染(带有规格的商品)
3、付款页面
完成购物车内容的渲染、备注的添加
4、取餐页面
完成了取餐号的唯一生成、根据订单的状态分别显示前面排有几人;已下单;制作中;请取餐,以及取餐页面数据渲染,取餐页面的信息是通过传入的订单id查询的
取餐号使用的redis,每天从1开始递增,只要日期改变就会重新从1开始递增
5、历史订单页面
完成了用户历史订单的分页渲染、页面滚动到最下方的时候查询下一页的数据(数据总数进入历史订单页面就查询了,然后计算最多分多少页)、根据订单状态显示不同的样式、根据开发票状态和评论状态显示不同的按钮
6、个人信息
完成了简单的个人信息页面的渲染
四、部分页面展示