主从表 ajax,快捷制作Web表单、小程序表单——云捷配

末蓝、 2022-09-03 11:29 115阅读 0赞

怎样用云捷配制作小程序和Web表单

表单是数据使用的第一步，今天介绍的是一款企业级表单制作工具，适用于做对外数据收集(例如会员注册、报名、调查问卷、下订单等等)、对内数据管理(行政、业务单据、流程审批等等)的小程序和Web表单。

![3b7c38a370e181ca11a4f7eb18a16fed.png][]

其实，云捷配是一款应用搭建平台，包含报表、表单、页面、工作流、沟通五大模块，无需代码，拖拽可视化组件就可以快速、灵活搭建小程序、微站和业务管理系统，同时它也是一款企业业务管理平台，提供大量成熟应用和行业模板，让管理与业务随心而变、随需而配，帮助一站式解决企业的信息化和电商化需求。

可以说，小到一张调查问卷的制作，大到CRM、ERP、e—Hr等应用的搭建，对外电商小程序，到对内业务系统办公协作，用它都能轻松制作。

首先了解云捷配整个产品框架：

![51a15abb5d38395b2e62289573ace948.png][]

云捷配表单

云捷配的表单，从应用场景是否走流程来说，分普通表单和流程表单，其中流程表单可以绑定工作流。

![22b7f8d9b18ee0b5767bc799ac9671cf.png][]

从创建角度来说，云捷配的表单有3种，

![726d94bbf2a3e7e7900e97c99f565afb.png][]

可以看出，

第一种是你只需要拖入控件，简单配置一下选项就能使用的表单，这种表单你不需要知道表单的数据存储在什么地方，你只管用就行；

第二种，就是你先创建一个数据表，没错，就是数据库里真的存在的用来存储数据的一张数据表，然后，你基于这个数据表，设计一个表单来录入、修改它的数据，这种表单比第一种默认存储的多了一个步骤，就创建一个数据表，创建数据表也不是什么复杂的事情，但对小白来说，可能连什么是数据表都不知道。这种表单你想简单也可以，想复杂也可以——想简单，你就拖入字段到表单页面中，配置一下控件就可以使用了；你想复杂，没错，这种表单是最牛X的，因为它针对的是你自己指定的数据表，你就围着这个数据表，做任何你想做的事情，写任何你想写的Js脚本，还有绑定你的任何存储过程，例如表单的数据提交之前，你想执行一个SQL事务，提交之后，你还想执行一个SQL事务，甚至保存表单数据时，你都只想获取了表单数据之后，调用你自己的JS脚本来实现数据的保存。

那么这一种，懂技术的肯定就最爱了，因为太符合自己的技术知识：数据表、表单、JS脚本、SQL事务、存储过程、ajax、jquery、服务器端……如果你懂技术，你肯定知道：没错，我能实现任何我想做的事情。简道云、氚云等同类产品并没有提供这一种表单，所以大大限制了可实现功能的深度和灵活性。

第三种是带有各种量表矩阵、表格矩阵等适合问卷的控件，没错，你想做调查问卷，就用这个，直接对标问卷星，功能不比专门做问卷的差，还更强更多功能。

具体：

云捷配的表单，设置非常丰富，涵盖从简单的数据搜集到复杂的业务逻辑各种企业应用的需求。

![21b5cf80e291563f0d293bc560026b04.png][]

云捷配表单设计方法也是非常简单，从左侧工具区里把字段或控件单击或拖动到右侧的设计区，然后单击选中任一字段(控件)，就可以对其进行详细的配置。

![dc4be99f07f789d5519e001fb4588515.png][]

![4a2eaa235d1108c1291cc7db894029a4.png][]

控件

云捷配表单的控件十分丰富，基本可以满足企业表单应用中的所有需求，支持复杂的业务需求：

![d91b17f9970d1a3684b7684d01f13725.png][]

报表查询 控件

