目录结构

后台页面目录结构

DoraCMS 后台页面是彼此独立的，每个页面相当于一个小工程，下面以管理员模块介绍其目录结构

  1. adminUser
  2. ├── README.md
  3. ├── babel.config.js
  4. ├── dist  （编译后目录）
  5. │   ├── favicon.ico
  6. │   ├── index.html
  7. │   └── js
  8. ├── package.json
  9. ├── postcss.config.js
  10. ├── public
  11. │   ├── favicon.ico
  12. │   └── index.html
  13. ├── src
  14. │   ├── App.vue  (入口文件)
  15. │   ├── api  (接口调用)
  16. │   ├── assets  (静态资源)
  17. │   ├── components  (公共租界)
  18. │   ├── filters  (过滤器)
  19. │   ├── icons  (svg小图标)
  20. │   ├── lang  (国际化)
  21. │   ├── main.js (入口文件)
  22. │   ├── router  (路由)
  23. │   ├── set-public-path.js (single-spa配置)
  24. │   ├── store  (redux)
  25. │   ├── styles (样式)
  26. │   ├── utils  (公共方法)
  27. │   └── views  (页面文件)
  28. └── vue.config.js

公共资源

在 publichMethod 目录下（backstage -> publicMethod），有必要介绍下各个文件的功能路径，这里包含了所有组件都需要引用的一些公共方法，保证每个组件编译后，相关的方法的统一。

  1. publicMethods
  2. ├── auth.js (cookie操作)
  3. ├── axiosLoading.js  (后台数据加载的loading效果)
  4. ├── baseLang (基础国际化字典)
  5. ├── events.js  (页面初始化逻辑处理)
  6. ├── get-page-title.js (定义工程名称)
  7. ├── request.js  (封装接口请求方法)
  8. ├── sass  (公共的样式)
  9. ├── settings.js  (统一配置文件)
  10. └── svg  (基础icon)