Skip to content

浅谈前端低代码

pengzhanbo

827字约3分钟

javascriptdevelopment

2022-09-13

前端低代码在最近的这两年,不少的公司或技术团队都对此青睐有佳,并各自实现了各自的低代码平台。

前言

前端低代码,是指 无需代码或者仅需少量的代码,即可生成可交互的应用。

这个概念的兴起,期望于能够更快的去构建、部署新的应用,并降低门槛,让非技术开发人员也能够构建新的应用。

为什么做低代码

传统的应用开发从启动到发布的过程,大致的流程如下:

low-code-1

在这个过程中,我们需要花费大量的时间用于 代码开发 -> 测试 这个过程,在这个过程,还需要根据项目大小,组织多个开发人员、测试人员等参与到项目中,包括制定开发规范、测试规范等。

而对于某些场景的应用,可能整个应用的生命周期相对较短,多个应用之间存在着类似的功能、需求、设计等等,然而在传统的项目开发中, 我们仍然需要按照上述的流程,完整的走一遍,才能正式发布上线,这无疑会花费大量的时间。一般我们会通过抽离重复的功能、需求、UI等为 独立的库、组件等,在新项目中实现复用,从而减少开发时间,然而这并不能对项目的发布速度有质的提升。

而对于一些小型企业,或者个体经营户,期望做一个线上应用,但并没有多余的资金资源去组建一个开发团队,对购买服务器、上线应用等更是一知半解,成为了制约他们发展的一道坎。

对于这些场景、存在的问题,需要需要一种方案,能够实现快速的实现从创建项目到发布部署为可访问的项目,并且能够面向更广泛的用户群体。 这成为了一个非常具有市场潜力的需求。

如何做低代码

对于一个前端应用,通常由多个页面组成,在现代前端开发中,我们将页面拆分为一个个组件来进行组合:

low code 1

在 前端低代码 中,我们同样的,可以通过 组件来组装页面,通过可视化的交互方式,将组件拖拽到 页面容器中, 这种交互方式相对来说更加适用于更多的群体。

low code 2

同时,需要提供能够对组件进行编辑状态的能力,以支持应用的个性化配置。

low code 3

在初步确定好 基础的功能、交互方式后,就可以围绕它们,来完善 实现低代码平台的技术方案。


初步明确的,我们需要 通过 组件 来组装 应用,围绕这一块,需要实现:

  • 低代码组件的规范:开发规范、接入规范;
  • 用于承载组件、组装组件并渲染的应用容器;
  • 组件的状态的更新与保存;