扫码点餐！在线点餐（外卖与自取）小步伐！
大家好，我是 Java陈序员。随着移动支付的鼓起，在线扫码点餐可谓是十分火热！对于用户来说，扫码点餐方便快捷、提升体验；对于商家来说，提升管理效率、优化服务流程。
今天，给大家介绍一款开源的在线扫码点餐小步伐体系！
关注微信公众号：【Java陈序员】，获取开源项目分享、AI副业分享、超200本经典盘算机电子册本等。
项目介绍
yshop-drink —— 一款在线扫码点餐（外卖与自取）小步伐体系，支持多门店模式，支持 Saas 多租户模式。
体系功能包罗外卖与自取、商品管理（多规格Sku）、店铺管理、云小票打印、图片素材库、订单管理、积分兑换（积分+金额）、充值、优惠券、充值、多门店、微信公众号、商家中心、提前预约、桌面扫码点餐（单人大概多人协同）、收银台、会员卡等功能，更适合企业或个人二次开发。
体系利用当前盛行技术组合的前后端分离开发实现，具体技术栈如下：
[*]JDK17
[*]SpringBoot3
[*]Spring Security Oauth2
[*]MyBatisPlus
[*]Redis
[*]Vue3，
[*]Element UI
[*]Uniapp(Vue3)
体系截图
后台管理界面
https://img-blog.csdnimg.cn/img_convert/cb90b468ce9bc12cd4989feb36a58b85.png
https://img-blog.csdnimg.cn/img_convert/c1ee62c5eec8da2c0814b6be77e9d3b0.png
https://img-blog.csdnimg.cn/img_convert/d807a703edfc9c004e9655d165018366.png
https://img-blog.csdnimg.cn/img_convert/64989e2d7356ede78a289b7343eae30b.png
https://img-blog.csdnimg.cn/img_convert/21d9716ac1e990a6cfe91f5c0b589271.png
小步伐界面
https://img-blog.csdnimg.cn/img_convert/0aa0731a397696c8d9cc5f0a9b09b346.jpeghttps://img-blog.csdnimg.cn/img_convert/071a5766da6026605504d818c615ecc3.jpeg https://img-blog.csdnimg.cn/img_convert/55110683a7198ff784aab19e9826dcce.jpeghttps://img-blog.csdnimg.cn/img_convert/8704af49d875e0e823ebb077d10ab586.jpeg https://img-blog.csdnimg.cn/img_convert/945e53697fc16fd12615e9deb3dca859.jpeghttps://img-blog.csdnimg.cn/img_convert/0a774e06cafb26e7c7dbdb27d538c30b.jpeg 快速上手
开发情况和开发工具
开发情况：
[*]JDK：17+
[*]Maven：3.8+
[*]Redis：6.x+
[*]MySQL: 8.x+
[*]Node：16.x+
开发工具：
[*]IntelliJ IDEA
[*]Visual Studio Code
[*]HBuilderX
[*]微信开发者工具（微信小步伐）
源码下载
[*]克隆项目代码
git clone https://github.com/guchengwuyue/yshop-drink.git
[*]项目目次布局
yshop-drink
├── yshop-drink-boot3 # 后台服务端 SpringBoot3
├── yshop-drink-uniapp-vue3 # 小程序端 Uniapp
└── yshop-drink-vue3 # 后台管理端 Vue3
服务端
1、在 IDEA 中以 Maven 工程的形式导入 yshop-drink-boot3
2、创建数据库 yixiang-drink-open
CREATE DATABASE `yixiang-drink-open` DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_bin;
3、实验工程目次下 sql/yixiang-drink-open.sql 文件初始化数据库数据
yixiang-drink-open.sql 脚本中有大量无效的日志数据，可不用导入！
4、修改 yshop-server/src/main/resources 目次下配置文件 application-local.yaml 中的 MySQL、Redis 连接信息配置
默认是加载 local 情况配置，不是加载 dev 情况配置！
5、运行主启动类 co.yixiang.yshop.server.YshopServerApplication 启动项目
6、启动成功后，浏览器访问如下地点，查看接口文档
http://localhost
:48081/doc.html
后台管理
1、用 VS Code 打开 yshop-drink-vue3 目次
2、安装依赖
npm install
# or
pnpm install
3、修改 .env.dev 配置文件中 VITE_BASE_URL 配置为 VITE_BASE_URL='http://localhost
:48081'
4、启动项目
npm run dev-server
# or
pnpm run dev-server
5、浏览器访问
http://localhost
小步伐
1、在 HBuilderX 导入 yshop-drink-uniapp-vue3 目次
2、配置 config/index.js 中的 VUE_APP_API_URL 为 export const VUE_APP_API_URL = 'http://localhost
:48081/app-api'
3、打开 manifest.json 找到 appid 参数，并修改为自己小步伐的 appid
...
/* 小程序特有相关 */
"mp-weixin" : {
"appid" : "wx001e2dc50bf532df",
"setting" : {
"urlCheck" : false
},
"usingComponents" : true,
"permission" : {
"scope.userLocation" : {
"desc" : "定位最近的门店"
}
},
"requiredPrivateInfos" : [ "getLocation", "chooseLocation" ]
},
···
4、在 HBuilderX 中点击运行==>运行到小步伐模仿器==>微信开发者工具
yshop-drink 实现了一套在线扫码点餐的完整功能，很适合个人或企业进行二次开发，同时也是一个值得学习的 Java 开源项目！快去试试吧~
项目地址：https://github.com/guchengwuyue/yshop-drink
最后
推荐的开源项目已经收录到 GitHub 项目，接待 Star：
https://github.com/chenyl8848/great-open-source-project
大概访问网站，进行在线浏览：
https://chencoding.top:8090/#/
https://img-blog.csdnimg.cn/img_convert/5488eb51596a85e85cae7837bbf63992.png
大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]