云捷配表单控件极为丰富强大，其中，最值得一提的就是云捷配的“报表查询”控件，它可以便捷的实现从其他报表查询数据，然后点击想要的数据，直接赋给表单的控件，或者子表单，所以说这个控件可以很便捷的帮我们实现很复杂的业务逻辑，是这个平台的一个产品亮点，是简道云之类的产品都没有的。

![b87c1a3fae3f6ee05d4d613e9efdc18d.png][]

举个栗子，合同里，一次性从“客户资料”报表获取客户的多个相关字段数据到合同控件，非常方便而且数据不易出错。

【报表查询】控件的使用：

![e531f6876cae219d82c86d8b18e00c45.png][]

一主表多从表

另外要关注的一点是，云捷配的表单支持“一对多”的主从表关系，即一个主表单下面可以关联N个子表单，可以设置选项卡，如下例子所示的，“客户信息”主表单下面设置了4个选项卡，对应了“商机”、“联系人”和“账款信息”3个子表单。

![e714cb506135e76a0470ece47b156a36.png][]

链接到

“链接到”在前面的报表部分已经介绍过，其实，“链接到”是贯穿于云捷配整个产品的，它的报表可以用，它的页面可以用，它的表单也可以用。“链接到”使得云捷配的表单功能明显优于简道云、氚云等产品，我们可以在表单中，加入按钮、导航等页面元素，然后设置它的“链接到”。

![a682ce2b73b422c808085f7e3c08bfd8.png][]

举个简单的例子，在表单中，加入一个“保存”按钮，然后设置它链接到“动作”——“保存”。当然，水平高的用户可以做更多任意的高级设置。

表单初始化

“表单初始化”也是云捷配表单的另一强项。此功能是在表单加载完成后，从指定的映射对象上读取值，然后赋给表单的主体和从体。例如：在“销售订单”页面的列表上加个叫“生成出货单”的按扭，点击后进入“出货单”的录入页面时，用“销售订单”对出货单进行初始化。

“表单初始化”跟前文提到的“报表查询”控件一样，都是很便捷的帮我们实现很复杂的业务逻辑，是简道云、氚云之类的应用搭建工具所没有的，也是技术型的快速开发平台、开发框架不能轻松配置出来的。

选项卡

使用选项卡可以更有条理的组织表单内容，尤其是拉入子表单，可以一个主表对多个子表单，可以做非常丰富的表单。

如下例子所示的，“客户信息”主表单下面设置了4个选项卡，对应了“商机”、“联系人”和“账款信息”3个子表单。

![e714cb506135e76a0470ece47b156a36.png][]

表单验证

表单验证是表单中经常用到的，云捷配在这方面也是支持全面，

![9fad06e84946a7a1ed939ed34ab321fd.png][]

![870d648dbc3f55e91794ce1418580873.gif][]

SQL设计器

前文在报表的介绍中，就讲过SQL设计器这个亮点，利用它可以通过配置的简单方式来实现较复杂的业务逻辑，不需要我们写SQL语句，只需要按步骤配置，就可以完成这些复杂的工作。“SQL设计器”也是贯穿于云捷配整个产品的，报表有，表单也有，这也是简道云、氚云等产品没有的功能。

可以设置表单添加、删除、修改时的SQL事务。

![1cb4b9937e13f5c31748a0b547f3d809.png][]

![8ea397a0edf4d44d66cb39e21ec51d1e.png][]

当然，如果是懂技术的用户，还可以调用存储过程，满足更加复杂的业务需求。(注意：出于安全性考虑，存储过程只能在数据库管理工具中写)

![1f8c040a18183895c670c8b636441ee4.png][]

分页

对要填写较多信息的表单，可以使用“分页”制作分页表单，使用效果是，填完当前页表单后，点击“下一页”按钮进入下一页表单内容的填写，这样可以提升用户体验。

![3ada7c64df06158ae1be199c7ccf76d5.png][]

不得不说，云捷配的表单确实考虑十分周全，功能也十分强大，一方面是它可以做的功能十分深入，能满足企业复杂多样的业务应用场景，另一方面它的样式十分多样灵活，用户的交互体验很好。

基于模板

