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

概念

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

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

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

目标

低代码为什么会火?

  • 降本增效

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

核心原理

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

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

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

相关推荐
开源情报局27 分钟前
从小红书评论区挖需求:我准备用 opencode 写一个 Chrome 插件
前端·javascript·chrome
用户1257585243629 分钟前
XYGo Admin 三级权限体系:RBAC 动态路由 + v-auth 按钮控制 + 字段级过滤全解析
前端
小李子呢02111 小时前
前端八股JS---Map / Set / WeakMap / WeakSet
开发语言·前端·javascript
冴羽1 小时前
3 招让你的 Shadcn 出海应用性能提升 40 倍
前端·javascript·next.js
中议视控1 小时前
网络中控系统通过推流软件实现可视化:RTSP,H265,WEB等推流
前端·网络
Hsuna1 小时前
Tailwind CSS 比起传统CSS框架无法实现的一些功能
前端·react.js
SilentSamsara1 小时前
装饰器基础:从闭包到装饰器的自然演变
开发语言·前端·vscode·python·青少年编程·pycharm
咸鱼翻身更入味1 小时前
Agent流式输送
前端