摘要：公司今年要做一些经营管理工作的数字化、信息化，一方面是提升工作效率，一方面为后续业务规模的扩大进行筹备，因为一旦规模快速增长势必会对管理水平提出更高的要求。经过管理层沟通，基本达成共识将使用宜搭作为低代码开发工具进行企业内部信息化系统自研，为此，团队花了一些时

公司今年要做一些经营管理工作的数字化、信息化，一方面是提升工作效率，一方面为后续业务规模的扩大进行筹备，因为一旦规模快速增长势必会对管理水平提出更高的要求。经过管理层沟通，基本达成共识将使用宜搭作为低代码开发工具进行企业内部信息化系统自研，为此，团队花了一些时间对宜搭进行了调研，并在基础版（免费版）上进行了原型系统开发和试用，整理了一篇文章作为这一阶段的小结。

一、宜搭简介

宜搭是钉钉官方的低代码平台，可以通过可视化操作实现表单填报、流程协作、可视图表、权限管理、集成自动化等企业信息化能力。

不同版本的基础能力差异图见下：

二、原型系统功能

业务主要涉及水产养殖及供应链管理，思考了一下，在养殖厂管理中既有鱼苗、饲料和辅材的仓库管理，也有合同协议登记管理，以及日常巡检和问题处理等工作，而供应链中的仓库管理在养殖厂中也有涉及，且物流这部分已经有成熟的外部系统（如“三通一达”），所以选择了水产养殖管理作为原型系统进行开发。

主要功能包括：

（1）渔工厂库存管理：包括入库管理、出库管理、库存物资列表等。

（2）合同协议管理：包括合同协议登记、合同协议列表等。

（3）简单的报表统计和展现。

（4）可以外链到公司其他系统，可进行报表统一展现。

（5）可通过电脑和手机进入并便捷操作。

三、框架设计和实现

1、首页

（1）设计

考虑到原型系统选择的是产业链上的生产环节，公司设计的总门户是全产业链运营服务平台，总门户上会选用移动门户最常见的设计——下方导航栏。

所以原型系统的门户属于某个导航栏点进去的二级门户，所以就不选用下方导航栏的设计。

在门户页面上，选择了比较常见的布局。

页面最上头是图片跑马灯，也可以称为图片轮播，将最近的活动、重要信息等进行自动交替显示。

页面中间是常见功能按钮，如物资入库、物资出库、合同协议登记以及主要内容表格的列表展现。

页面下面是报表，即渔工厂的常见统计图表展现。

为了尝试与公司其他系统的对接，在页面最下方增加了一块第三方系统报表的展现，这部分在正式的首页上不会出现，而放置在平台统一报表展现页中。

整体图示如下：

（2）实现

按照常规做法应该选用自定义页面来做首页，用大屏页来整合展现报表，但这两个页面基础版不能使用，所以选择了报表页作为首页。

图片跑马灯或者说图片轮播，此项功能也属于付费版功能，所以暂不实现，直接用容器+静态图片进行替代。

常见功能按钮采用图片+文字的方式，再使用一个容器包在外围。

报表区采用了一个柱状图加上两个基础指标卡，同样使用一个容器包在外围。

最下面的第三方系统报表整合采用iframe，仍然用一个容器包裹。

2、表单页设计实现

为了更方便地让员工使用，将常用的操作按钮放在前头，即入库、出库、合同登记等，点击对应的图片或文字即进入表单新增页面。

在新增表单页的实现中，因为暂不考虑审批所以使用了普通表单，并用了宜搭自带的模板进行字段修改，页面上部是图片和标题，表单分成两列以容纳更多的信息。

3、列表页设计实现

采用所有数据表的聚合管理，即通过标签页的形式，将库存、入库单、出库单、合同协议等在一个页面中统一展现，套用现在流行的“数据资产”概念。

在每条数据的第一列，一般为“XX名称”，点击可进入本条记录的详情页，可进行编辑或删除。

在列表页面的实现上，使用了报表页作为基础框架，不同的数据表使用“选项卡”组件进行分离，每个数据表使用“基础表格”组件进行展示。

四、开发中技巧

1、图片链接功能

报表中的“图片”组件没有链接跳转功能，用起来总觉得差了点什么，查了通义千问可以用“链接”组件加图解决，试了一下，果然可以。

先将属性标签页中的“内容”字段置空，然后在样式标签页中的“背景”字段中，上传背景图，定位选择居中，大小选择cover，并选择no-repeat，注意在“高”属性上填写图片的高度，否则链接会缩成一条线。

2、报表页iframe组件显示范围

直接将iframe组件放到页面上，发现无法控制页面的高度，即使在样式中设置了高度500，但实际上仍然只显示70、80个像素的高度。

钉钉上在线咨询过，给出的建议方案是将页面内容的属性，启用磁贴布局选项关闭。结果发现对整个页面有效，所有组件都紧密地贴在一起，巨丑。

后来自己尝试，才发现先放一个容器，然后再将iframe放到容器中，容器和iframe的高度都进行设置，这时就能生效，能够完整显示页面内容了。

