# 飞龙快递系统 ## 系统概述 - 基于vue3框架开发 - 用例图如下: ![alt text](image.png) ![alt text](image-1.png) ## 代码书写说明 `以下是 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/:` 存放与网络请求相关的文件。