专栏首页微搭低代码玩转低代码开发-事件介绍
原创

玩转低代码开发-事件介绍

事件介绍

事件是js中的一个技术概念,对比于现实中,我们看电视,当你按下遥控器的开关的时候,就触发了一个事件,遥控器里的预置好的代码就开始工作,给电视机发出指令让其开机。

微搭中的一个个组件就类比于现实世界的遥控器,不同的组件可以支持不同的事件,比如我们常见的点击事件。

要想做好低代码的开发,一个是要熟悉组件的用法,知道什么场景下该用什么样的组件,明白组件的嵌套逻辑。另外一方面就是要熟练的操作事件的配置。事件的配置方法是选中需要的组件,切换到事件页签

在这里插入图片描述

触发条件的下拉列表列出了当前支持的事件类型

在这里插入图片描述

类型选定好后我们就要配置事件响应的动作,共有三种可供选择,包括低代码、平台方法和数据源。

在这里插入图片描述

如果选择低代码,需要在低代码编辑器里定义好函数,函数的概念可以参考我上一篇的教程,一般是我们自定义的业务逻辑

在这里插入图片描述

平台方法是平台预置的各种动作,我们比较常用的是导航

在这里插入图片描述

数据源的话既可以调用平台自动生成的增删改查的方法,也可以调用自己创建的方法

在这里插入图片描述

方法可以在数据源中进行查看

在这里插入图片描述

如果需要在数据源中自定义方法,相对来说难度是有一些的,需要系统的学习云开发、云函数的具体概念,当然前提是需要对es6、nodejs、MongoDB这些基础知识有一定的了解。后续会增加这些基础知识的讲解。

课程总结

我们用了9篇的篇幅介绍了低码开发中常见的样式及js的基础语法和基本概念,以期给刚接触低码开发的同学一个技术扫盲的工作。掌握了基本概念和基本操作之后,结合官网的模板就可以开始低码的创作之旅了,期待你早日熟练应用低码技术拥有自己的产品及解决方案,早日实现财富自由。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 玩转低代码开发-函数介绍

    编程世界里有个基本的概念,叫函数,它是指将一系列的操作封装到一个集合中,给这一系列的操作起了一个名字,那么你在调用的时候可以直接使用这个名字。

    低代码布道师
  • 玩转低代码-CSS介绍

    低代码是一种使用拖拽可视化开发的工具,使用低代码可以提高软件的开发效率和开发质量。作为小白要想熟练的使用低代码工具一些基础的知识如html、css、javasc...

    低代码布道师
  • 玩转低代码开发-条件语句

    上一篇我们用了一定的篇幅介绍了javascript的基础,本篇我们详细介绍一下javascript的语法点,本节分别介绍if语句、switch语句、三元表达式。

    低代码布道师
  • 玩转低代码开发-循环语句

    我们上一节讲解了条件分支语句,这一节我们介绍一下循环语句。如果是初学编程的小白,在语法部分最大的难题是理解循环,把循环弄懂了,你的编程技能就前进了一大步。

    低代码布道师
  • 玩转低代码开发-javascirpt基础语法

    我们前边用了一定的篇幅介绍了低代码中CSS的常用语法,本篇我们开始我们的第二篇教程JavaScript。虽然很多低码工具宣传是提效工具,但它有个前提,就是你会开...

    低代码布道师
  • 微搭低代码样式开发-布局介绍

    要想制作一个美观的页面,掌握样式中布局的技术是必备的。因为在页面开发中,我们需要将设计师提供的图纸制作成精美的页面,不同部分考虑使用什么样的布局是必不可少的。

    低代码布道师
  • 微搭低代码样式开发-盒模型介绍

    要想掌握好样式开发,一些样式里的基本概念是必须要了解和掌握的。在布局中比较重要的一个概念就是盒模型,MDN中有详细的介绍盒模型的概念。

    低代码布道师
  • 微搭低代码基础开发教程-编辑器介绍

    微搭提供了低代码的编辑器,可以在编辑器中进行组件的拖拽和属性及事件的设置。在应用管理,点击应用的编辑按钮可以进入到编辑器中

    低代码布道师
  • 微搭低代码基础开发教程-数据源介绍

    我们日常开发中,经常涉及到数据库的操作,微搭提供了一套线上的文档型数据库。除了数据库外还提供了可以对数据库操作的增删改查的方法。我们常用的业务逻辑的操作都可以在...

    低代码布道师
  • 微搭低代码「分模块混合开发」能力介绍

    用户可以在可视化编辑应用的基础上,通过代码开发并部署应用的方式享受更加完整的一站式开发体验。

    腾讯云开发TCB
  • 微信小游戏开发入门: 示例代码介绍

    程序你好
  • 解码低代码开发平台如何加速企业数字化转型

    “企业数字化转型”是一个很大的课题,做了多年“信息化”的我们乍一看到这个词汇难免会有些晕眩,好在任何事物都是有迹可循的,我们不妨来看看“企业数字化转型”的本质到...

    yuanyi928
  • 低代码应用程序开发:促进企业数字化转型

    随着企业越来越强调市场颠覆和跨行业的持续创新,低代码平台重新走入人们的视野,并且逐渐成为企业CIO的焦点,低代码的拖放集成、开箱即用的用户界面(UI)模板和简单...

    增强现实核心技术产业联盟
  • [Linux] PHP程序员玩转Linux系列-搭建代码开发环境

    有些同学可能觉得我写的都是啥yum安装的,随便配置一下而已,没啥技术含量,我的目的是让大家能够以最简单的方式实现目的,配置也是能不自定义的的统统不配置,不是为了...

    陶士涵
  • 介绍几个代码实际开发中很实用的工具

    分别把下面的fileheader.customMade与fileheader.cursorMode,配置到你的配置里,进行个性化配置

    itclanCoder
  • 低代码快速开发平台将是未来软件开发的主流模式

    如果软件开发一直处于手工阶段,大家都从零开始开发,岂不是浪费?低代码开发的主要想法,就是将软件的技术门槛降下来,同时将大家重复的工作消除掉,提高开发效率。代码快...

    moer12
  • 闲置资源再利用:个人电脑上畅玩 TensorFlow

    眼下 github 社区最火的开源项目莫过于 tensorflow (后简称TF),本文介绍一种基于windows平台下搭建 TF 运行和开发环境,带大家畅玩 ...

    陈林峰
  • IOS5开发-控件位置适应屏幕旋转代码

    - (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toOrientation  ...

    阿新
  • 明星游戏 FOMO3D 代码剖析 | 直播预告

    前段时间令人瞩目的明星游戏 FOMO3D,大家可能都有了解,也许一部分朋友也参与进去了,题图的游戏界面,大家感受下。

    Henry Zhang

扫码关注云+社区

领取腾讯云代金券