【JEECG技术博文】JEECG简单实例讲解自定义表单功能

JEECG简单实例讲解自定义表单功能

作者:任杰 http://blog.csdn.net/renjie0520/article/details/50286503

一、自定义表单功能简介

自定义表单是JEECG智能开发平台开发的一套可视化的表单设计功能,基于ueditor实现,bootstrap样式风格。

总体来讲,自定义表单功能概括起来如下:

1)表单预览,动态报表展示(列表数据展示)

2)表单数据填报,支持多数据表同时填报,一对多数据表填报,单表多条数据批量填报等

自定义表单支持用户自定义模板,同时也有大量丰富的标准表单控件,使得用户能够快速灵活的设计个性化、多样化的表单,从而大大提高工作效率、降低用户工作成本。

二、自定义表单开发实例

1.简单实例(单表开发)

1)创建自定义表单模板

2)设计表单

3)添加数据源

数据源类型分为两种(Java类正在积极实现中)

  • 数据库表

数据库表为直接指定该表单数据列填报时对应的数据库表

  • 动态SQL

主键作为查询条件,值从请求中的参数id中获取,获取方法格式为${id}。

4)生成表单

咱们以添加的“ds_1”数据源为例:

5)预览表单

刷新列表后,选择添加的表单,点击“预览”,进入查看界面,分别选择三种模式进行操作。

进入该表单数据库,找到刚添加的数据的id,进入预览模式,输入id即可进行修改及查看,以“查看模式”为例:

至此单个表单的生成及数据添加演示完成。

2.复杂表单(一对多关系的多表实例)

一对多关系的多表关系,请先设置好主从表关系:即外键关系。添加主数据表的数据源及从表的数据源的步骤与单表添加数据源的步骤类似不在赘述,直接进入添加表单环节。

1)添加表单

从表的列表控件设置界面:

2)表单预览

一对多表单的数据添加、修改、查看模式的操作步骤与单表类似。下图展示一对多表的“添加模式”的界面:

三、表单控件简介

JEECG只能开发平台自定义表单具有丰富的表单控件,能够结合当前数据源,快速的设置表单元素的展示类型。

1.单行输入框、多行输入框

单行输入框及多行输入框大体上功能类似,差异不大,请亲自比对差异!

下面仅以单行输入框为例讲解:

2.下拉框、单选框及复选框

下拉框、单选框及复选框最大的特色就是与本平台字典功能结合,选定字典后,自动生成对应的内容。

以下拉框为例进行讲解:

3.宏控件

宏控件主要是用来格式化时间及自动提取并展示当前用户的信息:

4.列表控件

列表控件的功能及使用已经在上述讲过,再此介绍下详细的属性及使用心得:

5.POPUP控件

该控件比较特殊,结合JEECG智能平台的ONLINE动态报表配置功能实现列表值的生成。

至此,JEECG开源平台的自定义表单功能及表单控件就讲解完毕了,表单的具体使用需要大家亲自尝试,如果问题,可以在JEECG官方网站寻求资料及帮助。

祝大家工作顺利!

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow

原文地址:https://www.cnblogs.com/skiwndhw/p/10351982.html

时间: 2024-08-01 22:40:38

【JEECG技术博文】JEECG简单实例讲解自定义表单功能的相关文章

【JEECG技术博文】简单实例讲解JEECG ONLINE表单权限控制(jeecg3 6)

简单实例讲解JEECG ONLINE表单权限控制(jeecg3.6) 原       文:http://blog.itpub.net/30066956/viewspace-1872409/ 相关博文:http://blog.itpub.net/30066956/viewspace-1868754/ 作       者: 许国杰 一.业务背景 某公司要实现一个日志系统,用来了解员工的工作量饱和情况. 二.需求 1.角色分为:员工.经理两种. 2.员工每天在日志系统中填报工作总结,然后经理进行点评.

JEECG 简单实例讲解权限控制