云捷配提供了大量现成的表单，包括多种应用场景和行业特性，你不用从零开始，直接基于模板来场景表单，可以更快速的制作合适的表单，省时省力。

![1121308bf0c98b129e04b446305109c7.png][]

多终端，小程序+微信+Web

云捷配一次制作表单，支持PC+手机+平板，支持小程序+微信+钉钉。通过小程序、微信公众号、企业微信、钉钉，都可以使用云捷配的功能，非常方便。云捷配的小程序是真正的小程序，不是像简道云之类的只是简单的在小程序中嵌入一个页面。再强调一次，云捷配真是非常适合做业务管理、内部办公和对外电商，尤其是做“对外小程序+对内管理平台”。

![ab7c2d239cdc0698b9c611e8cd337dc0.png][]

总的来说，云捷配作为一款表单制作工具、应用搭建平台，同时也是一款业务管理平台，能让我们不懂技术的人搭建出企业信息化所需的东西，功能丰富，UI漂亮体验流畅，功能自由而强大，不管是做对外的小程序还是做对内的管理平台，都非常值得推荐。后面篇章会继续介绍它的调查问卷等其他类别功能的使用。

[3b7c38a370e181ca11a4f7eb18a16fed.png]: /images/20220829/49f2c4aa332547af913ff21bdf41b80f.png
[51a15abb5d38395b2e62289573ace948.png]: /images/20220829/12ff23496b294eada93708f3ddac6e11.png
[22b7f8d9b18ee0b5767bc799ac9671cf.png]: /images/20220829/cb4e412aeddf4ebb91222f8ae5436c11.png
[726d94bbf2a3e7e7900e97c99f565afb.png]: /images/20220829/d85fe1246539419da76c4bf457665736.png
[21b5cf80e291563f0d293bc560026b04.png]: /images/20220829/36b7ecea64384ce6b035fd17cf28b9d5.png
[dc4be99f07f789d5519e001fb4588515.png]: /images/20220829/c8a4bda149f947dc9a5c0213e2ea685e.png
[4a2eaa235d1108c1291cc7db894029a4.png]: /images/20220829/88b199d786f643368cbf1c59403f68a5.png
[d91b17f9970d1a3684b7684d01f13725.png]: /images/20220829/b4a9c34a749942e68db7f264e02c1242.png
[b87c1a3fae3f6ee05d4d613e9efdc18d.png]: /images/20220829/209e8f18e2ce4a69899c1bff58af8dcb.png
[e531f6876cae219d82c86d8b18e00c45.png]: /images/20220829/aa92b785a3ca4b68abfe451db30acc88.png
[e714cb506135e76a0470ece47b156a36.png]: /images/20220829/05c58aad8a714e77891feb19d143711a.png
[a682ce2b73b422c808085f7e3c08bfd8.png]: /images/20220829/a55b4c5af57c48a09f755544aa0dfb11.png
[9fad06e84946a7a1ed939ed34ab321fd.png]: /images/20220829/d20e5b619aa748a89082ac98113c65ae.png
[870d648dbc3f55e91794ce1418580873.gif]: /images/20220829/e30a94ba2cd74e1086c9bdd38d3364de.png
[1cb4b9937e13f5c31748a0b547f3d809.png]: /images/20220829/c0568765c7a541ea87f0fbf05ae24a47.png
[8ea397a0edf4d44d66cb39e21ec51d1e.png]: /images/20220829/6e9e00b8f1fa4e8cb1fc3bbeba3bbe8a.png
[1f8c040a18183895c670c8b636441ee4.png]: /images/20220829/3013e470c29a4927b07f3f52d5fbe0a4.png
[3ada7c64df06158ae1be199c7ccf76d5.png]: /images/20220829/f0e067dfb1c345f69147fe96f6a97398.png
[1121308bf0c98b129e04b446305109c7.png]: /images/20220829/3ee3530e79e945ccb9990e80d704427e.png
[ab7c2d239cdc0698b9c611e8cd337dc0.png]: /images/20220829/87987a0ed2ee4a70b56d85163f3f84b8.png