扫码点餐!在线点餐(外卖与自取)小程序!

打印 上一主题 下一主题

主题 867|帖子 867|积分 2601

大家好,我是 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: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 立即注册

本版积分规则

欢乐狗

金牌会员
这个人很懒什么都没写!
快速回复 返回顶部 返回列表