表单是信息管理类系统非常重要的一个组成部分,在很多工作和项目中都会用到,信息管理类系统会涉及到大量的数据和信息需要用表单来进行录入及修改。
表单在B端产品中,更是非常多见的一种信息展现形式,而且不同的信息有着最适合的几种表单布局方式 。接下来我们就介绍如何在teamcube中设计制作不同类型的表单布局。
前期准备
在teamcube中创建好应用,将所有所需字段和模型创建好。
在模型中添加操作,新增、修改、查看可以制作表单,查看操作仅支持数据展示,不可做编辑,新增操作与修改操作类似,本文以新增操作为例,制作新增数据的表单页面。
按需制作各类表单即可
表单布局设置
在新增操作右侧基本信息中,可以控制表单中字段的显示与隐藏、是否可编辑、字段标签的显示与隐藏、字段默认值(teamcube支持使用变量和表达式给字段设置默认值)、字段占空间大小(如每行3个字段时,可选该字段占一行的1/3、2/3、3/3,来控制表单字段布局)等。
在表单布局中,可选择表单视图展示为页面或弹窗。
在表单操作中,可设置表单底部操作按钮。可选确定、取消、充值和保存并添加。
在表单提交验证中,可通过脚本配置更多自定义的校验条件。
步骤表单
当表单字段很多或者存在先后关系时,将其分解成一系列步骤,从而简化界面,提升体验。
步骤表单常用场景有证券开户需要填写大量个人身份信息时、申请某些高级账号或高级权限时需要填写各类验证数据时等。
在teamcube中制作数据表单:
1、在表单右侧组件绑定中选择【步骤条】组件。
2、表单内容区将出现一个空的步骤条组件,您可以编辑每个步骤的标题、点击加减号对步骤进行增加、删除操作。
3、将字段用鼠标按住拖拽的方式移入步骤区域内。
4、点击选中另一个步骤重复上一步操作。
5、将所有字段拖入相应步骤中,步骤表单即制作完毕。
步骤条效果
标签页、分组和折叠面板表单
通常表单字段有明显的分组关系时,可以使用【标签页】、【分组】、【折叠面板】组件对字段进行收纳、展现、分组和隐藏,使界面整洁、引导明确。甚至可以使用更为简单的【分割线】组件,将不同类别字段做分隔。
制作这几类表单的方式与步骤表单类似,不再赘述。
标签页效果
分组效果
折叠面板效果
分割线效果
表单填写说明
有些表单需要在表单页面上注明一些信息,如温馨提示、填写说明等,这时候可以用到【说明】组件,点击说明组件,表单内容区域会出现一个文本编辑器,可以在里面填写需要展示在表单上面的文字。
表单填写说明效果
子表单
像简历中的项目经历、采购单中的采购商品表、客户联系人、房屋产权人等需要在表单中插入多条其他模型的数据时可以使用子表单实现。
在表单右侧基本信息子表单设置中,可选择子表单类型,普通即罗列字段的形式,表格即将子表单字段按照表格的方式展现,见下方子表单效果。
选择需要添加到当前表单中作为子表单的操作,如“增加员工信息”表单中,添加“增加项目经历”操作作为子表单。此处的“增加项目经历”操作为另一个数据模型(项目经历模型)中的增加操作。
子表单效果
字段联动
有些表单中,字段之间的有一定的影响关系,即字段根据另一个字段值的变化而做出必填或非必填、显示或隐藏的反应。比如,当住房“是否拆除”字段选择“是”时,需要填写“拆除时间”和“拆除资料”两个字段;选“否”时,则不需要,则可以点击已选字段右侧的“设置数据联动”按钮。
在弹框内进行如下设置,让“拆除时间”字段在“是否拆除”字段(布尔类型)的值等于“true”的时候显示即可。
字段联动效果
选“是”时需要多填写两个字段:
选“否”时两个字段隐藏:
数据过滤
表单中某些下拉菜单等选择组件需要根据其他字段的值过滤选项数据,比如关联合同只能选择类型为收款的合同。这一功能在teamcube中,使用数据过滤来实现。
这样,下拉菜单中的选项,就只有符合条件的记录了。
表单提交后触发动作
在企业信息管理类系统中经常会出现表单提交后需要触发动作的情况,如当提交某一申请后,给相关人员发送消息通知、创建日程、发起工作流或者对其他表单数据做新增、修改以及删除操作,这时候就可以使用teamcube中的事件动作配置来实现。
teamcube事件动作支持配置条件,设置后,当所提交的数据符合某一条件时才会触发动作。
teamcube内置的动作包括创建日程、创建通知(包括邮件、站内信,后续会陆续支持短信、钉钉消息、微信或企业微信消息等多种通知方式)、创建消息(teamcube内置即时通讯工具中的消息)、批量新增数据、新增数据、修改数据、删除数据、发起工作流以及自定义脚本,其中,自定义脚本支持开发者自行编写脚本,多用于调用其他系统服务等情况。
具体的事件动作配置过程,后续会有文章专门进行介绍,本篇主要讲解teamcube中各类表单的搭建过程,故不赘述。请关注公众号,第一时间看到teamcube更多动态哦!
小编有话说:
害,本来以为这篇偏教程的文章会写很长很长,写完才发现就这么一丢丢,实在是我们系统太厉害了,这几种复杂布局的表单点几下就配好了,实在没什么可写的,哈哈哈哈哈哈哈哈!
如果你也想体验如此迅速的搭建应用的话,放马过来呀,联系方式都在下面了~
无码搭建,极速开发,极速迭代,极速交付,优质体验
对企业需求的极速响应、极速反馈
赋能软件团队提高开发效率,降低研发成本
赋能企业升级沟通方式,降低协作沟通成本,提升工作效率
扫码二维码,获取更多精彩
QQ:2838438261
电话:400-025-6100
商务合作:[email protected]
技术支持:[email protected]
官网地址:www.teamcube.cn
teamcbue无代码开发平台&企业协作应用平台