3、表单双行模式的移动端展示

原型系统的表单选择了一个系统内置的模板，可以看到是两列的输入区域，在电脑上看到的效果不错。

但在手机钉钉上打开，发现会先将左边一列的输入区展示出来，再是右边一列的输入区，前后顺序完全打乱了，虽然可以通过将每一行两个输入区设置成一个容器，以保证输入字段的顺序，但这样其实也浪费了手机的宽屏幕。

后来通过试验，发现在容器的属性页中，将“Mobile端设置”的排列方式从垂直改为水平，在手机上的显示跟电脑上的就完全一样了。

4、表单关联操作

最基础的表单关联功能，即一个新表单的提交需要更新另一个表单的内容，举例如提交了一张入库单，那么肯定需要在仓库物品中增加对应的物品库存，或者在已有物品的库存数量中增加这次入库的数量。

在宜搭中有两种实现方案，较新的一种是“集成&自动化”，通过可视化拖拉的流程实现，简单易用，可惜免费版中只能增加一个任务。

因为入库需要操作库存表，出库也需要操作库存表，一个任务肯定不够，于是必须使用较老的方案，即在表单“属性”标签页中的公式执行字段，可添加业务关联规则，通过手工输入公式实现跨表单之间的操作。

结果发现巨难用，或者说其实是有Bug的，估计宜搭为了推动用户使用收费版，所以这个功能缺陷或者说Bug就故意不修复吧。

5、报表页中基础数据组件的页面跳转

在报表页中通过基础数据组件可以显示某个数据表的所有记录，从列表中每行的第一个字段可以点击进入该行数据的编辑或删除页面，系统也提供了链接跳转功能，但是跳转的规则居然没有在说明文档中详述，而是要自己去看放大后的图片。

整理了一下规则，选中“开启跳转”后，链接地址选择“URL”，然后在输入框中按下列规则组装成URL：https://www.aliwork.com//formDetail/?formInstId=

其中是宜搭应用的应用代码，一开始还没找到，最后居然是在浏览器地址栏中URL信息中截取的，即APP开头的比较长的字符，形式如APP_ALKJ5KJDSER5。

有两个获取方法，一个是跟APPCODE一样，浏览器打开这个表单后，在浏览器地址栏中URL的最后一段信息是formUuid=FORM-2345ALSKDFJADF4234SK，其中FORM-开头的这一段字符串就是；另一个方法是进入表单编辑状态，在“页面发布”标签中，访问地址的最后一段也是FORM-开头的字符串。

而不能手填，必须选择输入框下边的按钮“插入字段”，然后选择“实例ID”，当然这意味着你需要将这个字段选中到基础表格的“表格列”中。

五、小结评估

1、整体结论

经过这些天的原型系统开发和验证，整体上已经基本实现需求中提到的各种功能，虽然在一些细节上不能尽善尽美，整个外观只能说中规中矩，离美观还有差距，但作为企业内部工作的信息化提升手段问题不大，而且与钉钉的紧密结合，让应用的便捷访问更有保证。

公司基本达成共识，待业务的管理流程在线下执行基本通常后，员工们也养成了规范化的基本理念后，将采购宜搭的收费版，来正式进行开发和部署。

2、缺陷和不足

当然，在原型系统开发过程中，不可避免地发现宜搭有一些问题，加上团队几年前前用过氚云，对比之后会更加明显。

（1）最大的诟病是帮助文档，不知道宜搭是否为了推广其技术服务商的目的，开发文档写的非常简略，比氚云差了至少几个数量级，功能和组件的介绍非常简单，没有针对每个属性进行详细介绍，案例也很少，导致一些基础功能都是靠猜，或者看其他模版应用的具体实现案例。

举一个例子能很好地说明这个区别，之前团队用氚云作为低代码开发平台，我可以要求行政部门直接上手自己搭建应用，让IT部门的运维工程师做技术支持和简单的培训，有问题通过厂商客服基本能解决，真的有一些复杂的功能，我再安排一个研发工程师去处理，一般通过写脚本就能搞定了。

而使用宜搭，目前我只能要求IT部门的运维工程去搭建应用，碰到问题通过厂商客服也基本搞不定，相对复杂的功能，就必须安排一个研发工程师去处理才能继续推进。

（2）因为“集成与自动化”的功能，基础版上能用，但限制只有一个，所以第二个就必须只能使用“表单事件”中的“业务关联规则”功能，来实现某个新表单提交后，其他表单自动新增一条记录。

但在业务关联规则的编辑中，虽然功能强大，但真的是难用，或者说超难用。最差劲的一点是千辛万苦编辑完一条公式之后，也能正常使用了，但是进行编辑发现，根本牛头不对马嘴，信息遗漏、位置和内容完全对不上。

之所以要说千辛万苦的编辑，是因为在第一次进行规则录入时，添加的表单字段有时会突然无效，只能删除了再加一次，有时还要删除整行后重新添加，所以在这个环节耗费了团队很多时间和精力。

来源：苏大衣说时尚