0
点赞
收藏
分享

微信扫一扫

【JEECG技术文档】online自定义模板的使用


一、 业务背景

    客户需要快速开发一个信息采集的功能模块,并使用已规划好的页面,实现个性化页面展示,使用标准左右布局的Table或DIV风格的页面表现力不强,不能满足客户的个性化页面需要

二、 需求

 1、 快速开发

 2、 定制化界面

 3、 基本信息采集

三、 功能描述

 1、 实现基本的增删改查操作

 2、 一部分字段选项需要采用页面控件,如radio,日期控件,checkbox

 3、 对录入与查看编辑页面有要求

四、 开发过程

(一) 根据客户要求在线创建业务表单

【JEECG技术文档】online自定义模板的使用_表单

(二)  编辑表单属性

 【JEECG技术文档】online自定义模板的使用_jeecg_02

 ​(三) 同步数据库

 【JEECG技术文档】online自定义模板的使用_jeecg_03

 (四) 数据录入测试

 【JEECG技术文档】online自定义模板的使用_表单_04

(五) 根据定制化界面制作界面模板

1. 编写模板

2. 列表模板autolist.ftl

3. 展示模板jfom.ftl 

4. 模板数据绑定

 4.1 Input框数据绑定

    写法是基本固定的.在绘制好页面代码以后,只需要在对应的input框的value部分写入需要绑定的字段列即可.

    例如绑定客户资料管理卡中的客户名称的代码为


value="${data['${tableName}']['**********']?if_exists?html}"

    其中***********为在online表单开发里的对应字段的字段名称,而在这里完整代码应该为:

value="${data['${tableName}']['cust_name']?if_exists?html}"

【JEECG技术文档】online自定义模板的使用_jeecg_05

 4.2 Checkbox数据绑定

 【JEECG技术文档】online自定义模板的使用_java_06

5. 制作缩略图

6. 将模板放入项目路径中:/src/main/resources/online

 【JEECG技术文档】online自定义模板的使用_jeecg_07

7、 转到[online表单风格]菜单进行数据录入

 【JEECG技术文档】online自定义模板的使用_online_08

8、 页面模板与在线表单进行数据关联

 【JEECG技术文档】online自定义模板的使用_java_09

9、 测试界面与数据录入

 【JEECG技术文档】online自定义模板的使用_jeecg_10


完成


举报

相关推荐

0 条评论