工作流模块------------------------------- 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型...、激活挂起 3.运行中流程:查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务...、办理、驳回、作废、指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 自定义表单-------------------------------...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本...、挂靠流程开关等 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 挂靠记录:记录表单数据和流程实例ID关联记录,可删除
自定义表单设计模块都有哪些? 1 定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 2 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 3....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 4. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 5....挂靠记录:记录表单数据和流程实例ID关联记录,可删除
工作流模块 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型、激活挂起 3.运行中流程:查看流程信息...、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务、办理、驳回、作废...、指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 办理任务时候可以选择用户进行抄送,就是给被抄送人发送站内信通知当前审批意见以及备注信息 注:...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 29. 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 30....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 32.
工作流模块------------------------------- 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型...、激活挂起 3.运行中流程:查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务...、办理、驳回、作废、指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 办理任务时候可以选择用户进行抄送,就是给被抄送人发送站内信通知当前审批意见以及备注信息...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 29. 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 30....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 32.
1.模型管理 :web在线流程设计器、预览流程xml、导出xml、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型、激活挂起 、自由跳转 3.运行中流程...数据库备份:可备份单表(sqlserver不支持)、整库,支持本地和远程备份(java界面编程技术,socket编程技术) 20....定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 54. 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 55....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 56. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 57....挂靠记录:记录表单数据和流程实例ID关联记录,可删除 菜单权限:分配给每个角色不同的菜单权限, 每个角色看到的菜单不同,N级别菜单 按钮权限:独立分配不同的角色不同的功能权限,增删改查权限分配具体到不同的菜单
作流模块------------------------------- 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型...、激活挂起 3.运行中流程:查看流程信息、当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务...、办理、驳回、作废、指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 办理任务时候可以选择用户进行抄送,就是给被抄送人发送站内信通知当前审批意见以及备注信息...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 29. 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 30....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 32.
大家好,又见面了,我是你们的朋友全栈君。 在学习了最基本的网页元素后,接触到了表单,下面是用HTML写的很基础的表单,中间设计到了一点点CSS的内容,不算复杂。 表单综合实例 input.ann...antiquewhite; font-size: 12pt; height: 30px; background: #999999; } 最终结果如下: 注:样式是给提交和重置的,...本实例基本包括了表单的一般属性。 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/125511.html原文链接:https://javaforall.cn
本文是根据开源低代码平台,《OneCode低代码引擎》 1.0.6版本整理的功能来阐述表单系统的设计。...二,OneCode 表单设计组成 onecode表单系统是建立在OneCode低代码引擎的一个重要组成部分,由设计器,表单引擎、以及领域设计工具组成。...编辑切换为居中添加图片注释,不超过 140 字(可选)(1)可视化设计器 设计器是表单系统统一入口,onecode 设计器本身是一套开放的设计,用户可以通过,OneCode语言指定扩展。...设计器,采用的是拖拽引擎+插件的构造模型,用户可以通过开放的低代码协议编写插件。支持JS和JAVA两种扩展语言。样式构建提供了标准CSS3编辑器,支持事件动作以及函数动态扩展。...编辑切换为居中可视化设计器编辑切换为居中添加图片注释,不超过 140 字(可选)(2)表单引擎 表单引擎由三块自成体系的可独立部署运行的部分组成。
使用或都可以定义提交按钮,只要将其特性的值设置为“submit”即可,而图像按钮则是通过的type特性值设置为”image”来定义的。因此,只要我们单击一下代码生成的按钮,就可以提交表单。...4、阻止表单提交 只要在表单中存在上面列出的任何一种按钮,那么相应表单控件拥有焦点的情况下,按回车键就可以提交表单。如果表单里没有提交按钮,按回车键不会提交表单。...以这种方式提交表单时,浏览器会在将请求发送给服务器之前触发submit事件。这样,我们就有机会验证表单数据,并据以决定是否允许表单提交。阻止这个事件的默认行为就可以取消表单提交。...提交表单时可能出现的最大问题,就是重复提交表单。在第一次提交表单后,如果长时间没有反映,用户可能会变得不耐烦。这时候,他们也许会反复单击提交按钮。...解决这一问题的办法有两个: 在第一次提交表单后就禁用提交按钮; 利用onsubmit事件处理程序取消后续的表单提交操作。 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
如果是内部系统或是自己需要写个简单点的页面,可以直接使用Twitter的Bootstrap,而这个表单器也是非常好用,直接拖拽,设置属性,得到一个很漂亮的表单。 ?...右侧的Generated Source即可获取左侧设计表单的源码,很方便吧:) 使用方法很简单,鼠标左键选中你需要添加的表单控件至左侧容器中,松开鼠标即可。 ?...选择控件,会弹出属性面板,只需要修改相应的参数即可: ? 立即去试用>>
市面上有不少用于推进某些业务的表单设计器,例如轻流、简道云等,它们的理念是用一个很小的表单和流程,解决企业的细小业务,可以理解为问卷收集基础上的流转能力。...本文将梳理我的设计思路。 动态建模 对于表单而言,我推崇先建模,当然,建模并不只适用于表单场景,任何场景都适用,只是需要考虑成本。...设计动态DSL语言 我们不是要发明一门编程语言,我们是要解决动态化表单过程中,如何让描述文本具备更深的动态含义。解决眼前的问题,有利于我们减少瞎想乱想的可能性。...动态表单 对于产品化的动态表单而言,我们应该让用户进到产品里时,就可以立即进行表单设计。在表单设计过程中,再让用户来细化字段。...插件式组件体系 作为通用表单设计器,它允许你自己开发自己的组件,并且在开发的组件中,附带组件的配置和各种逻辑,对于设计器服务方而言,我们将这些打包好的组件作为插件放入到不同用户对应的初始化信息中,从而他们可以使用自己开发的组件
全文 1308 字 阅读时间约 5 分钟本文首发于码匠技术博客表单是信息添加、录入的通用形式,合理的表单设计能减轻用户负担。这里码匠提供了一些表单设计的简单技巧。...以下为该研究中捕捉到的用户在填写三种对齐方式的表单时的眼动轨迹(圆圈越大,注视时间越长):图片图片图片可以看到,在顶部左对齐的设计中,用户能够在单次视线移动中同时获取标签和输入字段,可以更快理解表单。...注意对齐的一致性,所有标签在整个表单中都应该遵循相同的对齐方式。...技巧 4:表单输入框放在一列码匠建议您尽量将所有表单输入框放在一个列中,使填写路径更加清晰。保持有秩序的单列表单形式更利于用户浏览,而多列的表单形式则会破坏用户填写规律,进而影响完成表单的速度。...我们主要面向国内用户,相较于国外开发的 Admin/CRM/CMS 等后台工具,我们的 UI 界面设计更加适合国内业务场景。
作流模块 1.模型管理 :web在线流程设计器、导入导出xml、复制流程、部署流程 2.流程管理 :导入导出流程资源文件、查看流程图、根据流程实例反射出流程模型、激活挂起 3.运行中流程:查看流程信息、...当前任务节点、当前流程图、作废暂停流程、指派待办人、自由跳转 4.历史的流程:查看流程信息、流程用时、流程状态、查看任务发起人信息 5.待办任务 :查看本人个人任务以及本角色下的任务、办理、驳回、作废、...指派一下代理人 6.已办任务 :查看自己办理过的任务以及流程信息、流程图、流程状态(作废 驳回 正常完成) 办理任务时候可以选择用户进行抄送,就是给被抄送人发送站内信通知当前审批意见以及备注信息 注:当办理完当前任务时...定义模版:拖拽左侧表单元素到右侧区域,编辑表单元素,保存表单模版 29. 表单模版:编辑维护表单模版,复制表单模版,修改模版类型,预览表单模版 30....我的表单:选择表单模版,编辑表单规则,是否上传图片、附件、开启富文本、挂靠流程开关等 31. 表单数据:从我的表单进去可增删改查表单数据,修改表单规则 32.
表单设计本次由.net core 迁移至java,java版基于 jfinal+mysql表单设计2.1 实现优化使用mysql数据库,可输入表名即可从数据中生成文本框当前layui版本:v2.6.4,...本次优化表单设计新增文本框样式可更具实际情况设置文本框大小,优化时间选择,当文本框为datetime时,调用layui的时间选择组件。...步骤中控制表单字段是否可修改、显示。 流程配置如下图: 流程中步骤字段是否可编辑或者修改: 具体表单如下图: 实际过程中姓名设置可编辑如下图:及步骤中是否显示审核意见。...小平板显示如图: 待办事项如图: 总结:目前流程可跑通,退回功能待完善,意见显示可优化,一个简单的软文发布不需要开发,直接配置表单即可,目前百度编辑器中的文本内容还没做控制后期完善,已完善的功能有下拉选项...、单选框、输入框可控制编辑还是显示,步骤中的按钮需要代码进行控制,后期完善。
虽然作为后端程序员,简单的CSS样式还是要会滴,备份下 1.直接贴代码吧: @{ ViewBag.Title = "Index"; Layout = null; } <script
全文 1642 字 阅读时间约 5 分钟 本文首发于码匠技术博客 书接上文(表单的 9 种设计技巧【上】),码匠继续为您分享表单交互设计中的小技巧~ 技巧 5:对相关信息分组,并折叠不常用表单项 对有关联的信息进行分组是提高文案可读性的常用策略...最后,修改链接文本,使其也能动态变化: 图片 技巧 6:表单默认值 设置默认值能帮助您的用户更高效地使用表单,主要包括两方面:通过设置表单输入的默认值,预测用户可能输入的内容;或者将选择组件的默认值手动配置为用户最常使用的选项...技巧 9:布局 最后一个技巧是设计用户友好的组件布局,这并没有千篇一律的公式,但码匠为您总结了以下几点建议: 使用对话框 前面提到,许多情况下需要搭配使用表格组件和表单组件。...图片 保持创建和更新的表单结构相同 创建和更新的表单应保持同样的输入逻辑,如果您重新排列输入的顺序,用户可能会因为之前的习惯导致出错。...我们主要面向国内用户,相较于国外开发的 Admin/CRM/CMS 等后台工具,我们的 UI 界面设计更加适合国内业务场景。
在设计页面的时候,表单是一种使用率非常高的元素。 这篇文章将会讲解设计师在设计页面时表单时经常会犯的一些错误。 请注意,文章中所说的都是一般性规则,在实际工作中,每一个规则都有例外情况。...表单应该为单栏式样 ? 多栏式样表单会扰乱用户的垂直动量。 说明标签放在输入框上面 ? 数据显示,当说明标签在输入框上面的时候,用户完成表单的几率要远高于标签位于输入框左边的时候。...输入框的长度应该与用户输入文本的长度相对应。在设计电话号码、邮政编码等输入框的时候,你一定要考虑到这一点。 去除*,直接写上“可选”的字样 ? 很多用户都不知道*这个符号代表的是什么意思。...你应该去掉这个服务,在标签边上直接写上“可选”的字样。 标注文本群组信息 ? 用户都有批量思维,较长的表单会让他们感到困惑。通过创建逻辑群组,用户能够更快的理解表单的构成。...把表单做的有趣 生 命很短暂,谁也不想把时间浪费在填无聊的表单上。你可以把你的表单做成会话式的,把它做的有趣,让用户在填表的过程中获得快感。设计师的指责是传递公司的 品牌,来引出用户的情感反应。
表单分页在后台管理系统中最为常见,几乎所有的表格页面都会用到,但是一般的UI框架分页组件在点击切换分页后,都没有自动滚动置顶的功能,为了更好的用户体验以及全局复用,有必要自己封装一个分页组件。 1....组件的基本封装 <el-pagination...滚动置顶的实现 上面的代码中引入了一个滚动置顶的方法,关于滚动置顶,虽然我们可以用scrollTo这个方法简单粗暴的实现,但是一个好的滚动方案需要考虑动画方案和滚动缓冲,以下是代码实现。...return c / 2 * t * t + b; }; t--; return -c / 2 * (t * (t - 2) - 1) + b; }; // 采用的动画方案...组件的使用示例 </Pagination
在Angular中使用表单元素非常方便。正如我们在前面几个例子中看到的,你可以使用ng-model属性把元素绑定到你的模型属性上。...这一机制对于所有标准的表单元素都可以起作用,例如文本框、单选按钮、复选框,等等。...如果你正在使用表单把输入项组织起来,你可以在form自身上使用ng-submit指令来指定一个函数,当表单提交的时候可以执行这个函数。...我们来扩展前面的例子,实现用户点击一个按钮就可以为他所选的商品计算金额: 同时,在提交表单的时候,ng-submit还会自动阻止浏览器执行默认的POST操作。...对于处理其他事件的情况,例如提供非表单提交型的交互,Angular提供了一些事件处理指令,它们类似于浏览器原生的事件属性。
FormField控件是单一表单字段,这个控件维护表单字段的当前状态,以便更新和验证错误能在UI中可见。...') ), // Form:用于将多个表单控件组合在一起的容器 body: new Form( key: _formKey, child: new Column(...children: <Widget [ // TextFieldd:包含输入的表单控件,每个表单字段都应该在FormField控件中 new TextField(...labelText: '姓氏', // onSaved:当通过Form.save()保存表单时调用的方法 onSaved: (InputValue value) {...以上就是本文的全部内容,希望对大家的学习有所帮助。
领取专属 10元无门槛券
手把手带您无忧上云