谈谈前端低代码的个人理解 & 旅行记录 | 2024 年终总结

2024 是在低代码行业的一年，从一开始的迷茫到建立认知，得出了一些自己对行业的看法，在此把自己的一些经验分享给大家。

0. 低代码核心是什么

在我看来，低代码最核心的点还是物料与引擎渲染器，页面 = 渲染器(n 个物料)

搭建能力的易用性是重中之重，很多过于专业且功能堆的很多的低码搭建工具，最后结果走向失败，归因还是搭建成本 > 开发成本，与其引擎学习上手成本高，为何不通过 procode 开发或外包来完成呢。

所以，还是面向垂类的场景的低码会更好做一些，对用户而言，最好是傻瓜式搭建，让用户点击越少的按钮，就能搭建出来一个能 run 起来的页面。

例如用户仅粘贴一串 Response JSON，勾选使用场景后，我们便给他生成出一个 CRUD 场景的页面。用户爽到，就能继续跟下来完成编排细节的调整了

1. 什么样的低码产品能够成功？

市面上做的不错的低代码产品，一般来说都是精准面向于目标用户的，是否能够成功，需要一开始想清楚用户群体拥有什么能力，是否需要对他们屏蔽编程概念等。

一般来说，有舍就有得，交互越简单，对用户而言上手成本越低，但随之而来的是高级场景的搭建会有一定成本，我们需要在这两者之间做好权衡。

• 面向「运营、客服同学」

这种为搭建 h5 活动页或客服中台、普通用户的场景，这类产品一个共性是针对目标人群，使用体验好，功能比较专精，由于这类用户一般没有代码基础，所以一般设计理念更偏向零码（Nocode）模式，尽量在编排过程中避免用户接触代码，代表是「钉钉易搭」等

• 面向「小程序开发者」

特点是能够直接搭建小程序，代表是「腾讯微搭」，这种属于有特点的产品，当然也是背靠了腾讯自身的生态

• 面向「企业级开发、专业前端」

这类代表是「Retool」「appSmith」等，这种偏向于专业前端开发者，希望通过低码进一步进行开发提效，开发企业级应用。

• 面向「二次封装场景」的低码 SDK

代表是「阿里 Lowcode engine」「amis」，这类产品已经存在商业化场景落地，分别是「钉钉易搭」「爱速搭」

2. 优秀低码产品分析

2.1 Retool

优点：

• 标杆产品，面向专业前端，产品 UI 交互很流畅
• 物料丰富，是优秀的商业化产品
• 画布体验极佳
  • 支持自由拖拽布局，无需通过栅格容器等方式组合物料
• 自定义能力强

• 集成了 AIGC 能力在产品中各个环节
  • 可通过表格生成表单
  • 智能生成表达式等

缺点：

• 堆积功能过多，界面上不容易看到重点
• 需要学习概念较多
• 表单编排能力较弱，配置流程繁琐
  • 如表单项只能配置隐藏，不能配置为不存在
  • 不支持动态列表
  • 不支持动态表单

2.2 AppSmith

与 Retool 相比，AppSmith 是开源的，也就是可以本地启动，研究源码，所以还是很有价值的。与国内低码产品相比，整体架构更加严谨，堆功能少，更清晰 github.com/appsmithorg…

2.3 百度 amis

amis 是百度对外爱速搭的开源 sdk 低码引擎，会缺少一些业务属性能力，源码分层架构也较为清晰，建议作为入门产品进行研究，其中事件系统，dsl、渲染器设计，值得学习

2.4 飞书 aPaaS

aPaaS 级产品，但个人觉得并不好用，原因是功能罗列较多，上手复杂，不确定是否真实起量应用于业务场景

2.5 阿里 lowcode-engine

更像是一款 sdk 产品，分层做的较为清晰，其中的插件系统，物料渲染机制等，值得学习

3. 低代码引擎演进路线

