Online表单高级应用 === **目录索引:** - Online表单模板设计 1. Word表单模板设计 2. 上传Word表单模板/复制word样式 3. 激活模板 4. 测试表单模板效果 5. Word模板字段校验规则 - Online表单自定义样式 1. 介绍 2. 表单样式自定义 3. 表单样式模板命名 4. 表单样式上传 5. 表单样式选择 - 数据库表导入表单 # Online表单高级应用 ## 一、Online表单模板设计 ### 1.Word表单模板设计 请假单 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16153030_rbyX.png "在这里输入图片标题") 表单要关联数据表中的字段使用#{字段名}来表示 ### 2.上传Word表单模板/复制word样式 通过word模板上传或者直接复制word格式到编辑器中。 注意: 上传Word模板,需要安装Jacob COM组件 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16153111_thyV.jpg "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154520_s9jJ.png "在这里输入图片标题") ### 3.激活模板 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154448_6Mxe.jpg "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154455_ovsG.jpg "在这里输入图片标题") ### 4.测试表单模板效果 进入表单列表页面,点击添加页面,查看效果 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154351_pF75.jpg "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154357_Uljb.jpg "在这里输入图片标题") ### 5.Word模板字段校验规则 整体的设计思想延续ValidForm的表达式规则,支持自定义 | 定义 |表达规则 | | -------- | ----- | ---- | | 不能为空!| *| | *6-16| *6-16| | 请填写数字!| n| | 请填写6到16位数字!| n6-16| | 不能输入特殊字符!| s| | 请填写邮政编码!| P| | 请填写手机号码!| m| | 邮箱地址格式不对!| e| | 请填写网址!| url| | ## 二、Online表单自定义样式 ### 1.介绍 Online表单通过风格切换,实现一个表单多种展现风格;Online表单风格支持用户自定义。 ### 2.表单样式自定义 下载默认风格,修改html页面和样式。 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154155_InWV.png "在这里输入图片标题") 下载模板目录和文件格式如下: ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154121_4o1A.png "在这里输入图片标题") ![输入图片说明](https://static.oschina.net/uploads/img/201804/16154129_92PZ.png "在这里输入图片标题") ### 3.表单样式模板命名 注意: 文件名是固定的,模板内容可以自行修改 |序号 | 模板内容| 文件名| | -------- | ----- | ---- | | 1| 单表模型,表单模板名字| jform.ftl| | 2| 一对多模型、一对一模型,表单模板名字| jformunion.ftl| | 3| 列表模板名字| autolist.ftl| ### 4.表单样式上传 选择自定义风格ZIP文件,设置类型通用,激活状态上传。 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16153807_8uNL.png "在这里输入图片标题") ### 5.表单样式选择 模板上传后在【Online表单开发】功能编辑页面,选择表单风格 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16153726_jg9D.png "在这里输入图片标题") 点击【Online表单开发】列表页面【功能测试】可查看表单效果 ## 三、数据库表导入表单 根据数据库存在的物理表来生成智能表单的配置。 注意: 已经存在表需要遵循online规则,主键必须是ID, 且是唯一主键。 ####① 点击[数据库表生成表单]。 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16153212_OjK2.png "在这里输入图片标题") ####② 选择要生成智能表单的数据库表 ![输入图片说明](https://static.oschina.net/uploads/img/201804/16153152_wMXJ.png "在这里输入图片标题")