# 帝可得售货端applet

**Repository Path**: progman66/dkd-applet

## Basic Information

- **Project Name**: 帝可得售货端applet
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-06
- **Last Updated**: 2025-06-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

🔗**本项目相关链接**

> 帝可得前端:https://gitee.com/progman66/dkd-parent
>
> 帝可得后端:https://gitee.com/progman66/dkd-parent
>
> 帝可得运营管理APP端:https://gitee.com/progman66/dkd-app
>
> 帝可得屏幕售货端:https://gitee.com/progman66/dkd-applet
>
> 帝可得产品原型:https://codesign.qq.com/s/426304924036117
>
> 帝可得接口文档:https://dkd-api.pages.dev
>
> 帝可得在线笔记: https://ksg50j5gph.feishu.cn/docx/NxIqdCZVzo2tRfxNL6Nc1BD1nnf

🔗**其他相关链接**

>X File Storage官方文档:https://x-file-storage.xuyanwu.cn
>
>EasyExcel官方文档:https://easyexcel.opensource.alibaba.com
>
>RuoYi官方文档:https://doc.ruoyi.vip/ruoyi
>
>Knife4j官方文档:https://doc.xiaominfo.com/docs/quick-start
>
>Element Plus官方文档:https://element-plus.org/

# 售货机屏幕端

这是一个基于 Spring Boot + Vue.js 构建的售货机屏幕端项目，主要实现商品展示、扫码支付、订单管理等功能。适用于智能售货机设备的前端交互与后端数据对接。

## 🧰 技术栈

### 后端

- Java 11
- Spring Boot
- MyBatis Plus
- Druid 数据库连接池
- JWT 权限验证
- Redis 缓存支持
- 支付模块：支付宝 & 微信支付 SDK

### 前端

- HTML / CSS / JavaScript
- Vue.js
- QRCode 生成二维码
- MQTT 实时通信（用于监听出货状态）

### 其他依赖

- MySQL 数据库
- EMQ/MQTT 消息中间件

## 🗂️ 项目结构

![image-20250606050255836](./assets/image-20250606050255836.png)

## 📦 功能模块

### 后端模块

| 模块                     | 描述                        |
| ------------------------ | --------------------------- |
| OrderController          | 订单创建,支付请求处理       |
| VendingMachineController | 售货机状态查询,商品列表获取 |
| SkuService               | 商品库存,价格策略工具       |
| PolicyService            | 售货机和策略                |
| TokenObject              | 登录鉴权Token解析           |

### 前端模块

| 页面           | 功能                                   |
| -------------- | -------------------------------------- |
| index.html     | 商品展示,扫码支付界面                  |
| Vue.js控制逻辑 | 商品选择,支付方式切换,MQTT监听出货结果 |
| QRCode         | 生成微信/支付宝付款二维码              |
| MQTT链接       | 实时监听出货成功/失败事件并刷新界面    |

## 🙏致谢

本项目“帝可得”智能售货机管理系统，是在 [黑马程序员](https://space.bilibili.com/37974444) 无私分享的课程精神和优质教学资源支持下完成的。通过黑马课程的系统学习，我们不仅掌握了扎实的技术基础，也深刻理解了企业级开发的规范与实践。
在此衷心感谢：

- 黑马程序员提供的高质量知识体系和技术指导；
- 所有无私分享经验的讲师[于帅](https://space.bilibili.com/491007262)和开发者们；

正是因为有了这样开放、协作、共享的学习环境，我们才能将所学应用于实际项目，推动技术成长和项目落地。希望“帝可得”也能成为回馈社区的一份力量，延续这份宝贵的分享精神！
—— 致每一位热爱技术、追求卓越的我们

### 🤺有问题欢迎一起讨论

![image-20250606050858553](./assets/image-20250606050858553.png)