|
|
# 飞龙快递系统
|
|
|
|
|
|
## 系统概述
|
|
|
|
|
|
- 基于vue3框架开发
|
|
|
- 用例图如下：
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 代码书写说明
|
|
|
|
|
|
`以下是 Vue 项目 src 目录的详细说明`：
|
|
|
```
|
|
|
src/
|
|
|
├── assets/ # 静态资源
|
|
|
│ ├── css/ # 样式文件
|
|
|
│ │ └── base.css # 基础样式文件
|
|
|
│ └── (各种图片) # 图片资源文件夹
|
|
|
├── components/ # 可复用的 Vue 组件
|
|
|
│ ├── Carousel.vue # 轮播组件
|
|
|
│ ├── Header.vue # 页面头部组件
|
|
|
│ ├── Footer.vue # 页脚底部组件
|
|
|
│ └── Login.vue # 登录注册组件
|
|
|
├── hooks/ # 自定义 Hooks
|
|
|
│ └── useEmitter.js # 事件发射器 Hook
|
|
|
├── icons/ # 图标资源
|
|
|
│ └── svg/ # SVG 图标文件夹
|
|
|
│ └── (各种图标) # 各类 SVG 图标
|
|
|
├── router/ # 路由配置
|
|
|
│ └── index.js # 主路由配置文件
|
|
|
├── store/ # Vuex 状态管理
|
|
|
│ └── index.js # Vuex Store 入口文件
|
|
|
├── views/ # 页面视图组件
|
|
|
│ ├── back/ # 后台管理页面
|
|
|
| | ├── index.vue # 后台管中心
|
|
|
| | ├── order.vue # 订单管理中心
|
|
|
| | ├── personal.vue # 人员管理中心
|
|
|
| | ├── problem.vue # 问题管理中心
|
|
|
| | └── backlogin.vue # 后台登录
|
|
|
│ ├── courier/ # 快递员页面
|
|
|
│ │ ├── index.vue # 快递员中心
|
|
|
│ │ └── order.vue # 订单管理中心
|
|
|
│ ├── fore/ # 前台用户页面
|
|
|
│ │ ├── check.vue #查件
|
|
|
│ │ ├── delivery.vue # 寄件
|
|
|
│ │ ├── service.vue # 快递服务
|
|
|
│ │ ├── profile.vue # 我的资料
|
|
|
| | ├── address.vue # 地址簿
|
|
|
│ │ ├── complaint.vue # 快递投诉
|
|
|
│ | └── feedback.vue # 我有建议
|
|
|
│ └── home.vue # 主页面组件
|
|
|
├── App.vue # 主应用组件
|
|
|
├── main.js # 应用入口文件
|
|
|
└── request/ # 请求相关文件夹
|
|
|
└── style.css # 请求样式文件
|
|
|
|
|
|
```
|
|
|
### 目录及文件描述
|
|
|
- `assets/:` 存放静态资源，如 CSS 文件、图片等。
|
|
|
- `components/:` 存放可复用的 Vue 组件，组织项目中的 UI 元素。
|
|
|
- `hooks/:` 自定义 Hook，包含复用的逻辑。
|
|
|
- `icons/:` 存放 SVG 图标文件。
|
|
|
- `router/:` 路由配置文件，管理应用的路由和导航。
|
|
|
- `store/:` Vuex 状态管理相关文件，维护全局状态。
|
|
|
- `views/:` 页面视图组件，组织应用的主要页面内容。
|
|
|
- `App.vue:` Vue 应用的根组件。
|
|
|
- `main.js:` 应用的入口文件，初始化 Vue 实例和配置。
|
|
|
- `request/:` 存放与网络请求相关的文件。 |
