【项目】基于Springboot+Redis+Jwt+Vue.js+Uniapp开发的微信点餐小程序

基于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、个人信息

完成了简单的个人信息页面的渲染

四、部分页面展示