【Methodot低代码教程系列03】——零代码十分钟制作电影票房管理后台

Methodot低代码教程系列第三课来啦！

本期课程详细视频戳这里>https://www.bilibili.com/video/BV1644y177Yy?spm_id_from=333.999.0.0

Methodot，一站式云原生在线开发平台，免运维的容器集群，开箱即用的研发设施All in one 的云原生应用开发体验。

Methodot，等你来免费体验>>

这次，Methodot玩起了零代码，我们基于“前端低代码” + “DB组件” 十分钟制作电影票房管理后台，不包含一行代码。

步骤

Step1：依然是打开浏览器，登录Methodot。

Step2：新建空白项目。

Step3：进入中间件页面>添加一个中间件>编辑中间件，选择数据库。

Step4：再次回到架构图>拖入DB组件>编辑DB组件，选择刚才添加好的数据库，保存>点击界面右侧DB编辑，检查数据>点击API申明，查看自动生成的API，比如添加、删除、查询等。

Step5：拖入前端低代码>根据向导添加组件参数；然后将DB组件与前端低代码组件连线，用于接收DB组件传过来的API申明；保存架构图。

Step6：打开右侧前端低代码设计界面，可以看到所有的API参数都已经居于界面左侧；打开数据编辑>对获取数据列表的API稍作修改>运行。

Step7：点击界面右侧添加Table组件>编辑组件，设计管理后台的名字、数据增删改查等功能。

Step8：比如，做“添加”的功能>拖入一个容器>做编辑设计。（详细编辑教程可以查看原视频）

Step9：编辑“请求体”。

Step10：“添加”功能设计完毕，做“修改”；同样的方式，再次拖入一个容器，进行编辑设计。

Step11：通过API实现“删除”功能，根据选择的ID进行删除，具体API设计如图：

Step12：回到架构图界面点击“发布”> 秒级完成发布。

Step13：查看URL。

Step14：成果展示。