前端低代码lowcode

背景：
（1）互联网产品基于标准化（很多大同小异，形成约定俗成的交互习惯）
（2）开发技术趋于成熟
前端低代码的实现：
实现思想：先预置丰富的原子组件，通过拖拽选择所需组件在画板上进行位置的编排。之后，进行一些组件属性的设置（目前应用于B端较多：企业内部或管理使用的系统）

案例：监控报警管理平台中
线路监测、监测总览、通道监测、物理设备监测、视频监控、告警中心、事件信息都是低代码平台配置的
如何查找及定位低代码平台配置的页面：
（1）法1：直接根据页面信息搜索缩小范围
（2）法2：
1）在可视化应用/项目管理中找 线路监测=>线路监测 监测总览=>监测总览 通道监测=>通道监测 物理设备监测=>装置监测
告警中心/实时告警=>实时告警 告警中心/漏报管理=>漏报信息 告警中心/历史告警=>历史告警 事件信息=>一致
2）点开对应的项目管理设计，点击右侧的图层管理看括号里对应的中文
3）直接在项目中搜索中文或者在views/bigscreen/design/config/presetComponents 中看name对应的code
4）在views/bigscreen/design/components/editorCanvas/indicators/ComponentAssemble中对应code的组件（会有对应的组件路径）

（3）低代码通过选择拖拽想要的公共组件生成页面
（4）如何配置页面:在可视化应用/项目管理中新建进行配置，具体需不需要配置参数要看业务及使用方讲解
（5）如何搭建低代码平台

链接学习地址：

1、表单生成器
参考一、Element UI表单设计及代码生成器
代码仓库：https://github.com/JakHuang/form-generator
演示地址：https://jakhuang.github.io/form-generator/#/
参考二、开源的vue可视化表单设计器
表单生成器
代码仓库：https://github.com/xaboy/form-create
文档：http://www.form-create.com/v3
可视化表单设计器
代码仓库：https://github.com/xaboy/form-create-designer
演示地址：http://www.form-create.com/designer/
大厂表单渲染器/低代码项目
阿里
formily 文档：formilyjs.org
x-render 文档：xrender.fun
腾讯
formast 文档：formast.js.org
百度
amis 文档：baidu.github.io/amis/