前言
为了方便快速开发管理系统和练习技术，开发了一套前后端分离的脚手架项目
技术栈
前端
| 技术 |
版本 |
描述 |
| 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”作为工程前缀。