经过之前的十篇文章，我们已经完成了后端服务。从这一篇开始，我们着重于实现运行时的功能。回顾上一篇的内容，我们实现了一个可以存储数据的Form表单。而这个Form表单有一个submit的事件，我们思考一下，像这种组件的事件，应该在设计态的时候触发吗？应该是不允许的，因为我们在设计页面的时候，很容易不小心点击到按钮的点击事件等。所以我们需要将这些事件的触发，放在另一个地方。我们再想一个问题，我们设计好

接上一篇，我们继续实现另外一个比较常见的组件。轮播图，在一些官网的页面中，这个组件是非常常见的。那如果你是从基础开始学前端的，那么轮播图组件也是一个作为入门实现的组件。那我们现在要把这个组件，加入到我们的低代码项目中，来进行实现。

在上一篇中，我们实现了数据的持久化展示。可以通过表格将数据库中的数据展示出来。有了展示，那么就要有可以录入的组件。而我们之前实现的Form组件，就可以完成数据的录入。现在要做的就是，怎么修改Form组件，让他能够将数据存储到数据库中。我们肯定希望的是，在Form组件下有一些Input输入框，然后点击一个保存按钮，就可以将数据保存在数据库里面。现在我们来开始实现这一个需求问题。

在之前的文章里，在实现组件的时候，有提到Upload组件，当时并没有对这个组件进行实现。那我们现在思考一下，如果我们想实现Upload组件和Image组件，我们应该怎么去做。Upload组件有一个很重要的属性是action，也就是上传的服务器位置。所以我们实现Upload组件之前，应该有一个服务器用来保存上传的图片。之后在Image组件里进行展示。那这整套流程在我们的三个项目里是怎么样的呢？OK，

在上一篇文章中的末尾，我们也完成了Input组件的属性面板配置。现在我们的低代码项目已经小有成就了。但是后面的内容还是不少的。如果你是第一次看到这篇文章，那么请移步到第一节：从零实现一套低代码（保姆级教程） — 【1】初始化项目，实现左侧组件列表来到本系列的第六节，我们回顾一下之前的实现内容。前两点，我们目前是通过window，来实现组件的信息传递的。那既然有很多地方用，所以我们需要有一个全局的状

继画布区的实现之后，来到本系列的第四篇文章，如果你没有看过之前的文章，可以建议先看一下第一篇文章，里面介绍了要实现的项目，是否是你要学习的内容，再决定是否要学习这一些列的文章。在上一篇中，我们实现了画布区的渲染，同时也支持了组件在画布区的随意拖拽布局。所以我们实现出的低代码项目，在画布区的布局方式是自由布局。同时在上一篇的结尾，也把Input组件的实现补充了（没有在文章体现，在GitHub上的提交

对于目前实现的低代码，单说前端部分，我们目前还欠缺的是事件系统，而事件系统会在后面的运行时项目来进行实现。目前，除了事件，前端的内容基本已经完成了。现在我们就来完善一下组件，因为我们现在只有不到十个组件，我们先把简单的组件都添加进来。复杂的组件我们单独用一个个篇章来讲解。在本篇中，只会对一些细节来进行补充说明，不会再从头到尾说一遍添加组件的过程了。有疑问的可以比对github的提交记录进行查看。O

在上一篇中，我们已经把和页面相关的接口完成的差不多了。从创建页面，更新页面等等：有了接口之后，我们就可以构建前端页面了。那这部分前端内容我们应该写在哪里呢？因为我不确定这个项目后面会有多少代码，虽然我们目前只是想实现页面的管理功能，但是后面我也不知道会增加到多少。所以我准备使用两个React项目，和页面相关的这些功能我都会写在新的项目里，

在前面的实现过程中，我们的低代码平台，在前端已经有一定的构建页面的能力了。但是对于我们实现一个平台，肯定要支持用户对页面进行保存等功能，包括后面我们运行时的设计，都要依赖于后端的能力所以，现在我们需要考虑开始使用数据存储了。那因为博主平时的工作主要都是前端开发，所以后端框架选择了比较贴合前端的。我们低代码来讲，通常是对协议的保存以及修改，所以我们的数据库使用，当然，如果读者有一定的后端开发经验，可

在前面的两篇文章，我们主要是通过Upload组件和Image组件，真正的做到了设计器和后端服务之间的数据传递。有了这个例子，应该比较清楚，对于低代码项目的服务端，它。因为正常做开发，后端主要是对某个字段的数据进行存储，例如姓名，年龄等。但是对于低代码的后端，它的存储没有具体到某个字段，也没有具体的数量，它是和设计器里面的字段进行关系映射。当然，这是后话，目前我们能做的，就是说如何在我们的项目里面，