精华内容
下载资源
问答
  • 自定义表单

    2014-08-21 16:29:17
    JS实现的自定义表单控件
  • 自定义表单配置===表单支持:单表模型、一对多模型。自定义表单是JEECG智能开发平台开发的一套可视化的表单设计功能,基于ueditor实现,bootstrap样式风格。自定义表单模式有三种模式:预览、编辑、添加。自定义表单...

    自定义表单配置

    ===

    表单支持:单表模型、一对多模型。

    自定义表单是JEECG智能开发平台开发的一套可视化的表单设计功能,基于ueditor实现,bootstrap样式风格。自定义表单模式有三种模式:预览、编辑、添加。自定义表单可实现以下功能:

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

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

    ## 一、表单参数介绍

    ### 1.自定义表单参数说明

    |表单|详细说明|

    |-----|---|

    |表单编码|自定定义表单编码,唯一标识,自定义表单访问需要|

    |表单名|自定义表单名称|

    |填报表单|该表单是否是填报表单|

    |主数据源|选择填报的主数据源,表单填报时必须|

    ### 2.表单数据源参数说明

    |数据源|参数说明|

    |-----|---|

    |数据源编码|查询的数据集编码,同一个表单下唯一|

    |数据源名称|数据源名称|

    |数据源类型|数据源获取数据集的方式;数据库表:数据集从下面配置的数据库表名获取,动态sql:数据集根据动态sql查询获取,Java类:待实现|

    |数据源|数据源类型为数据库表时显示,连接的数据库,平台数据库为当前系统数据库,其他为动态数据源配置|

    |数据库表名|数据源类型为数据库表时显示,获取数据集的表|

    |SQL数据源|数据源类型为动态sql时显示|

    |填报数据源|数据源类型为动态sql时显示|

    |填报数据库表|数据源类型为动态sql时显示|

    ### 3.自定义表单设计图

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195528_LUP3.png "在这里输入图片标题")

    ## 二、单表类型表单

    ### 1 .创建自定义表单

    菜单:在线开发—自定义表单列表—表单设计器

    界面如下图:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23193822_4gK2.png "在这里输入图片标题")

    说明:

    创建自定义表单:

    填写表单编码,表单名称,填报表单,表单保存

    主数据源先不选择,这时还没有添加表单数据源,表单数据源添加见2

    ### 2.表单数据源

    表单设计器左侧,表单数据源栏,点击加号,添加表单数据源

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23193930_79HJ.png "在这里输入图片标题")

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194009_H93K.png "在这里输入图片标题")

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194025_A1rW.png "在这里输入图片标题")

    (1)数据源编码定义唯一

    (2)数据源类型,根据情况使用不同的场景,本示例使用动态SQL,

    (3)动态数据源,和填报数据源,一般选择平台数据源

    (4)动态SQL:

    ```

    select * from jform_employee_leave where id='${id}'

    您可以键入’’作为一个参数,这里abc是参数的名称。例如:

    select * from table where id = ${abc}。

    select * from table where id = '${abc}'(如果id字段为字符串类型)

    ```

    (5)填报数据库表:选择的表名,是展示的表单,录入的数据要保存的表,动态SQL查询出来的字段要和填报数据库表的字段保持一致,字段名称不一样的sql使用AS 别名使其一致

    (6)查询数据列:通过动态sql解析出来的查询列

    (7)查询参数:解析动态sql里面的查询参数

    ### 3.设计表单内容

    添加完数据源后可以设计表单内容

    (1)通过默认模板样式生成,默认模板样式,在【在线开发—自定义表单模板】中管理

    (2)自己手动编辑表单

    注:自定义表单控件使用见:自定义表单控件

    界面如下:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194234_gaUc.png "在这里输入图片标题")

    ### 4.测试自定义表单功能

    【在线开发—自定义表单列表】中找到刚才添加的自定义表单

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194344_lW2Q.png "在这里输入图片标题")

    点击预览:

    操作模式:有三种预览方式,查看模式,添加模式,编辑模式;

    参数录入区:动态sql解析出来的参数

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194417_LK2W.png "在这里输入图片标题")

    查看模式、编辑模式时,参数录入区要录入参数值;

    添加模式不需要录入

    ####添加页面:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194531_bFYt.png "在这里输入图片标题")

    ####查看页面:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194604_77wj.png "在这里输入图片标题")

    ####编辑页面:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194651_cDaE.png "在这里输入图片标题")

    添加、编辑成功后调整成功页面

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194723_Y6IP.png "在这里输入图片标题")

    ## 三、一对多类型表单

    ### 1.创建一对多自定义表单

    菜单:在线开发—自定义表单列表—表单设计器

    界面如下图:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194907_RHnn.png "在这里输入图片标题")

    (1)自定义表单信息

    设置表单编码,表单名称,填报表单;

    主数据源暂时不填

    点击左上角按钮,“表单保存”

    (2)表单设计器左侧表单数据源,添加表单数据源

    添加主表数据源,同1.2.2表单数据源,本例订单主表

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23194948_HNBC.png "在这里输入图片标题")

    添加子表数据源,同表单数据源,本例订单客户

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195018_c6jq.png "在这里输入图片标题")

    ### 2.设计表单内容

    添加完数据源后可以设计表单内容

    (1)通过默认模板样式生成,默认模板样式,在【在线开发—自定义表单模板】中管理

    (2)自己手动编辑表单

    注:自定义表单控件使用见:2 自定义表单控件

    界面如下:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195102_VzPm.png "在这里输入图片标题")

    注:

    (1)订单主表信息,从订单主表数据源获取,普通表单控件设置

    (2)列表控件设置订单客户信息

    列表控件配置如下图:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195147_qmPd.png "在这里输入图片标题")

    数据源:选择子表数据源,本例订单客户

    外键字段:设置子表作为外键的字段

    关联数据源字段:该字段配置自定义表单设置的主表数据源一起使用,该字段为子表外键与主表数据源关联的字段

    定义规则 = {外键主表数据源编码.主表外键字段名字}

    注:外键字段和关联数据源字段,如果在子表数据源中的动态sql中,有sql的关联关系的话,此处可以不填写,若没有体现,需要再此配置;

    数据源类型为数据库表的情况下,外键字段和关联数据源字段需要填写

    ### 3.测试自定义表单功能

    【在线开发—自定义表单列表】中找到刚才添加的自定义表单

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195300_rxyq.png "在这里输入图片标题")

    点击预览:

    操作模式:有三种预览方式,查看模式,添加模式,编辑模式;

    参数录入区:动态sql解析出来的参数

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195326_GMjM.png "在这里输入图片标题")

    查看模式、编辑模式时,参数录入区要录入参数值;

    添加模式不需要录入

    #### 添加页面:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195624_Ui4p.png "在这里输入图片标题")

    #### 查看页面:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195701_s1Fj.png "在这里输入图片标题")

    #### 编辑页面:

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195734_Mxwu.png "在这里输入图片标题")

    添加、编辑成功后调整成功页面

    ![输入图片说明](https://static.oschina.net/uploads/img/201804/23195907_wdUT.png "在这里输入图片标题")

    ## 四、自定义表单访问请求地址

    ### 1.表单页面访问地址

    自定义表单页面访问区分添加、编辑、查看,详细参考下面:

    可以针对自定义表单不同的页面,做不同的权限控制;

    |序号|操作|访问地址|

    |---|--|-|--|

    |1|添加页面|autoFormController/af/{自定义表单编码}/ goAddPage.do|

    |2|查看页面|autoFormController/af/{自定义表单编码}/goViewPage.do?id={id}|

    |3|修改页面|autoFormController/af/{自定义表单编码}/goEditPage.do?id={id}|

    展开全文
  • 自定义表单模块,用于收集访问前端的用户的信息。 自定义表单能够用于创建用户交互界面,用户提交的信息保存在Orchard站点中,能够随时导出。打开Custom Forms模块Custom Forms模块使用Content Type ,会在前端显示...

    自定义表单模块,用于收集访问前端的用户的信息。 自定义表单能够用于创建用户交互界面,用户提交的信息保存在Orchard站点中,能够随时导出。

    打开Custom Forms模块

    Custom Forms模块使用Content Type ,会在前端显示一个交互界面。提交的信息能够保存下来,通过Import-Export-Module模块可以导出数据。让我们在模块管理页面,启用Custom Forms 模块

    6789c50a0540be8b54c7daa34a2950b2.png

    Create a New Content Type

    为了自定义表单能够获取、保存用户的邮件地址,我们需要创建一个新的Content Type。在Dashboard页面,点击Content Definition菜单项,单击"Create new type"。让我们将新的Content Type命名为'Subscribe Form'。

    fc5f2a8267d7270e818b55ecd0cc00fb.png

    下一个页面,我们可以选择在这个Content Type中包含的Parts。在本例中,我们都不选择,直接点击保存。现在,我们就有一个新的Content Type了。我们将在里面添加一个文本框字段,用于用户输入邮件地址。

    496420b08095b8058e7560517f49130c.png

    在新增了输入字段以后,我们可以通过选择字段的类别,来自定义字段的验证方式。.

    4c1ce9f1625c132296740b7c045c9ad5.png

    现在,我们做好了创建一个新的小工具的准备。我们启用了Custom Forms 模块,然后创建了一个新的content type (Subscribe Form) 。现在,让我们来创建小工具

    创建一个自定义表单小工具

    在Dashboard页面中,选择Widgets 菜单项,点击AsideSecond 块右边的add按钮, 添加 Custom Forms 小工具

    308ea04d943aa436a8affc82977b968c.png

    你只需要将Content Type选为我们上面定义的Subscribe Form就可以了

    39feb1599f3616a3607008fdabb13ed2.png

    单击保存,我们在前端页面就可以看到我们自定义的页面了。

    29381dfcf310a515202d7fa6a774c70f.png

    注意:: 如果不显示编辑人,请在定义Content Type的时候,不要勾选 'Show editor for owner'

    97395756c692b6c614d7798d35e19326.png

    浏览自定义表单提交的数据

    在上一步新增小工具的时候,我们勾选 'Save the item once the form is submitted' ,用户提交的数据就会保存下来。那我们的数据是保存在了什么地方呢?

    我们可以在Dashboard页面,点击Content菜单项,在Show下拉框中,选择Subscribe Form,就可以查看用户提交的数据了。

    5516c2826d741ffb8896f308fa1e2623.png

    导出数据

    在Orchard中导出数据,有一个简单的方法,就是启用Import/Export模块。Import/Export模块在 Orchard 1.6以上的版本中已经内置,但是没有启用。现在,让我们启用它

    f5c8ee38a8d71966d2a464c1a03d2ad3.png

    我们会发现,在Dashboard界面的菜单栏中,多了一个Import/Export 菜单项。选择'Export' 标签页,会显示出Orchard里面所有的有效的Content Type。勾选Subscribe Form,用于导入用户提交的邮件地址。在页面的最下面,还有一些选项, Metadata, 导出的数据中,将包含Content Type的定义。使用它,能够很容易的将Content Type和它下面的数据导入到另一个Orchard站点。

    05a8ec266deb8345b5d4bd85cb751923.png

    导出的文件是一个XML文件,可以在MS Excel中打开。现在,你的站点能够收集用户邮件地址,然后导出用户提出的数据。 自定义表单是一个很好的方式,来创建和用户的交互页面,收集需要的信息。

    展开全文
  • 当我点击新创建的按钮时,我想显示一个自定义表单,我可以从选择框中选择一个模型.当我点击保存时,我想保存这个模型,并有机会获得一些参数,所以这是一个’添加’,但没有再选择所有选项.我举一个明显的例子:我有一个...

    我想在’Add model_name’附近添加一个自定义按钮.当我点击新创建的按钮时,我想显示一个自定义表单,我可以从选择框中选择一个模型.当我点击保存时,我想保存这个模型,并有机会获得一些参数,所以这是一个’添加’,但没有再选择所有选项.我举一个明显的例子:

    我有一个型号名称’Book’.我第一次创建一个新的书籍条目,我有一个表格’添加书’,我必须完全填写表格.所以我有一本主键= Book_1_1的书但现在我想要添加第二本书,它与第一本书相同,但版本改变了,所以我想要一本新书,但我不想再选择所有项目了在标准的“添加书籍”表单中,我想要点击创建新实例 – >我可以从包含所有书籍对象的选择框中选择1本书,当我“保存”这个时,会生成一本新的书本实例.此实例具有以下主键:例如Book_1_2.我知道如何保存这个,但我不知道如何更改管理站点来执行此操作.我需要两件事:

    1)在“Add_model_name”附近添加一个“新实例”按钮

    2)在选择框中传递包含所有model_name对象的表单,当我单击“保存”时,我想要检索一个对象,我可以使用该对象修改某些内容以将其另存为“新书”.

    有任何想法吗?

    更新我已经添加了“新”按钮,但就像我现在可以看到而不是url = add,我必须在管理员内部创建一个新的URL,如add_instance等.有人有任何文档吗?

    问候,

    海恩

    让自己变得太难了.这样做:

    class MyModelAdmin(admin.ModelAdmin):

    # Other stuff here

    save_as = True

    现在,您可以打开您的图书条目,更改任何不同的内容并点击“另存为新”,它将创建一个包含该信息的新书,而不是覆盖另一个.

    展开全文
  • dedecms自定义表单调用先说怎么调用自定义表单吧,因为制作简单些,难点在调用这方面。dedecms5.6 自定义表单内容首页调用代码举例:{dede:loop table='dede_diyform1' sort='' row='10' if=''}[fie...

    在很多建站需求中,需要一些额外的表单供前台用户提交,以便于收集、统计、分析及处理更多的数据,比如:在线订单、在线报名等一些常见的互动应用。

    dedecms自定义表单调用

    先说怎么调用自定义表单吧,因为制作简单些,难点在调用这方面。

    dedecms5.6 自定义表单内容首页调用代码举例:{dede:loop table='dede_diyform1' sort='' row='10' if=''}

    [field:shenghuo/]

    {/dede:loop}

    'dede_diyform1' 是你要调用的表的名称 [field:lianjie/] 是你添加的表的字段名称, 要想无需审核,提交之后立刻显示,在增加新表单的“前台列表和内容页公开?:”选项选择“完全公开”。

    dedecms自定义表单制作:

    利用织梦内容管理系统(DedeCMS)自带提供的自定义表单功能即可满足大多数的此类需求。

    1、自定义表单管理

    自定义表单位于主菜单“核心”选项卡下的[频道模型]——[自定义表单],如图:

    4c0d4b52fc91413a64c32c2b96f57b9f.png

    2、新建自定义表单

    创建一个完成的自定义表单共分为如下五步:

    第一步:我们点击图一中的“自定义”表单后,进入到管理界面。开始创建一个新的自定义表单,如图:

    1d71d8b923780355745356671935d202.png

    第二步:进入创建表单界面后,根据您自己的需求先创建一个表,如图:

    188d7a65dcab78c647f83f92f1033ef5.png

    除“自定义表单名称”以外,其它的表单项目若您不太了解它的具体含义,建议您保持默认即可。第三步:成功完成第二步后,返回到“自定义表单管理”界面,点击“

    ee4b5d62b4d6e7f80dd4cdaaaf8252f9.gif”小图标进行编辑以新增表单字段,如图:

    223235e518e49f803c09a0b5babb46fb.png

    第四步:进入表单编辑界面以后,点击“添加新字段”,如图:

    ed84ae401f86e88a8ab7806ce734fc2a.png

    第五步:进入“添加新字段”界面后,根据您自己的需求添加好您的字段信息,如图:

    3975039fe579e80bd66ad7fc48087a59.png

    注意:若您有多个字段,只需要重复操作第四步、第五步即可。

    3、表单提交及管理

    前台提交:

    前台表单的提交地址,可以在2中的第三步中,点击“前台预览”。进入前台列表界面后,点击右上角的“发布信息”即可提交,如图:

    3efac0fda1ab95316adcdfdaa4c80bdd.png

    进入“发布信息”界面以后,就可以看到具体的表单信息并提交了。如图:

    131990315d2e5be6d8fe508ab4d4e4ea.png

    后台管理

    按照图一进入“自定义表单”管理界面后,可以看到具体的表单列表。当我们点击“名称”超链接,就可以看到前台所提交的所有信息了。如下图:

    ddbd6ca882cb2842088961bb26bd7c1b.png

    ec578389d6a0ec103d1fa6aa6e7339cf.png

    DedeCms下载:

    软件大小:8.14MB

    软件类别:国产软件 | CMS建站

    软件语言:简体中文

    运行环境:PHP/Mysql

    软件授权:免费版

    更新时间:2015-6-19 9:42:25

    展开全文
  • 自定义表单二次开发===自定义表单的页面和业务逻辑增强采用JS增强和Java增强实现。![输入图片说明](https://static.oschina.net/uploads/img/201804/23191923_hyio.png "在这里输入图片标题")### 1.JS增强功能说明:...
  • JAVA动态表单设计,自定义表单,自定义数据,在线设计,数据库存储
  • 自定义表单方案

    2012-02-12 14:45:57
    自定义表单方案自定义表单方案自定义表单方案
  • 自定义表单控件

    2015-08-13 18:19:42
    自定义表单控件
  • 本篇主要讲解 在SpringSecurity中 如何 自定义表单登录 , SpringSecurity默认提供了一个表单登录,但是实际项目里肯定无法使用的,本篇就主要讲解如何自定义表单登录1.创建SpringSecurity项目1.1 使用IDEA先通过...
  • MakingForm vue自定义表单设计
  • 表单计时器 自定义表单
  • Bootstrap4 自定义表单

    2021-01-19 21:32:56
    Bootstrap4 自定义表单 Bootstrap4 可以自定义一些表单的样式来替换浏览器默认的样式。 自定义复选框 如果要自定义一个复选框,可以设置 为父元素,类为 .custom-control 和 .custom-checkbox,复选框作为子元素...
  • 在开发工作流管理系统时,很多人只重视流程引擎,流程模型的建立,而忽略了自定义表单工具。自定义表单工具是实现独立业务模块的可视化编辑工具,业务模块可以通过这种工具编辑生成。如果单纯从流程实现来说,确实...
  • Activiti,自定义表单,外置表单,工作流,微服务,子系统

    万次阅读 多人点赞 2019-12-04 22:35:58
    百度,csdn找了半个月,没有一篇文章将 activiti 外置表单 讲透彻的,无奈,自己亲手写了一套,祭出这套...自定义表单外置表单activiti; 拖拽表单强大,支持ajax字典数据下拉,中国式工作流,你懂得; 办理人下拉/...
  • 自定义表单使用

    2018-01-11 12:29:05
    java语言实现自定义表单,是一个在IE浏览器中可视化的设计软件界面的工具。无论是输入界面还是报表界面,无论是简单的输入查询还是复杂的逻辑处理都可以实现
  • 在我们讨论反射代码之前,我认为您需要另一个注释来表示表示表示自定义表单的类。你的电流@Form注释更适合于字段级别,因为它表示每个表单字段的标签。我会把它改名为@FormField. 那么,你的@形式注释只用于告诉反射API...
  • , 在做完DedeCMS为自定义表单防恶意提交后,有用户需要用到这样的功能,就是DedeCMS的自定义表单能像留言板插件一样把提交的表单内容在前端也展示出来并实现分页展示效果,研究了一阵子后,终于搞定,今天就教大家...
  • 【主要功能及特色】本程序鉴于MooPHP框架开发自定义表单:单选、多选、单行文本、多行文本、下拉列表等您都能够自由设置。自定义是否开启验证码功能。同时设置增加多个表单项,调用简单。每一个选项能够设置是否为...
  • CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载 CSS自定义表单美化JS代码源码下载
  • 本篇文章主要介绍了Python中Django 后台自定义表单控件,其实 django 已经为我们提供了一些可用的表单控件,比如:多选框、单选按钮等,有兴趣的开业了解一下。在 django 中我们可以在 admin.py中添加ModelAdmin,...
  • 本篇文章主要介绍了Python中Django 后台自定义表单控件,其实 django 已经为我们提供了一些可用的表单控件,比如:多选框、单选按钮等,有兴趣的开业了解一下。在 django 中我们可以在 admin.py中添加ModelAdmin,...
  • jQuery自定义表单.zip

    2020-11-24 17:51:46
    jQuery自定义表单,可通过拖拽形式生成表单代码,具备校验功能,简单易用,可直接上手,无后端,仅前端。
  • 原标题:青锋OA系统集成activiti工作流、自定义表单、拖拽报表青锋OA工作流系统,核心功能如下:1、在线流程设计、发布、办理、管理。2、在线自定义表单设置,集成工作流。3、在线代码生成器,代码生成集成工作流。4...
  • 本文实例讲述了JSP实现用于自动生成表单标签HTML代码的自定义表单标签。分享给大家供大家参考。具体如下:这个是自己写的一个简单的JSP表单标签,用于自动生成checkBox,select,radio等标签,传入菜单集合生成HTML...
  • jquery自定义表单控件

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,681
精华内容 5,472
关键字:

自定义表单