IT评测·应用市场-qidao123.com技术社区

标题: 扫码点餐！在线点餐（外卖与自取）小步伐！ [打印本页]

作者: 祗疼妳一个 时间: 2024-12-18 14:53
标题: 扫码点餐！在线点餐（外卖与自取）小步伐！
大家好，我是 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、浏览器访问

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/#/

复制代码

大家的点赞、收藏和评论都是对作者的支持，如文章对你有帮助还请点赞转发支持下，谢谢！

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 IT评测·应用市场-qidao123.com技术社区 (https://dis.qidao123.com/)