【JeecgBoot-Vue3】第4节 目录结构与常用组件介绍
一、项目的目录结构讲解
1. src/api/ 存放API相关信息
| src/api/ | 存放的是调用后台api接口相关信息 | |
| src/api/common | api.ts | api接口信息 |
2. src/assets 静态资源
| src/assets | 静态资源 | |
| src/assets/icons | 图标 | |
| src/assets/images | 图片 | |
| src/assets/less | 样式 | |
| src/assets/svg | svg图像 |
3. src/components 自定义组件
| src/components | 自定义组件 | |
| src/components/Application | ||
| src/components/Authority | ||
| src/components/Basic | ||
| src/components/Button | ||
| src/components/CardList | ||
| src/components/chart | ||
| src/components/ClickOutSide | ||
| src/components/CodeEditor | ||
| src/components/Container | ||
| src/components/ContextMenu | ||
| src/components/CountDown | ||
| src/components/CountTo | ||
| src/components/Cropper | ||
| src/components/Description | ||
| src/components/Drawer | ||
| src/components/Dropdown | ||
| src/components/Excel | ||
| src/components/Form | ||
| src/components/lcon | ||
| src/components/jeecg | ||
| src/components/JVxeCustom | ||
| src/components/Loading | ||
| src/components/Markdown | ||
| src/components/Menu | ||
| src/components/Modal | src/BasicModal.vue | 弹窗组件 |
| src/components/Page | ||
| src/components/Preview | ||
| src/components/Qrcode | ||
| src/components/Scrollbar | ||
| src/components/SimpleMenu | ||
| src/components/StrengthMeter | ||
| src/components/Table | ||
| src/components/Time | ||
| src/components/Tinymce | ||
| src/components/Transitior | ||
| src/components/Tree | ||
| src/components/Upload | ||
| src/components/Verify | ||
| src/components/VirtualScroll |
3. src/design 样式目录
| src/design | 样式目录 | |
| src/design/ant | ||
| src/design/transition | ||
| src/design/var | ||
| color.less config.less index.less public.less theme.less | 自定义样式 在index.less中引入 @import './theme .less' |
4. 其它
| src/directives | 定义指令 | |
| src/enums | 定义枚举 | |
| src/hooks | 页面常用方法，hook对象 | |
| usel18n.ts | 国际化hook | |
| src/layouts | 页面布局 | |
| page/index.vue | 普通页面布局 | |
| iframe/index.vue | iphone页面布局 | |
| src/locales | 本地资源 | |
| lang/en lang/zh-CN | 国际化语言配置 | |
| src/logics | 逻辑操作，如初始化DB | |
| src/qiankun | 微前端配置 | |
| src/router | 路由配置 | |
| src/settings | 配置 | |
| src/store | 缓存 | |
| src/utils | 工具类 | |
| src/views | 所有页面 | |
| App.vue | 入口文件 | |
| public | 公开的静态资源 |
二、自定义组件的讲解
作用：了解常用组建，可以提升开发速度
1. 前端打开
