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

概念

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

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

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

目标

低代码为什么会火?

  • 降本增效

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

核心原理

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

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

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

相关推荐
原则猫3 小时前
UDP 到底怎么实现可靠的
前端
Java后端的Ai之路3 小时前
14、ReactJS - 路由(Router)
前端·react.js·状态模式
裕晟资质规划5 小时前
三类涉密资质延续时限差异分析:军工60日与集成印制3个月的边界
java·服务器·前端·网络·安全
ShineWinsu5 小时前
对于JavaScript:JavaScript基础语法的解析
开发语言·前端·javascript·面试·web·基础语法·循环
月夏5 小时前
Vue3 转 React:18 项对照表 + 5 个必踩的坑(附 7 天上手路线)
前端
广州华水科技5 小时前
单北斗GNSS位移监测系统的应用与维护解析
前端
梦曦i6 小时前
uni-storage 0.1.0 发布:TTL过期管理+多实例隔离
前端·storage·uni-app x
猫头_7 小时前
AI 流式传输工程指南:模型吐出半截 JSON,前端如何边收边渲染?
前端·javascript·llm
console.log('npc')7 小时前
第 1 章 项目概述与环境搭建
前端·人工智能·大模型
定栓7 小时前
Webpack迁到Vite第七节(二):全家桶移除 — Babel 全家桶深度分析
前端·webpack·node.js