这是我参与「第四届青训营」笔记创作活动的第5天

前言

结合小组成员的技能和技术栈，我们选择了采用React框架和Antd的UI框架。React框架采用的是声明式编程，具有可维护性高、模块化等优点，是主流的基础框架。低代码平台的优点是采用界面可视化、拖拽操作等方式简化开发过程、降低开发门槛，可以在短时间内开发一个完整的页面，而不需要很高的技术支持。

Low-code页面布局

页面布局分为功能栏、组件区、画布区和属性区四个主要部分。

1、功能栏：页面最上方为功能拦，包括设置页面输出（电脑\平板\手机），预览功能和导出功能。预览可以在开发的过程中随时检查最终效果，导出则可以为用户直接输出成品。

2、组件区：页面左侧为组件区，点击上方图标可以选择组件，如下图所示。

组件又进一步区分为通用组件、导航组件、数据录入组件、数据展示组件和图标组件，能够满足用户多样的开发需求。 在组件区下方提供了返回按键、前进按键、保存本地按键、清除缓存\页面按键以及查看说明按键，能够为用户提供必要的开发帮助。

3、画布区：页面中心空白处均为画布区，用于摆放和设计不同的组件组合以满足开发需求，可以通过拖拽的方式增添或调整组件的位置，具有灵活性高的优点。

4、属性区：在组件区选择组件添加至画布区后，选中组件，可在属性区中设置组件的属性、样式以及事件，右上方的删除按钮可以随时删除组件。