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

概念

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

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

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

目标

低代码为什么会火?

  • 降本增效

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

核心原理

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

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

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

相关推荐
Cobyte2 分钟前
17.响应式系统比对:链表如何实现响应式系统的高效更新
前端·javascript·vue.js
2601_963771376 分钟前
Speeding Up Creative Agency Portfolios: A Performance Guide
前端·数据库·php
禅思院6 分钟前
AI对话前端从入门到崩溃:一个长对话引发的五层优化战争【二】
前端·前端框架·ai编程
IT_陈寒40 分钟前
React useEffect里面写异步,我的状态怎么老丢?
前端·人工智能·后端
AI视觉网奇1 小时前
BambuStudio 自定义加载页面
服务器·前端·javascript
橙子家1 小时前
Extension storage、Interest groups 和 Shared storage 简介-浏览器缓存之【隐私沙盒与扩展专用存储】
前端
漂流瓶jz2 小时前
理解Webpack插件机制:从插件使用、各类编译对象、Tapable到自定义插件与钩子开发
前端·javascript·webpack
梦帮科技12 小时前
GRAVIS v4.0:基于Web的极速套利架构设计与实时数据流实现
前端·人工智能·rust·自动化·区块链·智能合约·数字货币
爱勇宝12 小时前
办公资料反复修改、补传、交接混乱,我做了个桌面工具来解决这件事
前端·后端·程序员
微信开发api-视频号协议13 小时前
企业微信外部群开发自动化实践过程
java·前端·微信·自动化·企业微信·ipad