关注JEECG发展历程 关注最新动态和版本, 记录JEECG成长点滴 更新日志 - 技术支持 - 招聘英才

JEECG最新版本下载 JEECG智能开发平台 - 显著提高开发效率 常见问题 - 入门视频 - 参与开源团队

商务QQ: 69893005、418799587 商务热线(5*8小时): 010-64808099 官方邮箱: jeecgos@163.com

查看: 10457|回复: 0

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

[复制链接]
发表于 2018-2-7 15:20:48 | 显示全部楼层 |阅读模式
一、 业务背景
    客户需要快速开发一个信息采集的功能模块,并使用已规划好的页面,实现个性化页面展示,使用标准左右布局的Table或DIV风格的页面表现力不强,不能满足客户的个性化页面需要
二、 需求
1、 快速开发
2、 定制化界面
3、 基本信息采集
三、 功能描述
1、 实现基本的增删改查操作
2、 一部分字段选项需要采用页面控件,如radio,日期控件,checkbox
3、 对录入与查看编辑页面有要求
四、 开发过程
(一) 根据客户要求在线创建业务表单
11.png
(二)  编辑表单属性
22.png
(三) 同步数据库
33.png
(四) 数据录入测试
44.png
(五) 根据定制化界面制作界面模板
1. 编写模板
2. 列表模板autolist.ftl
3. 展示模板jfom.ftl
4. 模板数据绑定
    4.1 Input框数据绑定
    写法是基本固定的.在绘制好页面代码以后,只需要在对应的input框的value部分写入需要绑定的字段列即可.
    例如绑定客户资料管理卡中的客户名称的代码为
  1. value="${data['${tableName}']['**********']?if_exists?html}"
复制代码
    其中***********为在online表单开发里的对应字段的字段名称,而在这里完整代码应该为:
  1. value="${data['${tableName}']['cust_name']?if_exists?html}"
复制代码
55.png

    4.2 Checkbox数据绑定
66.png
5. 制作缩略图
6. 将模板放入项目路径中:/src/main/resources/online
77.png
7、 转到[online表单风格]菜单进行数据录入
88.png
8、 页面模板与在线表单进行数据关联
99.png
9、 测试界面与数据录入
10.png
完成

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表