文档章节

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

AK_47
 AK_47
发布于 2016/03/30 22:50
字数 437
阅读 10
收藏 0

online自定义模板的使用


作者:黄新刚


一、 业务背景

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

二、 需求

1、 快速开发

2、 定制化界面

3、 基本信息采集

三、 功能描述

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

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

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

四、 开发过程

1、 根据客户要求在线创建业务表单


2、 编辑表单属性

3、 同步数据库


4、 数据录入测试


5、 根据定制化界面制作界面模板

    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}"


            4.2)Checkbox数据绑定


    5) 制作缩略图

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


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


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

8、 测试界面与数据录入


完成

© 著作权归作者所有

AK_47
粉丝 16
博文 533
码字总数 569998
作品 0
嘉定
程序员
私信 提问
JEECG 3.7.5 Vue SPA 单页面应用版本发布

此版本为Vue+ElementUI SPA单页面应用版本,提供新一代风格代码生成器模板,采用Vue技术,提供两套精美模板ElementUI风格、Bootstrap分隔,大家速度体验,新鲜出炉,哇咔咔!! JEECG 是一款基...

Jeecg
2018/05/31
1K
6
Java快速开发平台,JEECG 3.7.7闪电版本发布,增加多套主流UI代码生成器模板

JEECG 3.7.7 闪电版本发布,提供5套主流UI代码生成器模板 导读 ⊙平台性能优化,速度闪电般提升 ⊙提供5套新的主流UI代码生成器模板(Bootstrap表单+BootstrapTable列表 ElementUI列表表单)...

Jeecg
2018/07/16
199
0
1024程序员节宅男节日快乐 -- JAVA快速开发平台,JEECG 3.8宅男优化版本发布

JEECG 3.8 版本发布!系统全面升级,重构上传组件、优化代码生成器机制! 导读 ⊙平台性能优化,系统更稳定,速度闪电般提升 ⊙系统上传组件全面重构,使用plupload组件,解决flash的适配问题...

Jeecg
2018/10/24
156
0
JEECG 3.8 宅男优化版本发布,1024 程序员节宅男节日快乐

JEECG 3.8 版本发布,系统全面升级,重构上传组件、优化代码生成器机制! 导读 ⊙平台性能优化,系统更稳定,速度闪电般提升 ⊙系统上传组件全面重构,使用plupload组件,解决flash的适配问题...

Jeecg
2018/10/24
3K
0
JEECG 3.6.6 新春版,企业级 Java 快速开发平台

JEECG 3.6.6 新春版本发布了,企业级 Java 快速开发平台。 升级日志: 此版本云应用微服务框架版本,支持插件开发,让我们共同期待后续版本的到来 插件:集成即时聊天webim聊天插件; 插件:我...

Jeecg
2017/02/09
2.3K
5

没有更多内容

加载失败,请刷新页面

加载更多

自建redis笔记

自建redis笔记 最近在linux安装了一下redis,特做一些笔记! 本文先单节点启动redis,然后再进行持久化配置,在次基础上,再分享搭建主从模式的配置以及Sentinel 哨兵模式及集群的搭建 单节点...

北极之北
16分钟前
1
0
vue+element之多表单验证

方法一:利用promise var p1=new Promise(function(resolve, reject) { this.$refs[form1].validate((valid) => { if(valid){ ......

沉迷代码我爱学习
18分钟前
1
0
golang 1.13 errors 包 新函数介绍

引 这次 errors 包算重量级更新。很有更能把以前的一些设计模式给推到。下面聊下用法。 error 装包 以前返回一个错误,想要保存 error 链,还要定义结构体保存以前的 error 信息。感兴趣看下...

guonaihong
27分钟前
41
0
并发编程之线程池

一、线程池 1、什么是线程池 Java中的线程池是运用场景最多的并发框架,几乎所有需要异步或并发执行任务的程序 都可以使用线程池。在开发过程中,合理地使用线程池能够带来3个好处。 第一:降...

codeobj
29分钟前
3
0
知识点总结思维导图模板分享,良心安利,建议收藏

思维导图经常被用在学习中,对大脑思维进行发散,对知识进行记忆。使用思维导图可以让知识更加简单更有层次。下面是利用思维导图所绘制的几款知识点总结思维导图模板,大家可以进行进行参考使...

干货趣分享
33分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部