大家好,我是 Java陈序员。
随着移动付出的鼓起,在线扫码点餐可谓是非常火热!对于用户来说,扫码点餐方便快捷、提升体验;对于商家来说,提升管理效率、优化服务流程。
今天,给大家介绍一款开源的在线扫码点餐小程序系统!
关注微信公众号:【Java陈序员】,获取开源项目分享、AI副业分享、超200本经典计算机电子书籍等。
项目介绍
yshop-drink —— 一款在线扫码点餐(外卖与自取)小程序系统,支持多门店模式,支持 Saas 多租户模式。
系统功能包罗外卖与自取、商品管理(多规格Sku)、店铺管理、云小票打印、图片素材库、订单管理、积分兑换(积分+金额)、充值、优惠券、充值、多门店、微信公众号、商家中央、提前预约、桌面扫码点餐(单人大概多人协同)、收银台、会员卡等功能,更适合企业或个人二次开发。
系统利用当前流行技术组合的前后端分离开发实现,详细技术栈如下:
- JDK17
- SpringBoot3
- Spring Security Oauth2
- MyBatisPlus
- Redis
- Vue3,
- Element UI
- Uniapp(Vue3)
系统截图
后台管理界面
小程序界面
快速上手
开发情况和开发工具
开发情况:
- 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、浏览器访问小程序
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/#/
复制代码
大家的点赞、收藏和品评都是对作者的支持,如文章对你有帮助还请点赞转发支持下,谢谢!
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。 |