以上我们讲的是市面的一些低代码产品，但对于部分垂类场景来说，考虑到易用性与场景的特殊性，需要屏蔽掉一些概念，我们去二次封装市面低码引擎 sdk 也不一定能够满足我们的需求，这种场景下仍然需要自建低码引擎。

下面只谈干货，谈一谈如果做低码引擎自建的话，在每个阶段需要建设低码引擎到什么程度，不涉及页面场景，既然深入定制的话，在搭建配置与渲染能力上，相比面向专业前端人员的 Low Code 引擎会有所缺失，以换来一定的搭建易用性与人力比。

3.1 早期 - 主流程运转

此阶段目标是完成低码引擎从 0 到 1 的 MVP 版本，让主流程能够运转起来。生产并消费 DSL、完成最小化场景验证，满足用户基本诉求。

3.1.1 低码引擎内核

1. 编辑器（生产 DSL）
   • 编排能力
     • 画布拖拽
     • 物料入料协议
     • Setter 编排
   • 数据源
     • 数据源管理
     • 数据源绑定消费
   • 预览能力
2. 渲染器（消费 DSL）
   • 页面 DSL 渲染
   • 物料渲染
     • 制定入料协议
     • 动态加载物料库

3.1.2 基建

基建分为以下几个方向

• 物料生态 - 保障物料开发流程
  • 物料脚手架
  • 物料开发环境
  • 物料发布上架
• 引擎插件能力
• 数据建设 在核心流程位置埋点以及沉淀

低码引擎面向千人千面的使用场景，每个业务方都可能存在定制化操作，那么我们可以在一开始留好扩展口子，以便后续扩展场景

3.1.3 物料

首先需要想清楚，用户使用场景是什么，这里比较通用的场景是 CRUD，一般需要表格 + 表单组件，完成增删改查操作的白屏化，那么我们需要优先提供以下物料。

1. 容器

   • 栅格容器
   • 自由容器

2. 展示物料e

   • 表格
   • 图表
   • 描述列表

3. 表单

   • 表单引擎
     • 输入
     • 选择框
     • Json
     • ...
   • 物料
     • 过滤表单
       • 针对表格等查询提供过滤参数
     • 操作表单
       • 执行提交操作

3.2 中期 - 能力补足 & 提效

3.2.1 插件生态

引擎开放插件能力，物料可用于以下场景，是达成事件编排的前提

• 事件插件
  • 注册行为 例如 Input 物料可注册「点击」
  • 可执行动作 例如 Input 物料可注册「onClear」行为
• 扩展能力
  • 注册面板等

3.2.2 事件编排

• 激活弹窗、抽屉
  完成 crud 场景的闭环
• 调用触发数据源调用
• 调用其它组件行为，类似 Retool 如下交互

3.2.3 模板能力

模板能力是快速提效的一种方式，通过沉淀一些精品的 CRUD 模板，用户可以快速完成页面搭建工作，在这个阶段，我们开发者可以先搭建静态模板。

3.2.4 区块能力

区块也是提效的一种方式，目标是去整合一些物料，可以把整合后的组件体直接复用给其它业务场景，降低搭建时间。

3.2.5 开放能力

引擎将内核能力开放给物料，物料能够消费引擎数据源，消费引擎上下文信息，如引擎区块，触发事件等

3.2.6 搜索能力

目的是为搭建用户进一步提效

• 大纲
• 数据源树
• 全局搜索能力
  • 快速定位所配「接口」「配置」等

3.3 稳定期 - 产品打磨

3.3.1 第三方生态融合

• 集成 FaaS 函数
• 集成 MySQL 等存储产品
• 一站式发布托管

3.3.2 AIGC 能力

• 表格智能生成表单
• 智能生成页面模板
• 智能问答

3.3.3 开放低码引擎 SDK

低码引擎底层的编辑器、渲染器都为与业务无相关联性的逻辑，针对千人千面的场景，开放 sdk 共建，沉淀更多的物料与插件，进一步丰富生态。

