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

概念

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

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

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

目标

低代码为什么会火?

  • 降本增效

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

核心原理

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

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

计算机从二进制一直到现在的低代码,甚至是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 项目

相关推荐
saber_andlibert3 小时前
TCMalloc底层实现
java·前端·网络
逍遥德3 小时前
如何学编程之01.理论篇.如何通过阅读代码来提高自己的编程能力?
前端·后端·程序人生·重构·软件构建·代码规范
冻感糕人~4 小时前
【珍藏必备】ReAct框架实战指南:从零开始构建AI智能体,让大模型学会思考与行动
java·前端·人工智能·react.js·大模型·就业·大模型学习
程序员agions4 小时前
2026年,“配置工程师“终于死绝了
前端·程序人生
alice--小文子4 小时前
cursor-mcp工具使用
java·服务器·前端
晚霞的不甘4 小时前
揭秘 CANN 内存管理:如何让大模型在小设备上“轻装上阵”?
前端·数据库·经验分享·flutter·3d
小迷糊的学习记录4 小时前
0.1 + 0.2 不等于 0.3
前端·javascript·面试
梦帮科技5 小时前
Node.js配置生成器CLI工具开发实战
前端·人工智能·windows·前端框架·node.js·json
VT.馒头5 小时前
【力扣】2695. 包装数组
前端·javascript·算法·leetcode·职场和发展·typescript
css趣多多5 小时前
一个UI内置组件el-scrollbar
前端·javascript·vue.js