扫码点餐!在线点餐(外卖与自取)小步伐!

打印 上一主题 下一主题

主题 1776|帖子 1776|积分 5330

大家好,我是 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
  • 微信开发者工具(微信小步伐)
源码下载



  • 克隆项目代码
  1. git clone https://github.com/guchengwuyue/yshop-drink.git
复制代码


  • 项目目次布局
  1. yshop-drink
  2. ├── yshop-drink-boot3                   # 后台服务端 SpringBoot3
  3. ├── yshop-drink-uniapp-vue3             # 小程序端 Uniapp
  4. └── yshop-drink-vue3                    # 后台管理端 Vue3
复制代码
服务端

1、在 IDEA 中以 Maven 工程的形式导入 yshop-drink-boot3
2、创建数据库 yixiang-drink-open
  1. 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、启动成功后,浏览器访问如下地点,查看接口文档
  1. http://localhost
  2. :48081/doc.html
复制代码
后台管理

1、用 VS Code 打开 yshop-drink-vue3 目次
2、安装依赖
  1. npm install
  2. # or
  3. pnpm install
复制代码
3、修改 .env.dev 配置文件中 VITE_BASE_URL 配置为 VITE_BASE_URL='http://localhost
:48081'
4、启动项目
  1. npm run dev-server
  2. # or
  3. pnpm run dev-server
复制代码
5、浏览器访问
  1. 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
  1. ...
  2. /* 小程序特有相关 */
  3. "mp-weixin" : {
  4.     "appid" : "wx001e2dc50bf532df",
  5.     "setting" : {
  6.         "urlCheck" : false
  7.     },
  8.     "usingComponents" : true,
  9.     "permission" : {
  10.         "scope.userLocation" : {
  11.             "desc" : "定位最近的门店"
  12.         }
  13.     },
  14.     "requiredPrivateInfos" : [ "getLocation", "chooseLocation" ]
  15. },
  16. ···
复制代码
4、在 HBuilderX 中点击运行==>运行到小步伐模仿器==>微信开发者工具
yshop-drink 实现了一套在线扫码点餐的完整功能,很适合个人或企业进行二次开发,同时也是一个值得学习的 Java 开源项目!快去试试吧~
  1. 项目地址:https://github.com/guchengwuyue/yshop-drink
复制代码
最后

推荐的开源项目已经收录到 GitHub 项目,接待 Star:
  1. https://github.com/chenyl8848/great-open-source-project
复制代码
大概访问网站,进行在线浏览:
  1. https://chencoding.top:8090/#/
复制代码

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

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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
回复

使用道具 举报

0 个回复

正序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

祗疼妳一个

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表