JEECG简单实例讲解--自定义表单

1、JEECG简单实例讲解自定义表单功能一、自定义表单功能简介自定义表单是JEECG1能开发平台开发的一套可视化的表单设计功能，基于ueditor实现，bootstrap样式风格。总体来讲，自定义表单功能概括起来如下：表单预览，动态报表展示（列表数据展示）表单数据填报，支持多数据表同时填报，一对多数据表填报，单表多条数据批量填报等自定义表单支持用户自定义模板，同时也有大量丰富的标准表单控件，使得用户能够快速灵活的设计个性化、多样化的表单，从而大大提高工作效率、降低用户工作成本。二、自定义表单开发实例1、简单实例（单表开发）1）创建自定义表单模板忸雌制1.古里名爵月乖表J.植根表单内银<L二丈

2、肥.Hua'51杷+LL>«Sv>对士Tl.字作、<工|山也!.U|1百'】口"<-jmnp_->rirl-n-皿腐I电域展通叱<一一-fI-.'-.Ii.lL-'il''<irjttrtw='Tii<ifei'n由e=3讪（jj5haroMBHd初崛mNffljJHi寓二口也解蝙瑞）用D#卯印制5t></dlv>-川力（UiCDllThrijo>，.Wiaiunbsnu_.il-.ft-p;上0%舒=力。，旧_牡*一串S<tr>

3、;/:Jij.p-"tD3'刘mrd-trescbBa-alltxMde<oor:工钳血加组30祜='">幅思幅曲口后成声£院）二点鹏0口汩<jde-bward-hiEakzbraakdl;botderOfltarfigM24221F221汽dth'5S0'*>7.樟根代色库设使用FrwMa做庄义从而突现定义好黄龙后，甫定触据源后盘据就态证人<Input的足wtaiQi*Wt;dtfuIfiftCLH；"Titfe=Ffao,血修iamoV汩uu-"ft-L：“k12，»川

4、fk©wknihL11u/£中dLh-'l5u'uiyj|gn=1ft"电血i岫".aiflUdiFQ"ltitololuoinfi=於,</S*Hn2）设计表单3）添加数据源数据源类型分为两种（Java类正在积极实现中）：数据库表数据库表为直接指定该表单数据列填报时对应的数据库表*I置折生或字依-阡门就悔,Ti2声击擀1.解析磬诣褊,3.第折数恪军后刚子鼠歹.题.JtJH境司A可以删除彳需要£手段同FT由字谊厚姬叮的汪动态SQL主键作为查询条件，值从请求中的参数id中获取，获取方法格式为$id3.古词参数区域，

5、可以定义吉词存淤的默认值等确定五酸璃可施松(StiWK)端码方及字绘学序文主撵作1uW1iQ质除http:/b!211|mlrume真实姓名*3I1用户昌忖哪元.4Ojuserke/用户角色曲B*：4.查询4）生成表单咱们以添加的“ds_1”数据源为例5）预览表单刷新列表后，选择添加的表单，点击预览”，进入查看界面，分别选择三种模式进行操作rDlocalhost:8080/joecg/autoFormControllor.do?viowContont&formNamo«simploDemo&id-&op-addlccalhost8Ci80/jcecg/auto

6、FormControBer.do?ioYontent&formName=5impleOefno&id=&op=addGoog<Chrome2,保存表单内容目数据军185进入该表单数据库，找到刚添加的数据的id,进入预览模式，输入id即可进行修改及查看，以“查看模式”为例:首页自定义妻单首度自定义表单列恚脸谀计弱妻单，编辑表单U表单名称1简单表单实例loc*MtiBOBQ4«KQ/«utoF8mOQnc*fr4!fo?Mifl*CWMSdh)nmHiw-，而*口,3，,151921631519M4cd<MOC06iSop=«nw-

7、GooflltOif&二Icrfalhdit.autoTormtOntrflIrrdn.i：'itniTAficirmNflnciinplc(.>omcAiH4C1c4S1?tf；?01S11rd0LJ<Li>ipview联MH31忏i.酊斜a%eh科动电话L5O3K9L7?办爵电话，88gBs圈二http：/hkiR十人银明天三更好至此单个表单的生成及数据添加演示完成。2.复杂表单（一对多关系的多表实例）一对多关系的多表关系，请先设置好主从表关系：即外键关系。添加主数据表的数据源及从表的数据源的步骤与单表添加数据源的步骤类似不在赘述，直接进入添加表单环节。1

8、）添加表单从表的列表控件设置界面:2）表单预览一对多表单的数据添加、修改、查看模式的操作步骤与单表类似。下图展示一对多表的“添加模式”的界面:三、表单控件简介JEECGR能开发平台自定义表单具有丰富的表单控件，能够结合当前数据源，快速的设置表单元素的展示类型。控件列表使用教程单行输天框绪行输入框下拉菜单单选框复选框宏控件进度条二维码工序打件口皿睢抨忖件1 .单行输入框、多行输入框单行输入框及多行输入框大体上功能类似，差异不大，请亲自比对差异!下面仅以单行输入框为例讲解：文本框教认值控件名称请选择字段数据源htlp4-ZZblo数据类型可见性*必填项无则不填user普通文本王联移It个箱话话名Q

9、邮电端签tTJArb取消确定文本框数据类型对齐方式确定取消数据类型对弁方式I靠空麴子字存丽船编字1码RPHK一明手机号电子邮网址码P件dhttp例1616?!1616至。181立任意字符立数字立字符串.无确定取消2 .下拉框、单选框及复选框下拉框、单选框及复选框最大的特色就是与本平台字典功能结合，选定字典后，自动生成对应的内容。以下拉框为例进行讲解：初始选定2.与丰台字典功能结合.I冽出宝典下拉集合，根tp:blog,cs曝除辅要选定字典型N型类类型类:IN源分类言规单类模类发类类类项模条构否板据单表语电用展息息息标单户务询辐机是数表图多校常扩消消消图订客服查逻确定桧蛤视则列表值下拉菜单数据字

10、典表单分类初始选定桧验投则确定取消3,宏控件宏控件主要是用来格式化时间及自动提取并展示当前用户的信息:忸史件控件名称口I_2后前主要是时间的格式底访及扩展当前用户的相关信息.控件可式贾15C-b工字体大小hAdp:/bl当前日期用寸间199701一口11230常用日期宏1空件一当前日期M寸间199741-0112二3口L宏控件样式1997-01-011997年1月伯1397年1月1997侬7室）1月旧1230一星期一朗期朗份份期间期日日日年年日时星wj目首首心目百百百3当当当当当当当犷展定义当前用户旧，如9527当前用户姓名，如唐伯虎当前用户部门，如华府R.指定数必垣里控件名邸无则不嗔单行输入立肖平式为，娄Mstudent,c列表控件的功能及使用已经在上述讲过，再此介绍下详细的属性及使用心得4.列表控件到袤拴件汴酢叼.选与后,生成如下宇段列表，每个字段都自费据原字*:无则不值关的属性信息列表控件外键字段：无则不填关联数据源字段：无则不短序号裹头Q主键ID办公电话个人签名单行输入:一MSBHI输按框框行选拉选多单下复号钮单行摘入：皎长度0单位数据字典ID4157px无EM-可理一f-MOBILEP等妗应做从预实耕富的展示效里)I)11OFFICEPH