精华内容
下载资源
问答
  • Form动态表单设计的开发

    千次阅读 2013-05-31 16:37:36
     项目中往往需要动态的创建一个表单,或者添加一个新的数据模板,这时候因为需要在运行时动态的创建以及动态的维护表字段甚至关系 使得普通java解决方案变得困难重重。 2.实现工具  Struts2.x + mongodb + ...

    表单设计

    1.应用场景

      项目中往往需要动态的创建一个表单,或者添加一个新的数据模板,这时候因为需要在运行时动态的创建表以及动态的维护表字段甚至表关系 使得普通java解决方案变得困难重重。

    2.实现工具

      Struts2.x + mongodb + jquery

      Struts2  作为控制层起到连接页面到后台的数据交互桥梁。

      mongodb  做为nosql数据库,在项目运行时动态存取表单设计过程中产生的数据(格式JSON对象)。

      jquery  利用jquery + ligerui框架为页面提供动态编辑功能。

    3.实现原理

      首先jquery+ligerui建立表单动态编辑页面,如:表单内容编辑功能、表单字段编辑、表单编辑库选择、位置移动、删除行、新增行、行合并、列合并、表单预览、表单模板生成等。设计完的表单数据以json格式传输到后台并存储到mongodb中进行保存。

    注:表单中数据是从mongodb中取出来的,并按照之前的设计格式显示在表单中,用户可以在上次设计的基础之上继续进行表单设计并保存。

    效果图:



    展开全文
  • 动态表单开源(推荐)

    千次阅读 2020-10-23 15:13:03
    Form Making 代码仓库 https://github.com/GavinZhuLei/vue-form-making 演示DEMO http://form.making.link/#/zh-CN/ Form Generator 代码仓库 https://github.com/JakHuang/form-generator ...
    1. Form Making

    A visual form designer/generator base on Vue.js, make form development simple and efficient.(基于Vue的可视化表单设计器,让表单开发简单而高效。)

    代码仓库
    https://github.com/GavinZhuLei/vue-form-making

    演示DEMO
    http://form.making.link/#/zh-CN/

    演示图

    1. Form Generator

    Element UI表单设计及代码生成器

    代码仓库
    https://github.com/JakHuang/form-generator

    码云
    https://gitee.com/mrhj/form-generator

    演示DEMO
    https://mrhj.gitee.io/form-generator/#/

    演示图

    1. Form Create

    强大的表单生成器|Form builder with dynamic rendering, data collection, validation and submission capabilities, built-in 17 common form components, support for two-way data binding, event extension, and support for building built-in components and any vue components using json.

    代码仓库
    https://github.com/xaboy/form-create

    码云
    https://gitee.com/xaboy/form-create/

    演示DEMO
    http://jeekweb.pro/form-create-demo/#/
    https://jsrun.net/NQhKp/edit

    演示图

    1. k-form-design

    代码仓库
    https://github.com/Kchengz/k-form-design
    码云
    https://gitee.com/kcz66/k-form-design

    演示DEMO
    http://cdn.kcz66.com/k-form-design.html

    演示图

    1. vue-form-design

    代码仓库
    https://github.com/jjxliu306/vue-form-design

    码云
    https://gitee.com/jjxliu306/vue-form-design

    在这里插入图片描述

    展开全文
  • vue表单设计器,vue,动态表单

    千次阅读 2020-06-15 12:38:12
    最近写了一款表单设计器,基于element-ui的如果有需要的可以看一下,如果对你有帮助的话,希望去github上给项目点个start,如果有什么问题可以直接给我留言,项目刚发布,如果大家有更多的需求的话,也可以给我留言,每周会...

    最近刚刚打包发布了一款表单设计器,基于element-ui的如果有需要的可以看一下,如果对你有帮助的话,希望去github上给项目点个star,如果有什么问题可以直接给我留言,项目刚发布,如果大家有更多的需求的话,也可以给我留言,或者加入QQ群218461534(群刚建)每周会总结更新。关于流程图的插件还在开发中,等测试结束之后也会开源(流程编辑器已经完成,见博客中流程编辑器文章),会针对于OA工作流提供一整套基于vue的解决方案,希望持续关注

    指南

    基于vue和element-ui实现的表单设计器,主要功能是使使用者在图形界面配置所需的表单,生成可保存的JSON数据,并能将JSON还原成表单,使表单开发更简单更快速

    预览地址
    项目文档
    [GitHub]源码开源地址
    [码云]源码开源地址
    在这里插入图片描述
    特性

    • 可视化配置页面
    • 自由控制表单控件布局
    • 表单自定义样式(以行内样式插入)
    • 提供预览、保存、生成json、生成可执行代码等操作
    • 支持表单验证
    • 快速获取表单数据
    • 提供高级控件

      vue element-ui license

    感谢

    创作感谢k-form-design给予的灵感

    版本

    vue

    设计原则

    form-design-tcd本着所有表单控件特性尽可能可视化配置。

    快速上手

    1.安装vue-cli

     npm install -g @vue/cli
     # OR
     yarn global add @vue/cli
    

    2.创建一个项目

    使用初始化项目命令

     vue create myapp
    

    3.安装form-design-tcd

     npm i form-design-tcd --save
     # OR
     yarn add form-design-tcd
    

    4.使用form-design-tcd

    在项目main.js中

     import FormDesignTCD from 'form-design-tcd'
     import "form-design-tcd/lib/form-design-tcd.css"
     Vue.use(FormDesignTCD)
    

    以上步骤便完成便可在项目中直接使用form-design-tcd。
    form-design-tcd内置了两个组件分别为FormDesignTCD和FormBuildTCD。

    建议

    form-design-tcd基础组件样式引用的element-ui的组件库,在使用过程中一些表单控件特性可查阅element-ui官方文档

    展开全文
  • 电子表单设计器,表单填写器,表单打印,数据发布,Web表单处理,Visual C++源代码组件2018“全球唯一提供了全部VC++源代码的专业电子表单解决方案!”-- 为您提供即刻可以拿来使用的源码级电子单解决方案!-- ...

    电子表单设计,表单填写,表单打印,数据发布,Web表单处理,Visual C++源代码组件库2018

    全球唯一提供了全部VC++源代码的专业电子表单解决方案!

    -- 为您提供即刻可以拿来使用的源码级电子表单解决方案!

    -- VC++的电子表单解决方案的运行速度是任何其他语言的类似解决方案无法比拟的!

    E-Form++可视化组件库企业版本电子表单解决方案在E-Form++专业版本的电子表单基础上,在所有环节均进行了重新设计,增加了大量而广泛的功能。无论在架构上,还是在性能上均进行极大的改进,基本上做到了“拿来即用”的程度。 如果您需要开发政府、银行、大型企业的可定制化的录入界面的时候,E-Form++的电子表单解决方案将是最佳的选择,至少为您节省50-80%的开发工作,E-Form++电子表单是目前全球唯一高品质完全基于C++电子表单源代码解决方案。

    下载此解决方案

     


     我们提供的这些解决方案并不意味着E-Form++可视化图形组件库只能开发这些方面的应用,事实上E-Form++同任何其他第三方C++组件库一样,包含数百项可以分开独立使用的功能。同QT, MFC等一样,您可以独立决定是否需要E-Form++中的某项功能,一般来讲,只要您需要图形显示、需要流程图、控制图、打印功能、排版功能、仿真、电子地图、电力接线图、表单等等功能,您就可以使用E-Form++组件库,当然有的时候也许您只希望使用E-Form++提供的下拉颜色等控件而不需要绘图功能,那也没问题!
      
    E-Form++可视化图形组件库的设计目标是面向高端企业用户在开发基于电子表单或者可伸缩的录入界面的应用系统提供的一套VC++源码组件库,E-Form++可视化图形组件库不但包含了所有Form++专业版本的功能,同时在操作界面以及数据录入等方面进行了大量的扩展,用户可以根据需要将任何标准Windows控件作为录入组件放置到e-Form++可视化图形组件库画布上。此外,e-Form++可视化图形组件库灵活的架构允许您可以根据自己的需要对画布、组件、属性以及命令等eForm++可视化图形组件库的任何部分进行修改。

    UCanCode电子表单系统包含表单设计和表单填写系统两个部分,其设计目标是为那些需要随时随地创建各种需要重复填写的表单的人员提供一个价格非常便宜的解决方案。通过FormDesigner设计表单模板,而设计好的表单模板可以通过FormReader来完成表单的填写和打印,同时也可以通过e-mail或者其他方式完成内容发送。UCanCode电子表单系统为用户提供了可以快速使用而且花费极低的电子表单解决方案。

    eForm++电子表单解决方案基本工作模式:

    一. 电子表单设计器Form Designer 
         专门用于创建空白表单模板,借助于E-Form++企业版本的强大功能,FormDesigner提供了大量的可以直接用于表单创建的组件,您可以根据需要使用这些组件来完成基本表单模板的制作。FormDesigner的设计目标就是让其能够快速而容易的完成表单模板的设计制作。当表单模板被创建出来后您可以通过三种方式来使用此模板:打印、直接填表、或者保存为*.efm文件后通过e-mail发送给需要填写此表单的人员通过FormReader来完成填写和打印。 电子表单设计器提供业界最专业最完整的表单模板创建和管理功能,例如:模板的创建于管理、自动切分打印页面、多页打印和设计、多达20种表单录入控件、最时髦的拖放操作,自动位置排布、类似于Word
    的表格设计等等。支持上千种打印驱动程序自动识别。

    、电子表单填写程序FormReader
         是可以独立使用的专业表单填写系统,只要您需要,您就可以在世界的任何地方下载FormDesigner设计的表单模板文件,然后通过此程序来完成表单填写,同时您可以将填好的表单直接打印出来或者通过e-mail发送给其他人员。填表的记录将直接保存到数据库中,并且您可以向前向后进行检索。 此表单填写程序录入的数据可以直接放置到数据库中,工具条提供的按钮可以用于在数据库中进行检索 。在打印表单的时候,系统会自动的根据当前打印页面设定,对表单进行切分,例如:如果一页纸可以打印两个标签,就会自动的安排好位置输出两个标签。此外系统会自动的从数据库取记录,能够自动根据记录的多少来决定要打印多少页,打印输出的任何细节均可以控制。

    此外,使用eForm++可视化图形组件库开发的电子表单系统可以是多页的也可以是单页的,可以是SDI应用程序,也可以是MDI应用程序。 除了包含所有E-Form++专业版本的电子表单部分功能外,还:

    1. 提供自动调整文本大小组件,当图形进行了大小或者位置的变化的时候,图形的文本将自动选择合适的字体进行绘制以保证能撑满整个外框。

    2. 提供货币输入控件,可录入各种货币值。

    3. 提供下列计算器录入控件,可将计算结果录入。

    4. 提供大数据表格控件,可自由设定表格的行列,自由调整布局,并提供滚动条进行数据滚动。

    5. 提供邮编录入控件,可录入邮编数据。

    6. 提供独具中文特色的三段式日期录入控件,可分别调整年月日的位置。

    7. 提供热连接控件,可直接打开网址。

    8. 提供超酷外观圆角按钮。

    9. 提供图像框控件,在运行或则设计模式下通过双击可直接打开多种图像文件。

    10. 提供专业条码控件,支持录入39码,93码,Codebar,EAN 8等超过10中条码显示和打印支持。

    11. 提供印章显示和打印功能。

    12. 所有E-Form++专业版本的电子表单控件均进行了全面的改进。

    13. 全面改进的画布功能,可在同一个画布中容纳上万图形进行同时编辑。

    14. 系统预置页面跳转,邮件发送,文档开发,打印,事件响应等近20种事件。

    15. 全新的Tab Order设计界面。

    16. 快捷属性编辑按钮。

    17. 可在设计其中直接将设计好的模板文件通过email发送给第三者。

    18. 文档模板支持,可以直接通过模板创建新的表单。

    19. 可将任何设计文档保存为模板。

    20. 全新的数据库连接方式,同时提供ADO和ODBC API数据库连接方式,可直接将任何方式的录入内容直接放入数据库。并可跳转录入结果。

    21. 可直接通过Tab键或者Enter键进行录入控件的跳转。

    22. 支持只打印内容不打印外观功能。

    23. 可将任何录入结果保存到xml文件中。

    24. 可将任何录入结果通过邮件直接发送到第三方。

    25. 全新的自动捕捉模式,让您设计表单易如反掌。

    26. 在文件大小和响应速度上都有极大的提升。

    27. 提供前景和背景分开编辑模式,可在背景中放置模板图像文件,在前景上完成编辑。

    28. 全面支持即插即用自定义属性设置。所设置的属性值在修改时自动支持UNDO / REDO.

    29. 100% VC++设计,并提供所有的源代码,毫无保留。

    30. 提供专业ocx控件,方便web部署,或者其他语言平台开发人员调用。

    在使用E-Form++电子表单解决方案的时,可以根据需要同时配合使用E-Form++企业版本提供的业务流程解决方案。如果您当前的开发语言是VB, Delphi等,也没问题,附随E-Form++企业版本同时提供了一个完全基于E-Form++企业架构的UCCDraw OCX控件 (此控件的设计源代码也一并提供),通过调用此OCX控件的功能,同样能在其他开发语言下开发强大而全面的电子表单应用。

    使用E-Form++源码库电子表单解决方案好处:

    (一)、全部超过50万行精心设计并严格测试的源代码提供无任何保留!
    提供超过400个C++扩展类,50万行有效VC++/MFC源代码,70多个示例或者解决方案源代码,完整的而细致的用户在线帮助系统和文档,精心设计的辅助开发工具!

    (二)、强大,灵活和易于使用的可视化图型源码库。
    功能强大,灵活地创建各种各样的满足您的需求的图表。产品设计规范,很容易使用,在短短的几天就能根据您的需求设计出产品。 我们提供完整的支持产品下载试用。

    (三)、功能丰富。
    超多功能,如自动布局,多层次,可折叠子图,单元连接点中,XML,DXF, SHP, SVG等等,能够协助您快速灵活的创建复杂的图表。支持大量事件:如单击,双击,悬停,选择,橡皮筋选择,复制,删除,调整大小和移动的支持。支持最复杂的操作:如拖和拖放,无限次的撤销/重做和剪贴板操作等等。 


    (四)、节省时间和金钱,获得可靠性。
    一张图胜过千言万语,E-Form++提供超过50万行精心设计和良好测试的C++源代码!开发耗时十年,全球上千家客户验证,能够为您节省大量的开发时间和金钱!

    现在就来试试!
    不要光听我们的说, 试试吧! 我们的免费试用版包括所有你需要你的应用程序原型。免费技术支持。

    购买UCanCode 电子表单解决方案全部源代码!


    联系 UCanCode

    购买源代码或了解更多的简单方法

    • 产品询价
    • E-mail 给我们(sales@ucancode.com)
    展开全文
  • 1. Form Making 1.1 演示地址 1.2 仓库地址 GitHub 1.3 相关文档 2. Form Generator 2.1 演示地址 2.2 仓库地址 GitHub 码云 2.3 相关文档 3. Form Create 3.1 仓库地址 GitHub 码云 3.2 相关文档 ......
  • 1. 我们点开Infopath Designer: 2. 点击相应的设计表单,选择... 接下来我们开始设计第一个视图中的面试通知界面,我们可以先设计一个外部框架,基本内容如下: 5. 接下来我们开始相关内容的设计了,我们可以在这
  • 用lotusscript动态刷新登录页表单设计

    千次阅读 2006-05-20 09:36:00
    用lotusscript动态刷新登录页表单设计1、到服务器上查找是否有domcfg.nsf,如果没有,直接把自己设计的domcfg.nsf库考到服务器上,如果有,执行22、从服务器的domcfg.nsf中查找登录页,如果有,先将“$$...
  • 电子表单设计表单打印,表单填写,数据发布,VC++,VB,源代码组件-- 为您提供即刻可以拿来使用的源码级电子单解决方案!E-Form++可视化组件企业版本电子表单解决方案在E-Form++专业版本的电子单基础上,在...
  • vue-vant动态表单创建

    千次阅读 2020-06-06 11:09:38
    服务端返回json数据,前端根据json描述动态创建表单。 json描述如下: { "type": "text", "key": "pjName", "label": "项目名称", "class": "", "initValFeedType": "",//none,function,request ...
  • vue element web 表单设计工具

    万次阅读 2020-12-07 22:22:17
      项目名 dw-form-making,基于 element-ui 组件的Web端表单设计工具。   项目技术栈vue、vue-cli3,可视化设计element-ui输入框、选择器、单选框等控件组成的Form表单,配置表单字段、标签、校验规则等。  ...
  • 如果您在Swift中工作,那么应该看看 ,它是Swift中XLForm的完整重新设计,并具有更多功能。 我们不再为XLForm实现任何新功能。 但是,如果出现严重问题,我们将予以解决。 目的 XLForm是创建动态表格视图表单的最...
  • 设计器基于Element UI ,可通过点击或拖拽的方式设计基本表单设计器生成的代码可直接运行在基于 Element 的 vue 项目中。 github仓库 https://github.com/JakHuang/form-generator 码云仓库...
  • Vue ElementUI 表单设计器 代码生成器

    千次阅读 2020-12-28 21:39:23
    1、支持ElementUI组件,未来会持续添加更多组件支持。 2、支持多达36种控件,满足各种业务场景。 3、组件配置详细,基本1:1还原了组件的所有配置,当然,不常用的配置为了界面简洁我们放在了高级设置里。 4...
  • 自定义表单设计

    千次阅读 2005-04-07 16:52:00
    单 设 计 一、设计目的 可以根据不同业务表单自定义生成表单,并能根据生成后的表单设计显示风格。表单使用中表单数据会根据不同表单入库到对应的数据库,并根据设计时所定义的条件自动生成查询或报表功能。解决...
  • 一个数据库设计表单

    2015-06-04 14:25:13
    是一个很好的数据库设计源码,大家可以好好研究一下啊
  • 第二步:选择需要绑定的表单,如果表单库中没有合适的表单或者没有表单,需要在表单库中添加 第三步:绑定完成 显示效果:根据节点中配置的表单类型显示也不相同 树表单类型:效果图参照---》流程表单树 ...
  • 我们使用了SharePoint 2013 作为我们的服务器平台,那么我们也就用InfoPath Designer 2013 设计我们的服务表单。1. 我们首先点开InfoPath Designer 2013,
  • form-create 是一个可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成器。并且支持生成任何 Vue 组件。结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定。 文档 | github 功能...
  • 基于VUE 开发的 表单设计

    千次阅读 2020-07-14 10:33:44
    k-form-design 基于vue和ant-design-vue实现的表单设计器 组件预览地址 http://cdn.kcz66.com/form-design.html 组件地址 https://www.npmjs.com/package/k-form-design 开源地址 ...第二种 基于开源Element ...
  • 项目管理:可视化表单界面设计

    千次阅读 2013-02-18 14:42:19
    需求: 目前正在开发一个可视化表单界面设计器,支持拖放,建表建库都可视化,...3、表单库表的关联:把生成的jsp页面上的html表单控件和表字段关联起来   以上3点基本都有解决方案了,而且程序也有个雏形了
  • element+vue实现界面动态添加表单

    千次阅读 2019-05-24 10:05:48
    首先,要确保你的开发环境是vue+element框架。然后就可以开始了 添加一个按钮用于打开模态框...设计一个组件用于动态添加表单,我这儿使用的是模态框。里面是卡片和表格处理数据 <!--SKU属性维护的模态框-->...
  • MongoDB 表设计

    万次阅读 多人点赞 2018-08-17 11:28:26
    12月12日上午,TJ在开源中国的年终盛典会上分享了文档模型设计的进阶技巧,就让我们来回顾一下吧: ——————————————————————————————————————————————————————...
  • 自定义表单.数据库设计

    千次阅读 2017-05-01 21:51:34
    Autoforms https://github.com/ZacharyJia/fuck-excel-php
  • PHP动态网页设计与制作案例教程

    热门讨论 2012-12-12 10:53:30
    本书展示一个完整网站的设计和实现过程,详细地介绍动态网页设计和制作的技术和相关理论,全书共分为8章,主要内容包括:动态网站设计概述、动态网站编程环境、网站主页设计与PHP基础、网站计数器设计与PHP文件访问...
  • OA多级审批流程表设计方案以及开发思路(非常细节)

    万次阅读 多人点赞 2020-07-27 15:39:30
    OA审批工作流设计解决方案
  •  参数属性名类型描述是否必须默认值actionstring表单提交路径否nullformidstring表单唯一标示是formobjrefreshbooleandialog为true时是否刷新父页面否truecallbackstring表单提交完成后的回调函数否...
  • 下图中的SP表单库模板有稍微更多的结构,包含预定义的表格和控件的位置。 注意到之前的图解InfoPath在表格的边界显示了网格线。这些网格线帮助你设计和格式化新的模板。当表格被用户填写时,它们并不显示。它们...
  • 如何将InfoPath的数据提交到表单库(文档库)一、 在Moss网站上新建一个表单库,取名为infopahtDemo,网址:http://zdr-c:8000/Docs/infopahtDemo二、 打开InfoPath,设计一个新的表单。为了测试,设计一个最简单...
  • 注:标题有点长,原来打算说是表单的在线修改,但很容易理解成表单数据的修改,所以说是在线重新设计表单了。    最近在跟朋友一起讨论工作流系统中自定义表单的问题,这些表单用于流程节点的数据处理,比如在...
  • 基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来 工具地址:http://tools.xiaoyaoji.cn/form GitHub地址:...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 80,391
精华内容 32,156
关键字:

动态表单完整库表设计