项目介绍

2022/1/10

文档目前还不完善,努力更新中...

# 说明

该项目是从自己真是的项目整理出来的,因个人能力有限,一些设计和处理或许欠佳,还请大佬们指正。旨在希望能给新手们一些借鉴启发(不应该照搬哈)。

# 目录介绍

├── mock                              // mock 数据
├── src
│   ├── api                           // 请求后台 api
│   ├── assets                        // 放置一些静态资源
│   │     │── styles                  // 样式资源
│   │     │    └── element-plus.scss  // 覆盖 element-plus 原有样式
│   │     │    └── element-theme.scss // 主题颜色
│   │     │    └── index.scss         // 全局样式
│   │     │    └── var.scss           // css 变量,在 vite.config 导入
│   │     │── imgs                    // 图片资源
│   │     │── typings                 // 一些 ts 文件
│   │
│   ├── components                    // 全局的公共组件,main.ts 注入
│   ├── directives                    // 指令
│   ├── http                          // axios 封装请求,统一处理接口请求
│   ├── layout                        // 主题布局
│   ├── router                        // 路由
│   │     │── modules                 // 路由模块 (store 接口相同)
│   │     │── index.ts                // 路由守卫
│   │     │── routes.ts               // 自动导入所有路由
│   ├── store                         // 状态管理 vuex 相关配置
│   ├── utils                         // 工具方法目录
│   │     └── pageType                // 导入、导出、权限、搜索的关键词(type)
│   │     └── validation.ts           // 正则校验
│   │     └── elValidation.ts         // element from 表单校验方法封装
│   │     └── menus.ts                // 菜单路由
│   │     └── utils.ts                // 工具方法
│   ├── views                         // 存在vue页面组件的文件夹
│   │     │── base                    // 功能模块
│   │     │    │── role    	        	// 页面模块
│   │     │    │     └── role.vue
│   │     │    │     └── roleModule.ts // 每个页面单独一份storeModule,便于维护
│   │     │    │     └── add.vue