前言
为了方便快速开发管理系统和练习技术,开发了一套前后端分离的脚手架项目
技术栈
前端
技术 | 版本 | 描述 |
---|
node | 10.0 + | LTS版本 |
npm | 6.0 + | |
vue | 2.6+ | |
vue-cli | 3.6 | |
element-ui | 2.7+ | |
vue-element-template | | 开源基础模板 |
后端
技术 | 版本 | 描述 |
---|
jdk | 8+ | |
maven | 3.5 + | |
spring boot | 2.1.4.RELEASE | |
mybatis plus | 3.3.0 | |
easyexcel | 2.1.7 | |
mysql | 8+ | 数据库 |
工程目录
前端
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
| ├── build // 构建相关 ├── mock // 项目mock 模拟数据 ├── config // 配置相关 ├── public // 静态资源 │ │── favicon.ico // favicon图标 │ └── index.html // html模板 ├── src // 源代码 │ ├── api // 所有请求 │ ├── assets // 主题 字体等静态资源 │ ├── components // 全局公用组件 │ ├── directive // 全局指令 │ ├── filters // 全局 filter │ ├── icons // 项目所有 svg icons │ ├── lang // 国际化 language │ ├── layout // 全局 layout │ ├── router // 路由 │ ├── store // 全局 store管理 │ ├── styles // 全局样式 │ ├── utils // 全局公用方法 │ ├── vendor // 公用vendor │ ├── views // views 所有页面 │ ├── App.vue // 入口页面 │ ├── main.js // 入口文件 加载组件 初始化等 │ └── permission.js // 权限管理 ├── tests // 测试 ├── .env.xxx // 环境变量配置 ├── .eslintrc.js // eslint 配置项 ├── .babelrc // babel-loader 配置 ├── .travis.yml // 自动化CI配置 ├── vue.config.js // vue-cli 配置 ├── postcss.config.js // postcss 配置 └── package.json // package.json
|
后端
1 2 3 4 5 6 7 8 9 10 11 12
| ├── grass-parent // 父工程 ├── grass-core // 核心工程 │ ├── common // 公共代码包 │ ├── config // 配置代码包 │ ├── utils // 公共工具包 │ └── GrassApplicationRunner.java // 核心启动类 ├── grass-autoconfigure // 自动配置工程 ├── grass-starter // starter工程,供其他工程依赖 ├── ecm // 依赖核心工程的标准spring boot工程 │ ├── operation // 运维相关功能 │ ├── system // 系统管理功能 └── └── ECMSpringBootApplication.java // 工程启动类
|
效果
展示几张效果图,有时间搭建一个演示环境
首页
组织机构管理
运维日志管理
前端封装组件的例子
后端工程
未来
前端
- 前端支持容器化
- 支持Tab方式
后端
- 集成到之前搭建的Spirng cloud 环境中
结束语
关于工程前缀“grass”来源,本来是打算用“芨芨草”英文来做工程前缀的,但它(Achnatherum splendens (Trin. ) Nevski )的英文名称太长,不太适合。故取通用的“grass”作为工程前缀。