一、根据表使用代码生成器自动生成后端代码

1、创建表

2、配置代码生成器

配置数据库连接池，连接数据库，指定包名

配置生成代码的位置、表名和类名

3、使用ant脚本自动生成代码

由此生成一个模块的基本功能

4、在生成的controller中，修改save保存方法，返回id给前端

二、配置前端url表单

1、创建一个vue文件，表单内容可模板生成可自行设计,本次文件存放在front项目下

2、引入hotent.helper.js

3、添加saveData方法

说明：添加的saveData方法是在启动流程时或者审批流程时调用，保存表单数据，并返回id给x7流程系统，也就是businessKey。

本次使用budgetornot字段，是否有预算，是为1，否为0

4、mounted钩子函数添加获取表单数据逻辑

Url表单在审批页面时，会自动拼接id在地址后面，通过id获取唯一的表单数据

isEdit表示是否可编辑，为r代表是已办页面，为w才是待办页面，可编辑

5、在router.js中配置url表单文件的菜单地址

三、配置流程

1、创建一个分支流程

2、全局配置中配置url表单，url地址配置添加的vue表单地址

/fvue/urlFormManager?id={pk} 

?id={pk} 就是将传入的主键值拼接在审批页面url表单的地址后面

3、添加全局变量

此budgetornot对应vue表单文件中传入的param中的值

若需扩展其他条件，只需再添加全局变量，在vue表单文件的saveData方法的中传入即可

4、配置分支条件

budgetornot.equals("1")  budgetornot表示添加的全局变量

5、启动流程

点击启动流程时将自动调用vue表单文件的saveData方法，保存表单数据并传入全局变量给x7流程系统，并根据是否有预算的值，走向不同的分支，完成流程审批。