Node.js躬行记（24）——低代码

🚀 优质资源分享 🚀

学习路线指引（点击解锁）	知识定位	人群定位
🧡 Python实战微信订餐小程序 🧡	进阶级	本课程是python flask+微信小程序的完美结合，从项目搭建到腾讯云部署上线，打造一个全栈订餐系统。
💛Python量化交易实战💛	入门级	手把手带你打造一个易扩展、更安全、效率更高的量化交易系统

低代码开发平台（LCDP）是无需编码（0代码）或通过少量代码就可以快速生成应用程序的开发平台。让具有不同经验水平的开发人员可以通过图形化的用户界面，通过拖拽组件和模型驱动的逻辑来创建网页和移动应用程序。

低代码的核心是呈现、交互和扩展，其中呈现和交互需要借助自行研发的渲染引擎实现。而此处的扩展特指物料库，也就是各类自定义的业务组件，有了物料库后才能满足更多的场景。

在 4 个月前研发过一套可视化搭建系统，当时采用的是生成代码的方式渲染页面。而本次研发采用的则是运行时渲染，功能比较基础，基于React开发，代码量在 3000 多行左右，用户群是本组团队成员，目标是：

1. 满足 80% 的后台需求，高效赋能解放生产力。
2. 抽象共性，标准化流程，提升代码维护性。
3. 减少项目代码量，加快构建速度。

平台的操作界面如下，由于管理后台页面的元素比较单一，所以暂不支持拖拽和缩放等功能，也就是没有通用的布局器。

组件区域可以选择内置的通用模板组件，点击添加可在预览区域显示对应的组件，位置可上下调整，并且可以像真实的页面那样进行动态交互。配置区域可填写菜单名称、权限、路由等信息，点击更新文件后，会将数据存储到 MongoDB 中。

一、渲染引擎

在数据库中保存的组件是一套 JSON 格式的 Schema（页面的描述性数据），将 Schema 读取出来后，经过渲染引擎解析后，得到对应的组件，最后在页面中显示。

1）Schema

下面的 Schema 描述的是一个提示组件，参数的值是字符串和布尔值。为了能让组件满足更多的场景，有时候，组件的参数值可以是字符串类型的 JSX 代码或回调函数，例如下面的 description 属性，那这些就需要做特殊处理了。

{
 props: {
 message: "123",
 description: "456

",
 showIcon: true
 },
 name: "Prompt"
}

点击 Schema 按钮，可实时查看当前的 Schema 结构，这些 Schema 最终也会存储到 MongoDB 中。