JEECG简单实例讲解权限控制 博文地址:http://blog.itpub.net/30066956/viewspace-1868754/ 作者: 许国杰 一.业务背景 某公司要实现一个日志系统,用来了解员工的工作量饱和情况. 二.需求 1.角色分为:员工.经理两种. 2.员工每天在日志系统中填报工作总结,然后经理进行点评. 3.表单内容包含:姓名.日期.工作总结.个人笔记.日志点评. 三.业务权限描述 1. 员工可以进行日志填报.查看操作.(按钮控件权限) 2. 经理可以进行日志点评.查看操

Android 实例讲解自定义Camera拍照和预览以及前后置摄像头切换

上一篇博文讲解了怎么去调用本地图片和调用系统拍照图片(http://blog.csdn.net/a123demi/article/details/40003695)的功能. 而本博文将通过实例实现自定义Camera的功效.具体功能如下: 1.实现自定义Camera拍照: 2.实现前后置摄像头的切换: 3.实现Camera拍照后图片缩小显示以及正常预览: 4.实现Camera拍照后图片保存: 在具体实现代码之前,我们先来了解一下Android api对实现自定义Camera的介绍. 根据api的介

【JEECG技术博文】Local storage & easyui extensions

1. Local storage背景 cookie弊端:同域内http请求都会带cookie,增加带宽和流量:有个数和大小限制(约4K). 在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,从名字应该可以很清楚的辨认二者的区别,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了.二者用法完全相同. 2. Jquery.storage.js插件 项目主页,api请参考http://ek.alphaschildren.o

【JEECG技术博文】Local storage & easyui extensions

1. Local storage背景 cookie弊端:同域内http请求都会带cookie,添加带宽和流量:有个数和限制大小(约4K). 在HTML5中,本地存储是一个window的属性.包含localStorage和sessionStorage.从名字应该能够非常清楚的辨认二者的差别.前者是一直存在本地的,后者仅仅是伴随着session,窗体一旦关闭就没了. 二者用法全然同样. 2. Jquery.storage.js插件 项目主页,api请參考http://ek.alphaschildre

【JEECG技术博文】JEECG国际化介绍

1.为什么要做国际化 没有国际化的框架是一个不完整的框架,特别在全球信息化的今天,国际化不再是鸡肋,而是在选择开发平台时必须首要的考试因素,特别在有些公司平台是否国际化具有一票否决要素,所以我们要搞国际化,而不是仅仅是简单的高大尚. 2.国际化的实现原理 国际化听起来简单,但要框架中要做到与框架的无缝衔接,松耦合还是有一定难度的.有些系统有时不需要做国际化,在做国际化如果快速发现哪些没有被国际化的字段等,这些问题都开发者在开发过程中实际需要解决的问题,而这一切我们都已经帮你想到了. 用户在登录页

【JEECG技术博文】JEECG表单配置-树形表单

表单配置支持树型表单了,具体效果如下图: 配置说明 1.是否树:选择是. 2.树形表单父Id:表的自关联外键. 3.树形表单列表:显示树形图标的列,如上图中为[组织机构名称]. 4.默认值:最外层数据的父Id值,具体看表的设计.上图中在数据库表中的默认值为null.

【JEECG技术博文】JEECG图表配置说明

一.图表配置可以做什么? 图表配置可以通过在线配置,无需编写代码生成图形报表页面.使用highcharts.js实现,可以运行 在任何现代浏览器,包括移动终端以及IE6.目前支持曲线图.柱状图等基础报表. 二.配置说明 ? 编码:  作为此图表的唯一标识. ? y轴文字:对应y轴文字. ? x轴数据:x轴上单位数据.数据可以: 1.一个字段名. 2.一个数组对象.如:['xdata1', 'xdata2', 'xdata']. ? 是否显示明细数据:"是"显示明细数据."否&

简单实例讲解linux的module模块编译步骤(转)

注:原博文讲述较为详尽细致,故转到本地--aaronGao ------------------------------------------------------------------------------------------------------------------------------------------- 本文将直接了当的带你进入linux的模块编译.当然在介绍的过程当中,我也会添加一些必要的注释,以便初学者能够看懂.之所以要写这篇文章,主要是因为从书本上学的话,