Togest Developers

# 前端培训

# 1. 项目介绍

# 平台

	- 人员-菜单-权限
	- 元数据管理---表单、表格、详情
	- 流程管理
	- 消息
1
2
3
4

# 业务

	- 列表页
	- 表单页
	- 搜索页
	- 详情页
	- 流程
	- 消息
1
2
3
4
5
6

# 2. 开发环境搭建

- 安装jdk1.8
- 安装svn小乌龟
- 安装idea（vscode、eclipse均可，本培训以idea进行）
- 下载Lombok插件
- 使用svn小乌龟下载项目
- idea导入项目（等待maven自动下载依赖）
- 配置idea自动更新
1
2
3
4
5
6
7

image-20200316114922521

image-20200316114935344

- 启动项目
1

# 3. 项目相关技术

- springboot
- thymeleaf
- requirejs
- easyui(表格)
- vue
- elementui
1
2
3
4
5
6

# 4. 培训关注点

  • 菜单-路由-权限
  • 元数据管理
    • 组件类型
    • 属性描述
    • 查询方式
    • 允许多值
    • 字段状态
    • ...
  • 表格
    • 表格实现及业务（列格式化、事件处理...）
    • 相关文件 EasyTable.js 以及各个模块index.js
  • 表单
    • 表单实现及业务（联动、下拉、回填、保存...）
    • 新增、编辑、搜索
    • 相关文件 TgElSave.js formMethod.js
  • 详情
    • 详情组件
  • 流程实现
  • 消息

# 5. 组件相关文档

https://kromalee.github.io/vuepress-demo/webApplication

← 培训 →