圣禾堂管理系统模板
- 管理系统模板
- 圣禾堂管理系统必须基于此模板进行开发
- 预览地址 (opens in a new tab)
- 源码地址 gitlab (opens in a new tab)
- 克隆代码：
git clone http://gitlab.digit-man.com/freedom.yi/sht-admin-template - 安装应用：
yarn bootstrap - 启动应用：
yarn dev - 打包应用：
yarn build:test (test | prod)
- 功能简介
- 集成了一系列用户管理、组织管理、菜单管理、字典管理、角色管理 等等功能。
- 内置自定义ElementUi库 可以随意扩展element原有功能， 内置强大的Table组件 vxe-table3.x。
- 解决路由层级过多导致无法keep-alive缓存等一系列问题，通过编译时修复name属性，解决动态组件缓存问题。
- 通过scss变量保证系统所有颜色字体一致性，包括第三方库。
- 通过IndexDB数据实现大数据量缓存
- 文件说明
|--- build
|--- loader
|--- vue-components-name.js 修改组件name名称的loader
|--- public 静态资源
|--- .commitlintrc.js -> git提交说明验证文件
|--- .editorconfig -> 编辑器代码风格配置
|--- .env.development -> 开发环境 环境变量
|--- .env.test -> c测试环境 环境变量
|--- .env.production -> 生产环境 环境变量
|--- .eslintignore -> eslint 忽略配置文件
|--- .eslintrc.js -> eslint 配置文件
|--- .gitignore -> git 配置文件
|--- .prettierrc.js -> 代码风格配置文件
|--- babel.config.js -> babel配置文件
|--- index.d.ts -> ts配置文件
|--- jest.config.js -> jest测试配置文件
|--- package.json -> 项目工程文件
|--- README.md -> 项目说明文件
|--- server.js -> 本地node服务启动文件
|--- vue.config.js -> vue-cli配置文件
|--- src -> 项目目录
|--- api -> 请求文件
|--- index.js -> 封装axios
|--- xxx -> 功能模块的请求文件
|--- common -> Vue 公共组件
|--- inxex.js -> vue全局组件入口
|--- config -> 项目配置文件
|--- index.js -> 项目基本配置
|--- const.js -> 项目常量配置
|--- data-keys.js -> 前端本地字典
|--- vxe-table.js -> table全局配置
|--- database -> 本地数据库
|--- index.js -> idb数据库配置
|--- page -> 静态页面
|--- index -> 重写 next.js 的入口文件
|--- header -> 全局头部组件
|--- left -> 全局侧边栏组件
|--- index.vue -> 全局容器页面
|--- loign -> 登录页面
|--- error -> 错误页面
|--- router -> 路由
|--- index.js -> 路由入口配置
|--- intercept.js -> 路由拦截配置
|--- routers.js -> 动态路由配置
|--- page -> 静态路由配置
|--- store -> Vuex
|--- modules -> redux文件
|--- getters.js -> redux文件
|--- index.js -> Vuex入口文件
|--- type -> ts类型定义
|--- view -> 映射pages下所有文件, 页面代码具体实现地
|--- .eslintrc.js -> src 目录下的 eslint 配置文件云仓管理系统如何升级模板
- 路由扁平化替换
- 增加vuex控制keep-alive
- 增加webpack的loader插件
- 升级element0.0.15, 升级vxe-table, 修复scss除法