精华内容
参与话题
问答
  • 表单设计器

    2019-02-13 11:35:47
    jQuery formBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。
  • 表单设计器源码 此款表单设计器

    热门讨论 2011-08-03 14:53:45
    此款表单设计器实现了自 表单设计器源码 此款表单设计器实现了自定义表单,并创建数据表及保存数据的功能,能移植以WEB上使用,但在WEB上无法实现数据的动态保存, 是以上传来大家帮忙看看,能否实现WEB表单设计...
  • 开普云表单设计器是一款离线表单设计器,可设计更复杂样式、更复杂运算规则的电子表单模板。 因在线设计器受浏览器限制很多功能不能完美展现,Windows表单设计器是在线电子表单应用的极好补充。在表单中心直接导入...
  • winform 表单设计器

    2015-11-18 17:12:11
    基于DesignerHosting修改后的表单设计器,已经可以完成创建、打开、保存、编译、运行表单功能,并且可以编辑属性及事件,弥补了DesignerHosting的缺点。 目前尚有一问题没有解决,使用datagridview控件后,无法在...
  • 表单设计器源码

    2018-06-02 16:34:47
    c#写的表单设计器源码,可以动态拖动控件组成表单界面,并且可以设置控件属性,类似Visual Studio 的编译器
  • jquery 表单设计器

    热门讨论 2013-07-02 08:47:40
    jquery 表单设计器,简单,灵活。无加密
  • 自定义表单设计器演示程序

    热门讨论 2011-02-25 21:09:01
    自定义表单设计器的演示程序,提供了2个示例模板,如果感兴趣,再下载自定义表单设计器演示版源码(C#)。源码下载地址:http://download.csdn.net/source/3043185
  • winform表单设计器

    2014-08-20 11:42:34
    基于C#的表单自定义简单开发技术,初学者具有参考意义
  • 流程设计器+表单设计器+MVC
  • jquery UI表单设计器

    热门讨论 2014-08-30 13:33:01
    一个用jaqury UI开发的表单设计器源代码
  • 拖拽式表单设计器

    2019-04-17 11:24:21
    1.将项目发布到tomcat后,直接访问 localhost:...2.表单设计好之后,点击下载--保存表单文件(.html)到本地 3.将保存的文件放入项目中,并在lay.jsp中指定位置包含表单文件 4.访问lay.jsp即可看到渲染之后的表单文件
  • 基于Vue,ElementUI开发的一款表单设计器

    万次阅读 多人点赞 2018-09-28 13:20:49
    基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来 工具地址:http://tools.xiaoyaoji.cn/form GitHub地址:...

    介绍


    基于Vue,ElementUI开发的一款表单设计器,提高表单开发效率的利器,让开发者从枯燥的表单代码编写中解放出来

    工具地址:http://tools.xiaoyaoji.cn/form

    GitHub地址:https://github.com/GavinZhuLei/vue-form-making

    特性

    • 可视化配置页面
    • 提供栅格布局,并采用flex实现对齐
    • 一键预览配置的效果
    • 一键生成配置json数据
    • 一键生成代码,立即可运行
    • 提供自定义组件满足用户自定义需求
    • 提供远端数据接口,方便用户需要异步获取数据加载
    • 提供功能强大的高级组件
    • 支持表单验证
    • 快速获取表单数据

    CDN

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/form-making/dist/FormMaking.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/form-making/dist/FormMaking.umd.js"></script>

     

     Install

    npm install form-making -S

     

    Quick Start

    import FormMaking from 'form-making'
    import 'form-making/dist/FormMaking.css'
    Vue.use(FormMaking)
    
    // or
    import {
      GenerateForm
    } from 'form-making'
    import 'form-making/dist/FormMaking.css'
    
    Vue.component(GenerateForm.name, GenerateForm)

    Template

    <fm-generate-form></fm-generate-form>

    功能介绍

    通过 在线地址 生成的JSON,用于表单渲染

    下面就是加载对应的数据用于展示,假设你已经正确加载组件

    <fm-generate-form 
        :data="jsonData" 
        :remote="remoteFuncs" 
        :value="values"
        ref="generateForm">
    </fm-generate-form>
    
    <script>
    new Vue({
        ...
        data () {
            return {
                jsonData: {}, // 表单配置中生成的json数据
                values: {}, // 表单需要显示的表单数据
                remoteFuncs: {
                    // 组件配置时配置的远端方法,保持和配置时输入的名称一致
                    func_test (resolve) {
                      // 模拟接口请求
                      setTimeout(() => {
                        const options = [
                          {id: '1', name: '1111'},
                          {id: '2', name: '2222'},
                          {id: '3', name: '3333'}
                        ]
                        
                        // 获取到的值和标签可以通过配置页远端配置
                        // 值:id  标签:name
            
                        resolve(options) // 将后端获取的数据放入回调函数中
                      }, 2000)
                    },
                    func_test2....
                }
            }
        },
        methods: {
            ...{
                // 调用此方法验证表单数据和获取表单数据
                this.$refs.generateForm.getData().then(data => {
                    // 数据校验成功
                    // data 为获取的表单数据
                }).catch(e => {
                    // 数据校验失败
                })
            }
        }
    })
    </script>


    问题交流

    QQ群:985558286

    展开全文
  • eclipse表单设计器插件

    2012-05-21 14:12:47
    可在eclipse中进行表单设计,尝试表单设计的成果
  • web表单设计器 v3.0.zip

    2019-07-16 04:33:47
    web表单设计器(Leipi Form Design)是百度编辑器Ueditor第三方扩展,本文会详细讲述如何利用Ueditor开发Form Design。 当然你也可以使用Umeditor或其它编辑器,表单设计器通常在、OA系统、问卷调查系统、考试系统、...
  • 图形化WINFORM表单设计器

    热门讨论 2007-09-12 01:21:11
    图形化WINFORM表单设计器,再网上下的代码!大家研究研究
  • ext表单设计器,常用表单拖拉实现

    热门讨论 2011-05-11 14:58:16
    ext ext表单 ext表单设计器 表单设计
  • 表单设计器(Java)

    热门讨论 2010-08-01 12:33:19
    Java版表单定制,可以根据用户工作流的需求动态定制对应工作流程的表单!希望对需要的朋友有所帮助!
  • 表单设计器,含图片

    2016-09-10 15:59:06
    很全的表单设计器,包含图片,地图,普通表单,可拖拽,绝对值资源分
  • 一个基于.NET C# 开发的 Winform 自定义表单设计组件。支持Xml保存和加载表单,支持控件的拖放和属设置,支持复制、粘贴、对齐、撤销、重做等设计时操作。
  • 灵活的一个表单设计器 大家互相沟通 互相提意见哈
  • Leipi Form Design 是百度编辑器Ueditor第三方扩展,本文会详细讲述如何利用Ueditor开发Form ... 当然你也可以使用Umeditor或其它编辑器 表单设计器通常在、OA系统、问卷调查系统、考试系统、等领域发挥着重要作用!
  • 表单设计器通常在、OA系统、问卷调查系统、考试系统、等领域发挥着重要作用! php示例 http://formdesign.leipi.org/demo.html
  • 拖拽式表单设计器java版,排版可随意定制,提供丰富的表单控件,根据Ueditor改造,表单设计完成之后,可直接进行工作流的扭转,工作流纯源码,可以随意定制二次改造,微信搜索 开源码农 ,更多资源免费下载
  • formbuilder表单构建工具_在线表单设计器代码formbuilder表单构建工具_在线表单设计器代码
  • 纯js开发的表单设计器

    热门讨论 2010-01-28 17:11:27
    全部是用js实现 表单的动态定义 生成xml文件
  • 让我们看一下数字领域的能力,特别是我们如何运用这些原理并将其应用于我们创建的日常UI元素,例如按钮,表单域,图标,隐喻和其他可视元素。 Affor –什么? 负担是物体与个人之间可能采取的行动 。 例如,门把手...

    通达 表单设计器 子表单

    让我们看一下数字领域的能力,特别是我们如何运用这些原理并将其应用于我们创建的日常UI元素,例如按钮,表单域,图标,隐喻和其他可视元素。

    Affor –什么?

    负担是物体与个人之间可能发生的行为 例如,门把手产生扭转运动。 个人是否认识到该行动的可能性无关紧要-负担仍然存在

    另一方面,“感知的承受能力” 传达了用户应如何与之互动。 用户将知道是否要推,拉,扭等等。 感知的负担应该是实际可行的行动与简单地被视为可行的行动的结合。

    负担能力为何重要?

    讨论诸如门把手之类的东西似乎是常识,因为它们在我们的日常生活中无处不在。 但是请考虑新技术和创新,例如无钥匙进入汽车。 对于许多人来说,它们是新的领域,因此指示符至关重要。 一个小的突出按钮可能为其功能提供了线索。

    1. 一按打开车门。
    2. 按住按钮以锁定汽车。

    与其阅读手册,不如说是用户,我们希望从过去的类似产品中寻找线索,以浏览我们瞬息万变的世界。

    表格设计

    功能与用户界面设计也相关。 在这篇快速文章中,我将通过一些相关示例来讨论它们在表单设计中的应用(表单字段,按钮,导航元素等),并提出改进建议。 因为它们没有像工业设计中那样的实际物理属性,所以我要指的是“感知能力”。

    “平面按钮”设计

    平面按钮设计存在问题。 它们经常迷失在设计中,而不是被解释为横幅图形。

    以下注册表单(基于将保持匿名的应用程序)显示了许多元素。

    1. 标题
    2. 输入栏位
    3. 主CTA按钮
    4. 次要按钮

    这里有许多不同的元素,但几乎没有区别,因此它们都融合在一起。这是一种形式,它的确表明存在按钮和输入字段,但是用户可能很难理解它们中的任何一个“提供”具体行动。

    CTA的主要改进

    我们如何改进设计,使用户更容易理解“创建帐户”指令? 执行以下操作可能会有所帮助:

    • 添加一个细微的阴影以表达“按”动作的深度提示。 我不是阴影和渐变的忠实拥护者,但如果在正确的背景下进行操作,可以改善感知的负担能力。
    • 也许将边缘弄圆并使按钮变小,以免将其误认为横幅或副标题。
    • 绝对提高对比度。 当前,浅灰色和白色阴影很难区分。 深灰色将真正带出按钮并推动用户操作。


    次要按钮

    这个超级最小的辅助按钮丢失了,并且缺少了将其与表单字段区分开的指示符(例如,输入中的内部阴影)。 以下是一些改进建议:

    • 圆角表示这是一个需要按下的按钮。
    • 邻近性:将按钮定位在“创建帐户”选项附近,可以更清楚地表明它与某种方式相关。
    • 标签:代替“已经有一个帐户”,可以考虑使用更简单的方法(例如“登录”)来表示按钮将执行的操作。

    表单字段输入控件

    另一个表单示例,这次用于输入运输详细信息。 表单域的功能似乎不起眼,但是它们可能会产生很大的影响。

    一些改进建议包括:

    • 考虑以下事实:邮政编码字段与所有其他字段的大小相同。 在澳大利亚,邮政编码是四位数,在荷兰是六位数。 在任何情况下,邮政编码总是比第一个地址行短,因此,大小合适的输入可能会使用户感到更舒适。
    • 这里的平面设计可能是有效的,但是如果我们增加一些深度,它可能会更准确地解释为一系列输入字段。 根据上一页的设计,某些人可能会认为这些字段是横幅或按钮。
    • 一般而言,更大的对比度可以提高表格的可读性,尽管这与能力没有直接联系。

    结论

    在本文中,我们研究了一些示例表单,以及它们的UI如何与UI设计中的感知能力相关联。 了解用户的感知可以使您深入了解如何以清晰直观的方式进行设计。 您的设计不太可能使用户感到困惑,而是通过一系列逻辑步骤帮助他们完成用户旅程。

    翻译自: https://webdesign.tutsplus.com/articles/affordances-in-form-design--cms-28176

    通达 表单设计器 子表单

    展开全文
  • 一个表单设计器前端代码只用来学习用。学习点:拖拉、页签等
  • Avue 表单设计器

    千次阅读 2019-10-15 14:32:59
    地址:https://avuejs.com/doc/plugins/avuex-cli
    展开全文

空空如也

1 2 3 4 5 ... 20
收藏数 2,046
精华内容 818
关键字:

表单设计器