- 综合排序
- 最热优先
- 最新优先
- 来自专栏FHADMIN
自定义表单 动态表单 表单设计器 流程引擎 设计方案
作流模块------------------------------- 1.模型管理 ：web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 ：导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型 当作废和完结任务时, 任务发起人会收到站内信消息通知 ---------------------------------------------------fhadmin.cn ---------------自定义表单 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 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）表单引擎 表单引擎由三块自成体系的可独立部署运行的部分组成。 编辑切换为居中动作概览入口编辑切换为居中动作概览功能五，表单设计（1）页面布局 表单系统，依然采用的是，OneCode低代码引擎的布局结构。使用工程结构来完成项目代码的管理及复用。
93251编辑于 2023-06-26 - 来自专栏Java帮帮-微信公众号-技术文章全总结
优秀表单设计原则
在设计页面的时候，表单是一种使用率非常高的元素。 这篇文章将会讲解设计师在设计页面时表单时经常会犯的一些错误。 请注意，文章中所说的都是一般性规则，在实际工作中，每一个规则都有例外情况。 表单应该为单栏式样 ? 多栏式样表单会扰乱用户的垂直动量。 说明标签放在输入框上面 ? 数据显示，当说明标签在输入框上面的时候，用户完成表单的几率要远高于标签位于输入框左边的时候。 在设计电话号码、邮政编码等输入框的时候，你一定要考虑到这一点。 去除*，直接写上“可选”的字样 ? 很多用户都不知道*这个符号代表的是什么意思。你应该去掉这个服务，在标签边上直接写上“可选”的字样。 用户都有批量思维，较长的表单会让他们感到困惑。通过创建逻辑群组，用户能够更快的理解表单的构成。 通过其他方式获得数据 移 除那些可选输入框，考虑用其他的方式来获得数据。 把表单做的有趣 生 命很短暂，谁也不想把时间浪费在填无聊的表单上。你可以把你的表单做成会话式的，把它做的有趣，让用户在填表的过程中获得快感。设计师的指责是传递公司的 品牌，来引出用户的情感反应。
1.3K30发布于 2019-05-08 - 来自专栏大前端（横向跨端 & 纵向全栈）
Vue组件设计-表单分页
表单分页在后台管理系统中最为常见，几乎所有的表格页面都会用到，但是一般的UI框架分页组件在点击切换分页后，都没有自动滚动置顶的功能，为了更好的用户体验以及全局复用，有必要自己封装一个分页组件。 1.
74330编辑于 2023-05-03 - 来自专栏飞扬的花生
表单样式简单设计
虽然作为后端程序员,简单的CSS样式还是要会滴,备份下 1.直接贴代码吧： @{ ViewBag.Title = "Index"; Layout = null; } <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script> <style type="text/css"> .box-wrap { padding: 20px; width: 2000px; }
1.1K60发布于 2018-01-18 - 来自专栏FHADMIN
java 自定义表单 动态表单 表单设计器 工作流引擎 flowable 设计方案
工作流模块------------------------------- 1.模型管理 ：web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 ：导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型 查看任务发起人信息 5.待办任务 ：查看本人个人任务以及本角色下的任务、办理、驳回、作废、指派一下代理人 6.已办任务 ：查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 自定义表单 ------------------------------- 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 我的表单 ：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 挂靠记录：记录表单数据和流程实例ID关联记录，可删除
2.8K20发布于 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 - 来自专栏游戏杂谈
Bootstrap的表单设计器
如果是内部系统或是自己需要写个简单点的页面，可以直接使用Twitter的Bootstrap，而这个表单器也是非常好用，直接拖拽，设置属性，得到一个很漂亮的表单。 ? 右侧的Generated Source即可获取左侧设计表单的源码，很方便吧:) 使用方法很简单，鼠标左键选中你需要添加的表单控件至左侧容器中，松开鼠标即可。 ?
2.3K20发布于 2018-11-16 - 来自专栏FHADMIN
java 自定义表单 动态表单 表单设计器 工作流引擎 flowable
自定义表单设计模块都有哪些？ 1 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 2 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 3. 我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 4. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 5. 挂靠记录：记录表单数据和流程实例ID关联记录，可删除
2.5K30发布于 2021-07-15 - 来自专栏学点博客
前端设计vue+layui表单设计3.0
之前表单设计基于layui，用的是h5，后面发现不是很理想，加载过程中有一些不尽人意，因此思来想去准备从新设计。 在form表单中只要定义一个name，可通过data.field获取表单中所填值，form.val(“id”,{})可对表单赋值。 本次也是干了两天把这个表单中的这个常用组件给封装出来了我们看看效果吧。 先看看一个丑陋的设计界面如下图，我是将设计的这个数组保存到数据库中。 最后来说说如何把这些组件给渲染出来的，我们新建一个表单组件，该组件需要接受表单id，通过表单id获取到表单所需要的渲染的组件。就是这么简简单单。 那么当遇到编辑怎么办呢？ 我们是否已经有表单，那么获取数据就可以对表单赋值了。
2.7K10编辑于 2022-08-15 - 来自专栏采云轩
表单数据形式配置化设计
表单数据形式配置化设计 https://www.zoo.team/article/form-data 前言 在日常的中后台系统开发中，表单是和我们打交道非常多的名词。 秉承着更少代码更多产出的原则，我设计了一套配置化逻辑来提升这一开发体验。 它就是表单文本形式，一种以文本展示但数据可被表单自动收集的形式，我把它定义为 FormText（如下所示)。 至此，针对实现数据详情与编辑形式的方案有了这样两种，表单与文本组合或表单与表单文本组合的实现。本次我选择表单与文本组合的方案。 比如我们前端团队的无相应用早已实现整个表单页的配置化能力。而本文展示的表单块的代码配置化能力接入较为轻量、内容上更容易理解。
1.3K20编辑于 2022-12-01 - 来自专栏码
建模与表单的动态化设计
市面上有不少用于推进某些业务的表单设计器，例如轻流、简道云等，它们的理念是用一个很小的表单和流程，解决企业的细小业务，可以理解为问卷收集基础上的流转能力。 本文将梳理我的设计思路。 动态建模 对于表单而言，我推崇先建模，当然，建模并不只适用于表单场景，任何场景都适用，只是需要考虑成本。 设计动态DSL语言 我们不是要发明一门编程语言，我们是要解决动态化表单过程中，如何让描述文本具备更深的动态含义。解决眼前的问题，有利于我们减少瞎想乱想的可能性。 动态表单 对于产品化的动态表单而言，我们应该让用户进到产品里时，就可以立即进行表单设计。在表单设计过程中，再让用户来细化字段。 插件式组件体系 作为通用表单设计器，它允许你自己开发自己的组件，并且在开发的组件中，附带组件的配置和各种逻辑，对于设计器服务方而言，我们将这些打包好的组件作为插件放入到不同用户对应的初始化信息中，从而他们可以使用自己开发的组件
3.3K12编辑于 2023-03-08 - 来自专栏小徐学爬虫
PyQt 加载简单 Qt 设计器表单
在使用 PyQt 开发桌面应用程序时，使用 Qt Designer 可以大大加快 UI 的设计过程。 你可以在 Qt Designer 中设计 UI，然后将其加载到 PyQt 中，从而实现分离的 UI 和逻辑代码。 self.searchLabel.setBuddy(self.searchEdit) self.nameLabel其实我要说的就是有两种主要方式可以在 PyQt 中加载 Qt Designer 表单 这两种方式都可以让我们在 PyQt 应用程序中轻松使用 Qt Designer 设计的界面，并将界面设计和业务逻辑分离。
48510编辑于 2024-10-08 - 来自专栏码匠
表单的 9 种设计技巧【上】
全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式，合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。 以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹（圆圈越大，注视时间越长）：图片图片图片可以看到，在顶部左对齐的设计中，用户能够在单次视线移动中同时获取标签和输入字段，可以更快理解表单。 如果希望用户能快速扫描填写表单，那么标签顶部对齐是最佳选择。注意对齐的一致性，所有标签在整个表单中都应该遵循相同的对齐方式。 技巧 4：表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中，使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览，而多列的表单形式则会破坏用户填写规律，进而影响完成表单的速度。 我们主要面向国内用户，相较于国外开发的 Admin/CRM/CMS 等后台工具，我们的 UI 界面设计更加适合国内业务场景。
1.2K50编辑于 2022-09-15 - 来自专栏码匠
表单的 9 种设计技巧【下】
全文 1642 字 阅读时间约 5 分钟 本文首发于码匠技术博客 书接上文（表单的 9 种设计技巧【上】），码匠继续为您分享表单交互设计中的小技巧～ 技巧 5：对相关信息分组，并折叠不常用表单项 对有关联的信息进行分组是提高文案可读性的常用策略 这里使用码匠的分割线组件，将表单内容进行了信息分组： 图片 此外，如果某些表单项很少使用，可以在表单中动态折叠/展开该部分，以优先展示常用表单项，使界面整洁有效。 技巧 9：布局 最后一个技巧是设计用户友好的组件布局，这并没有千篇一律的公式，但码匠为您总结了以下几点建议： 使用对话框 前面提到，许多情况下需要搭配使用表格组件和表单组件。 当涉及到更新表格中的一条记录时，最佳做法是将表单放入对话框中，当用户点击链接或按钮时，再自动弹出填充了默认值的表单，而不是将表单一直静态展示在表格旁边，防止用户在浏览表单时不小心编辑数据。 我们主要面向国内用户，相较于国外开发的 Admin/CRM/CMS 等后台工具，我们的 UI 界面设计更加适合国内业务场景。
3K00编辑于 2022-10-10 - 来自专栏JavaEdge
设计Element UI表单组件居然如此简单！
1 表单组件 Element表单组件 页面里，可见表单种类的组件类型很多，输入框、单选框和评分组件等都算表单组件系列。 组件设计需考虑： 内部交互逻辑 对子组件提供什么数据 对父组件提供什么方法 需不需要通过provide或inject来进行跨组件通信等 表单验证流程 1. 类比 Java: 类似 @Valid 注解验证 类似 JSR-303 验证规则 类似 BindingResult 结果处理 FAQ Q：表单组件设计上能否通过Vue 2流行的event-bus实现？ 负责： 中央/分销预订系统性能优化 活动&券等营销中台建设 交易平台及数据中台等架构和开发设计 车联网核心平台-物联网连接平台、大数据平台架构设计及优化 LLM Agent应用开发 区块链应用开发 大数据开发挖掘经验 推荐系统项目 目前主攻市级软件项目设计、构建服务全社会的应用系统。
56310编辑于 2025-06-01 - 来自专栏学点博客
2.0版表单设计.net core版
接着上一篇文章基于layui的表单设计后台采用net core。 现在实现功能是先设计好数据库然后根据数据库生成表单，首先设计数据库，必须定义ID,类型为uniqueidentifier也就是GUID,接下来在说明中备注字段如下说是，我这个表是用来发表文章的，然后保存表名为 数据库设计完成之后，打开表单设计，输入表名A_Article，点击从数据库生成，即可生成如下的表单，但是表单中要取到当前用户我们设置值为_SYS_GETUSERNAME，获取系统时间设置值为_SYS_DATETIME 设计完成之后点击发表即可，与此同时如果需要调整位置，可上下拖拽。任意互换。发表之后。 这个适合干什么事情呢，后台网站文章发布不用写后台代码，对于用户端美工设计完前端页面绑定就可以了，很大程度上解决了工作量。
64610编辑于 2022-08-10 - 来自专栏FHADMIN
java 工作流表单设计器 设计方案
工作流模块 1.模型管理 ：web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 ：导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型、激活挂起 3.运行中流程：查看流程信息 定义模版：拖拽左侧表单元素到右侧区域，编辑表单元素，保存表单模版 29. 表单模版：编辑维护表单模版，复制表单模版，修改模版类型，预览表单模版 30. 我的表单：选择表单模版，编辑表单规则，是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据：从我的表单进去可增删改查表单数据，修改表单规则 32. 挂靠记录：记录表单数据和流程实例ID关联记录，可删除
1K20发布于 2021-11-03 设计Element UI表单组件居然如此简单！
1 表单组件Element表单组件 页面里，可见表单种类的组件类型很多，输入框、单选框和评分组件等都算表单组件系列。 组件设计需考虑：内部交互逻辑对子组件提供什么数据对父组件提供什么方法需不需要通过provide或inject来进行跨组件通信等表单验证流程1. Java:类似 @Valid 注解验证类似 JSR-303 验证规则类似 BindingResult 结果处理FAQQ：表单组件设计上能否通过Vue 2流行的event-bus实现？ 与现代 Vue 设计理念不符问题：event-bus 属于 Vue 2 时代的过渡方案，而 Vue 3 的 Composition API 提供了更优雅的通信机制（如响应式 reactive、ref 数据 改进：在本例中，provide/inject 结合响应式数据实现了父组件与子组件的通信，使代码风格更加符合现代 Vue 的声明式设计思想。
1.6K20编辑于 2024-12-29- 来自专栏learn
【Web前端】响应式 HTML 表单设计
HTML 表单是 Web 应用程序的重要组成部分，用户通过它与网站交互，可以填写信息、提交数据等。HTML 表单用于收集用户的输入信息。 HTML 表单表示文档中的一个区域，此区域包含交互控件，将用户收集到的信息发送到 Web 服务器。HTML 表单通常包含各种输入字段、复选框、单选按钮、下拉列表等元素。 一、什么是 HTML 表单？ HTML 表单是用户输入数据的区域。表单通过使用 <form> 标签定义，用户可以输入各类数据，比如文本、密码、多个选项等。 表单数据可以通过几种方式发送到服务器上，最常见的是通过 HTTP POST 或 GET 请求。表单通常用于注册、登录、搜索和填写反馈等场景。 创建一个基本的表单 一个基本的表单结构如下： <! 四、表单样式 为了使表单更具可读性和美观，有时需要给表单添加 CSS 样式。
2K00编辑于 2024-11-19
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号