3.3.4 搭建式物料

• 以低代码的方式搭建低代码物料，完成 procode 物料到低码物料的升级，在简单场景下，进一步降低物料开发专业前端人员的人力，提升人效比

3.3.5 主题能力

支持定制颜色、字号等主题能力

---

2024 个人碎碎念

以上前端相关的就到这里吧，接下来今年碎碎念的部分谈谈旅游吧，总结一下今年，从春节开始，一共去了四个国家，印尼、日本、西班牙、葡萄牙，相比去年，看到了更大的世界，感受到世界不同文化。

印尼

关键词：果冻海，环岛游，悬崖沙滩

一开始对印尼期望并没有那么高，单纯是听闻巴厘岛的名声前往，这次是自由行的方式，27 个小时的长途跋涉，转机 2 次才从北京飞过去。虽然基建差，都是土路，但对大自然的保护还是很好，虽然巴厘岛平均 1500 人民币的工资，生活水平远不如中国，但本地人还是对生活充满热情的。

在巴厘岛南侧乌鲁瓦图的悬崖边体验了人生第一次滑翔伞，俯瞰蔚蓝的大海，感慨生活还是自由的，抖音上评论常说的「替我自由」，也算是替自己自由一回。

佩尼达岛的钻石沙滩和精灵坠崖也是一绝，为了能记录美好的瞬间，也是买了一架大疆 Mini4 pro，第一次首飞无人机还是很成功的，好看的风景怎么拍都好看。2 月正逢雨季，从钻石沙滩上来的时候遇到强降雨，司导师傅还帮忙搞了一把伞，把我们接到屋檐底下了。

由于环岛游远超预期，所以后来又坐快艇去蓝梦岛玩了一天，蓝梦岛相比佩妮达岛人更少，不过风景也是极美，海水更蓝，适合浮潜，因为不会游泳所以没有尝试，也算是留下了遗憾，不过正因如此下次还能再来

附上整体行程

• day1 2024.2.10

落地巴厘岛机场，sanur 码头附近酒店入住

• day2 佩妮达岛

佩妮达岛，原本打算是踏板摩托环岛的，但是摩托店老板表示路非常不好走，最后改换包车西线游览，精灵坠崖、天使浴池、破碎沙滩、水晶湾，一路都非常颠簸，但是风景也是十分值得的

• day3 佩妮达岛

早上 8 点包车从佩妮达岛，出发东线、钻石沙滩，从悬崖上下到沙滩的路非常难走，悬崖下面几乎没有信号，也没有厕所等设施，从下面往上走的时候，由于正值雨季，赶上倾盆大雨，就跑步上车返回酒店了

• day4 网红瀑布

从佩妮达岛坐船回到巴厘岛萨努尔 sanur，前往网红 tagan waterfall 瀑布，整个景区还是离市区较近的，打车一会就到了。印象比较深的是，瀑布旁边有一个小亭子，有一些牌子能够举着打卡，看起来是 ins 上很火的地方，整体体验还可以，热带雨林的感觉

• day5 蓝梦岛

从 sanur 坐船前往蓝梦岛（其实路线有点绕了，主要是觉得小岛上的风景比巴厘岛更好看，所以决定再去一趟佩妮达岛旁边的小岛看看）

蓝梦岛的基础设施就一般了，由于没拿行李，直接在路边拦了一辆当地原住民的车，devil tear 拿着地图指，本地人也听不懂，最后经过一番周折，也还是拉到了梦幻沙滩，这里有无边泳池，还有海边的小亭子，可以休息，最后去看了恶魔的眼泪，飞了一波无人机，还是很满意的

• day6 金巴兰

返回巴厘岛本岛，主要是 city walk，在金巴兰沙滩附近，晚上吃了烧烤

• day7 情人崖

