欢迎光临散文网 会员登陆 & 注册

CloudOS云原生开发 | 二十分钟制作运营大屏

2021-11-24 11:01 作者:行云创新  | 我要投稿

背景

本文将讲解如何利用CloudOS云原生开发平台的低代码功能快速构建出一个运营大屏web页面。

什么是低代码

低代码开发平台是通过可视化的交互方式,把原本需要通过写代码才能实现的抽象业务逻辑、产品设计和数据配置等通过更直观、对人更直觉化的方式进行呈现和配置,从而显著降低了编程的技术门槛。

只要你能想清楚你要的逻辑是什么,这些可视化工具就能够实现相应的软件,而这正是低代码最大的价值。低代码提供完整的功能封装,让工程师写更少的代码来实现更多的功能,从而降低工程师的重复劳动、提升开发效率。

操作步骤

  1. 首先在CloudOS云原生开发平台上新建一个项目:

跟着CloudOS玩转低代码

2. 在架构图中拖入一个前端低代码组件:


跟着CloudOS玩转低代码

3. 点击前端低代码设计:


跟着CloudOS玩转低代码

4. 进入前端低代码设计界面配置数据源:


跟着CloudOS玩转低代码

5. 填写mysql数据库连接信息并保存:


跟着CloudOS玩转低代码

6. 点击自动生成页面按钮选择数据源生成增删改查页面:


跟着CloudOS玩转低代码

7. 观察整理页面数据:


跟着CloudOS玩转低代码

8. 点击Select查询方法,点击界面右侧图表组件


跟着CloudOS玩转低代码

9. 画布中自动添加图表组件,修改标题、图表类型、X/Y轴信息:


跟着CloudOS玩转低代码

10. 可以添加更多图表组件,点击界面右上角的提交按钮预览:


跟着CloudOS玩转低代码

11. 返回架构图设计界面,保存架构图并发布应用:


跟着CloudOS玩转低代码


这样,一个基于CloudOS云原生开发平台制作的运营大屏web页面就做好了。


CloudOS云原生开发 | 二十分钟制作运营大屏的评论 (共 条)

分享到微博请遵守国家法律