一款功能丰富的多商户扫码点餐系统

现在的餐厅，奶茶店，水果店，很多的线下实体店都在用扫码点餐。这种点餐方式不需要什么硬件设施。只要每一个桌子都放一个点餐码，顾客扫码后点餐，后厨直接查看，非常方便！

扫码点餐系统越来越普及，但是市面上很多系统都有管理费或者消费抽成，今天给大家介绍一款相对比较完善的系统，可以二次开发，无论是接私活儿还是自用，都是不错的选择！

介绍

本系统是一款多商户SaaS版扫码点餐系统，支持后台点餐、多人同时在线点餐、购物车共享、餐桌状态实时监控，菜品管理、餐桌管理等众多功能。

技术架构

前端

商户管理端使用VUE3版本，顾客点餐端使用VUE2版本。

• Vue Router： 是 Vue框架的路由模块。
• ElementUI Plus： 一款基于vue3的组件库，开箱即用。搭配VUE来实现商户管理端的页面设计。
• Pinia： 全局状态管理器，它允许您跨组件或者页面共享状态。
• Tailwind CSS： 一款响应式设计的前端css框架。
• cube-ui： 基于Vue框架实现的移动端组件库。使用起来简单、便捷，主要用来实现顾客点餐端的界面。
• ECharts： 数据图表组件库，开箱即用，方便快捷。用在商户管理端通过图表查看店铺数据。
• TypeScript： 在JavaScript的基础上做出了升级，新增了面向对象语法。
• Axios： 基于Promise的网络请求库，异步请求结合vue实现页面局部刷新。
• image-compressor： 对体积偏大的图片进行压缩并上传OSS。

后端

• Spring Boot： 当前非常流行的后端框架，在spring核心之上只对配置做了升级，不改变核心，开发者开箱即用。
• MyBatis： 数据持久化框架，对数据库连接、配置等操作进行了自动化装配，只需要进行简单的配置就可以实现自动注册驱动、建立连接、释放连接等操作。
• MyBatis-Plus： MyBatis 的增强工具，只做增强不做改变，只为简化开发、提高效率[9]。
• MyBatis-Plus-Join： MyBatis-Plus的增强工具，支持了多表联查。
• Sa-Token： 轻量级 Java 权限认证框架，解决登录认证、权限认证、单点登录等一系列权限相关问题。
• Redis： 基于内存的Key-Value型数据库，性能强悍。

功能概览

• 手机扫码点餐功能： 用户可以通过扫描二维码或者搜索菜品名称，选择菜品并下单。
• 多人在线同时点餐： 当多人同时点餐时可以实时同步共享以点菜单，共享购物车。
• 商户前台点餐功能： 商户管理端也有点餐功能，商户可以帮助顾客点餐，而并不是只能顾客扫码点餐。
• 餐桌状态实时监控： 餐桌的使用情况可以实时的展示出来，无需手动刷新，同时也方便顾客查看餐桌的使用情况，快速寻找可用餐桌。
• 菜品管理： 商户可以在管理端对店铺中的菜品进行管理，例如可以对菜品进行增加、修改和删除等功能。
• 菜品分类管理： 设置菜品包含的分类，商户点餐端可以根据分类快速查找商品，同时顾客点餐端也会根据菜品分类展示菜品。
• 桌号管理： 商户可以对店铺中的就餐桌进行编号，并录入到系统中，就可以通过系统对餐桌进行管理。
• 区域管理： 对餐桌的分布位置进行管理，使商户更加方便的进行管理。
• 生成餐桌二维码： 商户可以针对某一桌号生成当前餐桌的二维码，用户扫描后就可以针对当前餐桌进行点餐。
• 店铺数据统计： 餐厅可以通过扫码点餐系统统计订单数据，包括销售额、菜品销量等。
• 店铺设置： 商户可以设置店铺的一些展示信息，例如店名、介绍、公告等信息。这些信息同时会展示在顾客点餐端。
• 小票打印机管理： 商户可以绑定小票打印机，当有订单时就会自动打印当前订单的一些信息。

界面预览