一、 业务背景
客户需要快速开发一个信息采集的功能模块,并使用已规划好的页面,实现个性化页面展示,使用标准左右布局的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、 测试界面与数据录入

完成
分享到:
相关推荐
在线自定义模板的使用在现代企业信息化建设中扮演着重要角色,特别是在JEECG这样的快速开发框架中。本文将深入探讨如何利用模板技术满足客户对于快速开发和个性化界面的需求。 一、业务背景与需求分析 在当今信息...
此外,它还支持自定义工作流,用户可以灵活设计审批流程,满足不同企业的个性化需求。 源码结构解析: 1. `jeecg-boot-master`:这是项目的根目录,包含了整个项目的源代码。 - `pom.xml`:Maven项目配置文件,...
### JEECG Online Coding开发手册 v3.6 知识点总结 #### 1. 单表智能表单 [Online 表单开发] ##### 1.1 创建数据表单(界面如下图) - **创建单表**: 在创建单表时需要注意的是必须包含一个主键字段,并且该主键...
2. **方式二:通过模板配置**: 使用自定义模板,对表单的各个部分进行精细化设计。 通过以上的介绍,我们了解到JEECG Online表单配置涵盖了从基本参数设置到高级个性化定制等多个方面,为开发者提供了丰富的工具和...
JEECG支持三种方式配置表单样式:使用默认模板(系统自动生成)、用户通过Word设计模板上传(支持在线修改)、以及编辑表单界面选择特定的表单模板(online表单风格功能)。在表单维护方面,用户可以进入数据列表...
### JEECG Online Coding开发手册v3.4.5 关键知识点详解 #### 1. 单表智能表单 **1.1 创建数据表单** - **创建单表**: 在创建单表时,需要确保表格包含一个主键字段,并且此主键字段必须设置为不允许为空值、不...
每个PPT文件可能对应上述主题的一个或多个子话题,通过详细解读这些文件,学习者可以逐步掌握JEECG Online的使用和开发技巧。每个文件都可能包含具体的步骤、截图示例、代码片段以及实践案例,以加深理解并提供实际...
### JEECG Online Coding开发手册 v3.3 #### 单表智能表单 ##### 创建数据表单 - **步骤1:** 在JEECG智能开发平台中创建单表时,需要确保表中有主键,并且该主键需设置为不可为空、不显示在表单上、不在查询条件...
JEECG宗旨是: 简单功能由代Online Coding配置出功能;复杂功能由代码生成器生成进行手工Merge; 复杂流程业务采用表单自定义,业务流程使用工作流来实现、扩展出任务接口,供开发编写业务逻辑。实现了流程任务节点和...
JEECG提供了Online表单开发功能,该功能包括表单的原理、使用以及自定义风格方法和风格模板命名。开发者还可以上传风格并配置Online报表,从而提高表单开发的灵活性和效率。 6. Online报表配置与查询过滤器 JEECG...
JEECG宗旨是:简单功能由代Online Coding配置出功能;复杂功能由代码生成器生成进行手工Merge;复杂流程业务采用表单自定义,业务流程使用工作流来实现、扩展出任务接口,供开发编写业务逻辑。实现了流程任务节点和...
**Online 表单风格**: - **自定义风格方法**:用户可以根据自己的需求定制表单的外观样式。 - **风格模板命名**:为不同的表单风格定义明确的命名规则。 - **风格上传**:支持上传自定义的 CSS 文件来改变表单的...
1. **JEECG Online Coding开发手册v3.3.pdf** 这份文档主要涵盖了JEECG的在线编码功能,这是一个强大的工具,允许开发者在平台上直接进行代码生成。它支持自定义模板,可以快速生成后台Java代码、前端页面和相关的...
- **自定义模板**:提供四套不同的风格模板,开发者可以根据实际需求进行选择。 - **在线业务建模**:支持在线进行业务建模,即用户可以通过图形界面定义数据模型及其关系,系统会自动生成相应的代码。 #### 微服务...
JEECG功能特点:1、采用SpringMVC+Hibernate+Minidao(类Mybatis)+Easyui(UI库)+Jquery+Boostrap+Ehcache+Redis+Ztree+Vue+Boostrap-table+ElementUI等基础架构2、采用面向声明的开发模式,基于泛型编写极少代码即可...
2、采用面向声明的开发模式,基于泛型编写极少代码即可实现复杂的数据展示、数据编辑、表单处理等功能,再配合Online Coding在线开发与代码生成器的使用,将J2EE的开发效率提高8倍以上,可以将代码减少90%以上。...