ToB企服应用市场:ToB评测及商务社交产业平台

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

作者: 欢乐狗 时间: 2024-11-11 12:33
标题: 扫码点餐！在线点餐（外卖与自取）小程序！
大家好，我是 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企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)