# 挪个车嘛

**Repository Path**: weboo_admin/move-a-car

## Basic Information

- **Project Name**: 挪个车嘛
- **Description**: 扫码挪车 微信小程序
- **Primary Language**: Unknown
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2025-03-25
- **Last Updated**: 2025-05-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 车主挪车通知系统

## 项目介绍

车主挪车通知系统是一个基于微信小程序的应用，旨在解决车主被要求挪车时的通知问题。车主可以为自己的车辆生成专属挪车码，贴在车上，当其他人需要联系车主挪车时，只需扫描挪车码，即可向车主发送通知。

## 项目预览

![挪车码预览](https://pro-cdn.bugjianghu.com/250325/pub_67e2430d9138d0.63403321.jpg)

![机器人通知](https://pro-cdn.bugjianghu.com/250325/pub_67e24557e713b3.49391042.png)

## 启动项目

```bash
pnpm install
```

```bash
npm run dev:mp-weixin
```

## 功能特点

1. **挪车码管理**：
   - 领取挪车码：用户可以填写车辆信息领取专属挪车码
   - 挪车码列表：查看和管理所有已领取的挪车码
   - 挪车码详情：查看单个挪车码的详细信息和使用记录

2. **通知设置**：
   - 微信通知：接收微信消息通知
   - 短信通知：接收短信通知（需要填写手机号）
   - 机器人通知：接收机器人通知（微信机器人通知）
   - 免打扰时间：设置免打扰时间段，避免打扰
   - webhook通知：接收webhook通知（需要填写webhook地址）

3. **消息中心**：
   - 查看所有挪车请求和系统通知
   - 拉黑用户：拉黑用户后，该用户发送的挪车请求将不再通知车主
   - 标记已读/未读
   - 清空消息

4. **挪车码生成**：
   - 选择车辆生成挪车码
   - 自定义挪车码样式
   - 下载或分享挪车码

## 使用指南

1. **领取挪车码**：
   - 点击"领取挪车码"按钮
   - 填写车辆信息（车牌号、品牌、型号、颜色等）
   - 设置通知方式（微信通知、短信通知）
   - 点击"领取挪车码"完成

2. **使用挪车码**：
   - 将生成的挪车码打印出来
   - 贴在车辆显眼位置
   - 他人扫描挪车码可发送挪车请求
   - 您将通过设置的方式接收通知

## 技术栈

- 前端框架：uni-app (Vue 3)
- UI组件库：TuniaoUI-Vue3
- 后端框架：EasySwoole
- 开发工具：HBuilderX

## 后端架构

本项目后端采用EasySwoole框架开发，EasySwoole是一款基于Swoole扩展的高性能PHP微服务框架，具有以下特点：

1. **高性能**：基于Swoole扩展，支持协程，异步非阻塞IO
2. **分布式**：内置分布式支持，可轻松实现分布式部署
3. **热重载**：开发模式下支持热重载，提高开发效率
4. **丰富组件**：提供ORM、Redis、消息队列等丰富组件

### 后端功能模块

1. **用户认证模块**：
   - 微信小程序登录
   - 用户信息管理
   - 权限控制

2. **车辆管理模块**：
   - 车辆信息CRUD
   - 车辆状态管理

3. **二维码生成模块**：
   - 二维码生成与管理
   - 二维码样式模板管理

4. **消息通知模块**：
   - 微信消息推送
   - 短信通知服务
   - 消息历史记录

5. **数据统计模块**：
   - 挪车请求统计
   - 用户行为分析

## 项目结构

## 页面说明

### 首页
- 显示用户基本信息和最近通知
- 提供快捷功能入口

### 车辆管理
- 查看所有已添加车辆
- 添加新车辆
- 编辑车辆信息
- 查看车辆详情

### 二维码生成
- 选择车辆生成二维码
- 选择二维码样式
- 预览和下载二维码

### 消息中心
- 查看所有挪车请求通知
- 回复挪车请求

### 通知设置
- 设置通知方式（微信通知、短信等）
- 设置免打扰时间

## 技术实现

- 基于微信小程序开发
- 采用组件化开发方式
- 统一的UI设计风格

## 使用说明

1. 首次使用请添加车辆信息
2. 生成挪车二维码并打印贴在车上
3. 他人扫码后可发送挪车请求
4. 系统会通过微信通知车主


## 许可证
本项目采用 MIT 许可证 - 详情请参阅 [LICENSE](LICENSE) 文件

## 模拟数据说明

本项目使用模拟数据进行演示，无需后端API支持即可运行。所有API调用都已替换为模拟数据，包括：

1. **用户登录**：使用模拟TOKEN进行身份验证
2. **车辆列表**：展示预设的车辆数据
3. **消息列表**：展示预设的消息数据
4. **二维码生成**：使用预设的模板图片
5. **表单提交**：模拟提交过程和响应
6. **设置页面**：模拟保存和测试功能

这种设计使得项目可以作为纯前端项目运行，便于开发者快速体验和测试功能。如需连接实际后端API，只需替换相应的API调用代码。

### 如何切换到实际API

如果您需要将项目连接到实际的后端API，请按照以下步骤操作：

1. 在`src/common/api.js`中配置您的API基础URL
2. 移除各页面中的模拟数据代码
3. 恢复原有的API调用代码

主要修改的文件包括：
- src/App.vue
- src/pages/home/index.vue
- src/pages/message/index.vue
- src/pages/message/detail.vue
- src/pages/vehicle/list.vue
- src/pages/vehicle/add.vue
- src/pages/vehicle/edit.vue
- src/pages/qrcode/index.vue
- src/pages/qrcode/preview.vue
- src/pages/qrcode/scan-result.vue 扫码结果页面
- src/pages/settings/index.vue