低代码探索总结 - 前端视角

概念

低代码字面意思就是更少的代码,可以完成很多代码的工作

现在大部分人理解更多的是类似下面的拖拽平台,例如:

  • 上面的操作栏
  • 左边的物料库
  • 中间的编辑器区域
  • 右边的设置区

目标

低代码为什么会火?

  • 降本增效

无论最后是 降本增效了,还是降本增笑了,都无所谓。在一些场景中,大家能用到,就是好样子的。

核心原理

计算机科学领域的任何问题都可以通过增加一个间接的中间层来解决.

低代码本质上还是编译原理的体系。 目的是为了实现了人与计算机之间的更简单的一种沟通方式。

计算机从二进制一直到现在的低代码,甚至是AIGC,本质上都是编译的一个过程,一层一层的堆积。

编程语法的发展

编程语言的发展历史,总的来说,就是一个从抽象机器操作逐步进化为抽象人的思维过程。

从hardware到High Level Language,中间的每一层都有一层胶水。我们可以称之为编译器。每一层编译器都有很多事情可以做。(包括现在前端圈比较流行的低代码,chatGPT等等,本质上也是各种编译器)

本质上还是 输入-> 处理 -> 输出模型。编译器就是中间层的"处理"。

开源工具对比

amis lowcode-engine
介绍 前端低代码框架,通过 JSON 配置就能生成各种页面。 aisuda.bce.baidu.com/amis/ 低代码引擎的核心是设计器,通过扩展、周边生态等可以产出各式各样的设计器。它不是一套可以适合所有人的低代码平台,而是帮助低代码平台的开发者,快速生产低代码平台的工具。lowcode-engine.cn/index
背书/用户 百度 阿里
github 15.7k stars 226 watching 2.3k forks 13.5k stars 184 watching 2.4k forks

主要对比了amis和lowcode-engine。可以看到二者的发展都很不错。

amis提供了很好的低代码思路,利用json来描述页面。lowcode-engine本质上是在amis的基础之上,进一步进行了抽象。

实践

aisuda.bce.baidu.com/amis/zh-CN/...

lowcode-engine.cn/site/docs/g...

架构

unix哲学之一------小即是美。目前前端的低大部分代码的架构大致上都如下:

至于一些其他问题,例如

  • 为什么要选择json的结构来作为存储
  • 低代码平台还有编辑器,物料区,插件区呀
  • 你这个根本不是低代码架构,连个插件机制都没有

这些问题,本质上都是围绕 输入-> 存储 -> 输出 的方式进行设计的。

总结

  • 低代码的本质还是 输入-> 存储 -> 输出
  • 低代码的目标是 降本增效
  • 通过amis和lowcode-engine可以很方便的结合自身的业务搞一套低代码的平台

参考文档

github.com/baidu/amis

lowcode-engine.cn/site/docs/s...

从实现原理看低代码

火了!推荐 10 个低代码 GitHub 项目

相关推荐
兆子龙8 分钟前
从高阶函数到 Hooks:React 如何减轻开发者的心智负担(含 Demo + ahooks 推荐)
前端
狗胜13 分钟前
测试文章 - API抓取
前端
三小河13 分钟前
VS Code 集成 claude-code 教程:告别海外限制,无缝对接国内大模型
前端·程序员
jerrywus19 分钟前
前端老哥的救命稻草:用 Obsidian 搞定 Claude Code 的「金鱼记忆」
前端·agent·claude
球球pick小樱花24 分钟前
游戏官网前端工具库:海内外案例解析
前端·javascript·css
用户605723748730831 分钟前
AI 编码助手的规范驱动开发 - OpenSpec 初探
前端·后端·程序员
狗胜34 分钟前
AI观察日记 2026-03-02|CLAUDE、TYPE、APPFUNCTIONS:掘金热门里的下一步信号
前端
喝水的长颈鹿36 分钟前
【大白话前端 02】网页从解析到绘制的全流程
前端·javascript
明君8799737 分钟前
Flutter 实现 AI 聊天页面 —— 记一次 Markdown 数学公式显示的踩坑之旅
前端·flutter
用户145369814587839 分钟前
VersionCheck.js - 让前端版本更新变得简单优雅
前端·javascript