前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >微搭低代码入门教程-hello,world

微搭低代码入门教程-hello,world

原创
作者头像
低代码布道师
发布2021-12-15 09:15:22
9190
发布2021-12-15 09:15:22
举报
文章被收录于专栏:微搭低代码

目录

01 总体介绍

02 应用介绍

03 页面介绍

作为入行软件开发这个职业,我们要学习的第一个代码都是从hello,world开始的。低代码也不例外,本节我们就介绍如何在低代码里说出第一句话。

进入低代码控制台,按照前述章节创建自己的空白应用,应用创建好后会默认创建首页,我们就在默认页面来完成我们的开发。

在这里插入图片描述
在这里插入图片描述

页面说明:

  • 我们在页面中添加一个容器组件
  • 在容器组件里添加一个按钮
  • 修改按钮的标题为说出第一句话
  • 调用平台的方法弹出对话框,显示我们的hello,world

1 添加容器组件

低码开发最大的特点就是可视化的搭建,我们需要在左侧找到容器组件,点击组件名称就可以将组件添加到页面中

在这里插入图片描述
在这里插入图片描述

2 添加按钮组件

然后往容器组件里添加一个按钮组件

在这里插入图片描述
在这里插入图片描述

3 修改按钮标题

在右侧的属性面板区修改按钮标题

在这里插入图片描述
在这里插入图片描述

为了好看一点,我们可以给按钮添加一个样式,增加一个上边距

在这里插入图片描述
在这里插入图片描述

4 给组件设置事件

然后就需要给按钮添加点击事件,我们选择平台方法的弹出模态框

在这里插入图片描述
在这里插入图片描述

然后在预览窗口里点击按钮看一下具体的效果

在这里插入图片描述
在这里插入图片描述

有没有发现很神奇,你一行代码都没写,却完成了一个程序员入门的第一个程序,很酷吧,赶紧加入低码的开发行业吧。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1 添加容器组件
  • 2 添加按钮组件
  • 3 修改按钮标题
  • 4 给组件设置事件
相关产品与服务
容器服务
腾讯云容器服务(Tencent Kubernetes Engine, TKE)基于原生 kubernetes 提供以容器为核心的、高度可扩展的高性能容器管理服务,覆盖 Serverless、边缘计算、分布式云等多种业务部署场景,业内首创单个集群兼容多种计算节点的容器资源管理模式。同时产品作为云原生 Finops 领先布道者,主导开源项目Crane,全面助力客户实现资源优化、成本控制。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档