如果你不是一个前端开发，但是想要实现出一个前端页面。那么就可以通过低代码的方式，拖拽和配置出你想要的页面。而XinBuilder就是简单的一套低代码平台，你可以在上面拖拽出自己想要使用的组件并进行配置。使用方式也很简单。这篇文章，就简单的实现出一个登录页面。通过低代码的方式，点击下面的链接。第一次访问时间可能会稍微长一点。XinBuilder低代码平台进入后你会看到一个登录页，放心，不需要注册，我

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

经过前面几章的内容，我们的后端服务已经支持了对页面的管理，对图片的管理，并且也支持了在XinBuilder中如何去使用它们。这一篇继续回归到XinBuilder的项目里，再上一篇中，我们实现了和实体相关的后端内容，也就是我们有了持久化的数据存储。但是有了数据之后，我们如何能够在低代码项目里面使用？本篇主要通过Table组件来串通数据在XinBuilder中如何展示。

在上一篇文章中，我们主要的工作是在AppBuilder中，做了图片管理这样的一个路由。从上传图片，到图片的展示，我们的服务端代码已经完成。同时也在前端页面进行了接口的调用。现在，有了这些基础，我们就可以在我们的低代码平台中，了。

在上一篇中，我们实现了可视化创建数据库表。并没说怎么对表中的数据进行操作。OK，现在我们来实现相关的内容。在AppBuilder中，可以通过可视化操作数据在XinBuilder中，可以通过表单等方式进行提交但是，不管是哪种方式，我们首先应该有添加数据的接口。

即将来到运行时最重要的一部分。在上一章，我们实现了给组件添加事件。但我们会发现，这个事件只是组件单条线路的事件，做不到组件之间的交互。比如，我想点击某个按钮让另外一个按钮的文字发生改变。所以为了实现这样的效果，我们需要一个全局的模型。那，对于前端来说，就是window上需要有一个变量。我们设为ctx。我们现在有一个redux管理的comList，用来表示所有组件的全部信息。同时，我们要在windo

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

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

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

在上一篇中，我们实现了可视化创建数据库表。并没说怎么对表中的数据进行操作。OK，现在我们来实现相关的内容。在AppBuilder中，可以通过可视化操作数据在XinBuilder中，可以通过表单等方式进行提交但是，不管是哪种方式，我们首先应该有添加数据的接口。