一大早直接打车去情人崖，然后到了重点，体验人生第一次滑翔伞，定位到 Nyung Nyung Beach Paraglinding 基地。没想到今天风力不够，虽然第一个报到的，但迟迟不能起飞，只能让体重轻的起飞，等了几个小时，想退款走人，老板说第一个到的，必须让我飞，最后成功在中午时候起飞

• day8 库塔海滩，discovery

日本

关键词：樱花、古风、二次元

今年是清明去的日本，主要是因为赏樱季的原因，从 3 月末到 4 月中，日本各地的樱花都逐渐盛开，从北京直飞大阪大概 3 个小时就到了，日本住宿相比中国还是很贵，携程上基本上搜不到 1000 元以下的酒店。到了大阪之后发现其实樱花还没盛开，因为气温还比较低，不过带着外婆体验离家不远的异乡文化还是比较合适的。

整体的行程是关西 4 天，关东 4 天。出发之前研究了一下，发现日本的跨城市电车还是发达的，基本上电车可以到达任何地方，这样把酒店定在大阪，就可以去周边玩了。大阪的大阪城公园还是很不错的，京都一开始只去了一天，觉得很不错，后来又去了一天，图片放上。

三年二年坂、伏见十石舟

日本的文化输出做的是的确不错，大街上随处可见的西方老外，闻风前来，秋叶原二次元的气息也是很浓，很多场景和动漫里确实是一样的。但对于日本的饮食，只能说我的胃接受不了，刚到没几天就难受了。整体来说，是性价比很高的旅游国家

整体行程

day1 大阪：心斋桥

day2 京都：鸭川，八坂神社、清水寺、三年二年坂

day3 大阪：通天阁、黑门市场

day4 大阪：大阪城公园。京都：伏见十石舟

day5 大阪-东京 歌舞伎町、目黑川、涩谷

day6 东京：新宿

day7 河口湖：富士山。东京：秋叶原

day8 东京：浅草寺、上野公园、表叁道、涩谷、千鸟渊

葡萄牙

关键词：慢节奏、五彩斑斓、海边山城

西葡的行程是跟团去的，对葡萄牙的印象莫过于葡式蛋挞，到了发现是一个节奏慢，色彩斑斓有海的城市，可惜行程只待了一天，整个山城还是有很多可以游览的风景，如果有更多时间的话建议去辛特拉小镇住一天，罗卡角的风景称之为 top 50 实则不过分

整体行程

里斯本：贝伦塔、跨海大桥、老城区 city walk 广场、罗卡角

西班牙

关键词：温暖、白色、沙滩、教堂

西班牙除了离中国的距离较远，没有什么缺点，在欧洲人眼里就是冬季的避寒圣地，尤其对于北欧与德国人而言（法国有尼斯石滩）。文化底蕴很强，另外相比意大利人而言还算勤快，起码街道上的油漆经常都会翻新，一路上经过很多白色小镇，米哈斯、马贝拉、佩尼斯科拉，10月份也足够温暖，有充足的日照，每天 8 点太阳落山，所以人的心情也十分不错。

但饮食上的西班牙海鲜饭，这里的坑还是很深，强推伊比利亚烤猪肋排与牛尾骨。

具体的西葡游还有很多要讲的，以后有时间的话单独写一篇再分享了

西葡整体行程：

day1 里斯本 贝伦塔 跨海大桥 老城区 罗卡角

day2 塞维利亚 西班牙广场 黄金塔 塞维利亚大教堂 塞维利亚王宫

day3 龙达 新桥 米哈斯小镇

day4 马贝拉老城区 海滩

day5 格拉纳达 阿尔罕布拉宫

day6 风车镇 托莱多

day7 马德里 皇宫 国家银行

day8 瓦伦西亚 佩尼斯科拉

day9 巴塞罗那 哥特区 巴塞罗那大教堂 奎尔公园

day10 巴塞罗那海滩 圣家族大教堂

day11 折扣村奥特莱斯