【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:成果展示。

猜你喜欢

转载自blog.csdn.net/StarOS_Test/article/details/122219420
今日推荐