- 综合排序
- 最热优先
- 最新优先
- 来自专栏FHADMIN
自定义表单 动态表单 表单设计器 流程引擎 设计方案
作流模块------------------------------- 1.模型管理 ：web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 ：导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型 、激活挂起 3.运行中流程：查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程：查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 ：查看本人个人任务以及本角色下的任务 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 29. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 30. 我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 32. 挂靠记录：记录表单数据和流程实例ID关联记录，可删除
2.1K30发布于 2021-11-11 - 来自专栏OneCode 低代码
表单设计领域天花板，OneCode表单设计
本文是根据开源低代码平台，《OneCode低代码引擎》 1.0.6版本整理的功能来阐述表单系统的设计。 二，OneCode 表单设计组成 onecode表单系统是建立在OneCode低代码引擎的一个重要组成部分，由设计器，表单引擎、以及领域设计工具组成。 编辑切换为居中添加图片注释，不超过 140 字（可选）（1）可视化设计器 设计器是表单系统统一入口，onecode 设计器本身是一套开放的设计，用户可以通过，OneCode语言指定扩展。 编辑切换为居中可视化设计器编辑切换为居中添加图片注释，不超过 140 字（可选）（2）表单引擎 表单引擎由三块自成体系的可独立部署运行的部分组成。 （3）表单流转编辑添加图片注释，不超过 140 字（可选）编辑切换为居中添加图片注释，不超过 140 字（可选）（4）表单按钮权限编辑切换为居中添加图片注释，不超过 140 字（可选）编辑切换为居中添加图片注释
96951编辑于 2023-06-26 - 来自专栏js笔记
antd4与antd3Form表单设计区别
核心 antd3思想：使用HOC（高阶组件）包裹form表单，HOC组件中的state存储所有的value值，定义设置值和获取值的方法 缺点：动一发牵全身，一个value值改变，因为这是顶级状态，所以所有的子组件都会因父组件的重新 render而render,浪费了性能 antd4思想：使用Context 包裹form表单，自定义一个store类，存储所有的表单value值，定义设置值和获取值得方法，因为不是组件内部状态，需要自己定义更新函数 强制更新函数，当我们setValue值得时候，根据name值判断出要更新的Form.Item,可以调用该Item的更新函数更新，相比ant3节约了性能（个人觉得这个思想类似Vue了，涉嫌抄袭） ant4简单原理展示 / console.log(values, '成功') // } // return ( //
//这是的表单 onFinish, onFinishFill, formRef } = this; return (
这是的表单
2.4K20编辑于 2022-10-25来自专栏Java帮帮-微信公众号-技术文章全总结优秀表单设计原则
在设计页面的时候，表单是一种使用率非常高的元素。 这篇文章将会讲解设计师在设计页面时表单时经常会犯的一些错误。 请注意，文章中所说的都是一般性规则，在实际工作中，每一个规则都有例外情况。 表单应该为单栏式样 ? 多栏式样表单会扰乱用户的垂直动量。 说明标签放在输入框上面 ? 数据显示，当说明标签在输入框上面的时候，用户完成表单的几率要远高于标签位于输入框左边的时候。 在设计电话号码、邮政编码等输入框的时候，你一定要考虑到这一点。 去除*，直接写上“可选”的字样 ? 很多用户都不知道*这个符号代表的是什么意思。你应该去掉这个服务，在标签边上直接写上“可选”的字样。 用户都有批量思维，较长的表单会让他们感到困惑。通过创建逻辑群组，用户能够更快的理解表单的构成。 通过其他方式获得数据 移 除那些可选输入框，考虑用其他的方式来获得数据。 把表单做的有趣 生 命很短暂，谁也不想把时间浪费在填无聊的表单上。你可以把你的表单做成会话式的，把它做的有趣，让用户在填表的过程中获得快感。设计师的指责是传递公司的 品牌，来引出用户的情感反应。
1.3K30发布于 2019-05-08来自专栏大前端（横向跨端 & 纵向全栈）Vue组件设计-表单分页
表单分页在后台管理系统中最为常见，几乎所有的表格页面都会用到，但是一般的UI框架分页组件在点击切换分页后，都没有自动滚动置顶的功能，为了更好的用户体验以及全局复用，有必要自己封装一个分页组件。 1.
74730编辑于 2023-05-03来自专栏飞扬的花生表单样式简单设计
} .box-wrap > div input { border-radius: 3px; padding: 4px .box-wrap > div select { border: 1px solid #e0e0e0; padding: 4px
1.1K60发布于 2018-01-18来自专栏全栈程序员必看HttpClient4模拟表单提交
这里用httpclient4.3模拟一个表单普通文本提交的方法 建一个servlet接受表单数据，只传递2个参数，name和password //servlet的访问地址是:http://localhost org.apache.http.message.BasicNameValuePair; import org.apache.http.util.EntityUtils; import org.junit.Test; public class TestHttpClient4 httpPost.setEntity(reqEntity); System.out.println(“请求url地址”+httpPost.getURI()); //提交表单请求 response是表单的响应 CloseableHttpResponse response = httpClient.execute(httpPost); try
1.1K10编辑于 2022-09-15来自专栏FHADMINjava 自定义表单 动态表单 表单设计器 工作流引擎 flowable 设计方案
工作流模块------------------------------- 1.模型管理 ：web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 ：导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型 、激活挂起 3.运行中流程：查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程：查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 ：查看本人个人任务以及本角色下的任务 、办理、驳回、作废、指派一下代理人 6.已办任务 ：查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 自定义表单------------------------------- 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本 、挂靠流程开关等 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 挂靠记录：记录表单数据和流程实例ID关联记录，可删除
2.9K20发布于 2021-08-24来自专栏全栈程序员必看网页中的表单设计(网页表单制作步骤)
在学习了最基本的网页元素后，接触到了表单，下面是用HTML写的很基础的表单，中间设计到了一点点CSS的内容，不算复杂。 <! doctype html> <html> <head> <meta charset="utf-8"> <title>表单综合实例</title> <style type="text/css"> input.ann antiquewhite; font-size: 12pt; height: 30px; background: #999999; } </style> </head> <body> <form name="<em>表单</em>实例 本实例基本包括了<em>表单</em>的一般属性。 发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/125511.html原文链接：https://javaforall.cn
3.6K20编辑于 2022-08-02来自专栏云计算linux4、表单和高级选择器
表单和高级选择器 1、什么是表单 表单用于收集用户的信息，是浏览器和用户之间沟通的桥梁。 就是你在注册账号时，让你输手机号，输密码那个小框框，明白了吧 还不明白？ 在HTML中，一个完整的表单通常由表单控件（也称为表单元素）、提示信息和表单域3个部分构成。 表单控件： 包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、提交按钮、重置按钮等。 表单域： 他相当于一个容器，用来容纳所有的表单控件和提示信息，可以通过他定义处理表单数据所用程序的url地址，以及数据提交到服务器的方法。如果不定义表单域，表单中的数据就无法传送到后台服务器。 <input type="radio" name="sex">男 <input type="radio" name="sex">女 </form> </body> 4、 method 用于设置表单数据的提交方式，其取值为get或post。 name 用于指定表单的名称，以区分同一个页面中的多个表单。 注意： 每个表单都应该有自己表单域。
85910编辑于 2024-12-19来自专栏FHADMINjava 自定义表单 动态表单 表单设计器 工作流引擎 flowable
自定义表单设计模块都有哪些？ 1 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 2 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 3. 我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 4. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 5. 挂靠记录：记录表单数据和流程实例ID关联记录，可删除
2.5K30发布于 2021-07-15来自专栏游戏杂谈Bootstrap的表单设计器
如果是内部系统或是自己需要写个简单点的页面，可以直接使用Twitter的Bootstrap，而这个表单器也是非常好用，直接拖拽，设置属性，得到一个很漂亮的表单。 ? 右侧的Generated Source即可获取左侧设计表单的源码，很方便吧:) 使用方法很简单，鼠标左键选中你需要添加的表单控件至左侧容器中，松开鼠标即可。 ?
2.3K20发布于 2018-11-16来自专栏学点博客前端设计vue+layui表单设计3.0
之前表单设计基于layui，用的是h5，后面发现不是很理想，加载过程中有一些不尽人意，因此思来想去准备从新设计。 在form表单中只要定义一个name，可通过data.field获取表单中所填值，form.val(“id”,{})可对表单赋值。 本次也是干了两天把这个表单中的这个常用组件给封装出来了我们看看效果吧。 先看看一个丑陋的设计界面如下图，我是将设计的这个数组保存到数据库中。 一饱眼福 http://mpvideo.qpic.cn/0bf2x4aasaaa6maeq2t64rqvbp6dbg7qacia.f10002.mp4? support_redirect=0&mmversion=false 一饱眼福 http://mpvideo.qpic.cn/0bf264aasaaacmaet3l645qvb56dbh3qacia.f10002.mp4?
2.7K10编辑于 2022-08-15来自专栏采云轩表单数据形式配置化设计
表单数据形式配置化设计 https://www.zoo.team/article/form-data 前言 在日常的中后台系统开发中，表单是和我们打交道非常多的名词。 秉承着更少代码更多产出的原则，我设计了一套配置化逻辑来提升这一开发体验。 它就是表单文本形式，一种以文本展示但数据可被表单自动收集的形式，我把它定义为 FormText（如下所示)。 至此，针对实现数据详情与编辑形式的方案有了这样两种，表单与文本组合或表单与表单文本组合的实现。本次我选择表单与文本组合的方案。 format) : '-'; // ...code default: return bizStringFormat(initialValue); // 无值时默认 ‘-’ } } 4、
1.3K20编辑于 2022-12-01来自专栏码建模与表单的动态化设计
市面上有不少用于推进某些业务的表单设计器，例如轻流、简道云等，它们的理念是用一个很小的表单和流程，解决企业的细小业务，可以理解为问卷收集基础上的流转能力。 本文将梳理我的设计思路。 动态建模 对于表单而言，我推崇先建模，当然，建模并不只适用于表单场景，任何场景都适用，只是需要考虑成本。 动态表单 对于产品化的动态表单而言，我们应该让用户进到产品里时，就可以立即进行表单设计。在表单设计过程中，再让用户来细化字段。 梳理表单组件 表单组件有4大类：控制表单状态的组件、表单布局组件、通用数据填写组件、业务特性的数据填写组件。不过对于用户而言，就分为两类，一类是布局组件，一类是数据组件。 插件式组件体系 作为通用表单设计器，它允许你自己开发自己的组件，并且在开发的组件中，附带组件的配置和各种逻辑，对于设计器服务方而言，我们将这些打包好的组件作为插件放入到不同用户对应的初始化信息中，从而他们可以使用自己开发的组件
3.3K12编辑于 2023-03-08来自专栏小徐学爬虫PyQt 加载简单 Qt 设计器表单
在使用 PyQt 开发桌面应用程序时，使用 Qt Designer 可以大大加快 UI 的设计过程。 你可以在 Qt Designer 中设计 UI，然后将其加载到 PyQt 中，从而实现分离的 UI 和逻辑代码。 = QtGui.QHBoxLayout() self.horizontalLayout_4.setObjectName("horizontalLayout_4") spacerItem self.searchLabel.setBuddy(self.searchEdit) self.nameLabel其实我要说的就是有两种主要方式可以在 PyQt 中加载 Qt Designer 表单 这两种方式都可以让我们在 PyQt 应用程序中轻松使用 Qt Designer 设计的界面，并将界面设计和业务逻辑分离。
50610编辑于 2024-10-08来自专栏sktjbootstrap4中自定义表单
<form class="form-inline justify-content-center" method="post" action="/?"> <input type="hidden" na
93610发布于 2019-08-07来自专栏码匠表单的 9 种设计技巧【上】
全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式，合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。 以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹（圆圈越大，注视时间越长）：图片图片图片可以看到，在顶部左对齐的设计中，用户能够在单次视线移动中同时获取标签和输入字段，可以更快理解表单。 如果希望用户能快速扫描填写表单，那么标签顶部对齐是最佳选择。注意对齐的一致性，所有标签在整个表单中都应该遵循相同的对齐方式。 技巧 4：表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中，使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览，而多列的表单形式则会破坏用户填写规律，进而影响完成表单的速度。 我们主要面向国内用户，相较于国外开发的 Admin/CRM/CMS 等后台工具，我们的 UI 界面设计更加适合国内业务场景。
1.2K50编辑于 2022-09-15来自专栏码匠表单的 9 种设计技巧【下】
全文 1642 字 阅读时间约 5 分钟 本文首发于码匠技术博客 书接上文（表单的 9 种设计技巧【上】），码匠继续为您分享表单交互设计中的小技巧～ 技巧 5：对相关信息分组，并折叠不常用表单项 对有关联的信息进行分组是提高文案可读性的常用策略 这里使用码匠的分割线组件，将表单内容进行了信息分组： 图片 此外，如果某些表单项很少使用，可以在表单中动态折叠/展开该部分，以优先展示常用表单项，使界面整洁有效。 接着为想要动态折叠/展开的每个组件设置布局->隐藏属性，如下图： 图片 4. 技巧 9：布局 最后一个技巧是设计用户友好的组件布局，这并没有千篇一律的公式，但码匠为您总结了以下几点建议： 使用对话框 前面提到，许多情况下需要搭配使用表格组件和表单组件。 我们主要面向国内用户，相较于国外开发的 Admin/CRM/CMS 等后台工具，我们的 UI 界面设计更加适合国内业务场景。
3K00编辑于 2022-10-10来自专栏学点博客2.0版表单设计.net core版
接着上一篇文章基于layui的表单设计后台采用net core。 现在实现功能是先设计好数据库然后根据数据库生成表单，首先设计数据库，必须定义ID,类型为uniqueidentifier也就是GUID,接下来在说明中备注字段如下说是，我这个表是用来发表文章的，然后保存表名为 数据库设计完成之后，打开表单设计，输入表名A_Article，点击从数据库生成，即可生成如下的表单，但是表单中要取到当前用户我们设置值为_SYS_GETUSERNAME，获取系统时间设置值为_SYS_DATETIME 设计完成之后点击发表即可，与此同时如果需要调整位置，可上下拖拽。任意互换。发表之后。 这个适合干什么事情呢，后台网站文章发布不用写后台代码，对于用户端美工设计完前端页面绑定就可以了，很大程度上解决了工作量。
64910编辑于 2022-08-10
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号