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

低代码布道师 低代码布道师     2022-12-24     638

关键词:

这篇是本系列教程的最后一篇,我们分为了CSS和javascript两部分,以期让初步接触低代码开发的同学熟悉低码开发的基本概念和基本操作,以便快速的掌握。

CSS基础篇

1. CSS介绍
2. 背景色
3. 盒模型介绍
4. 布局介绍

javascript基础篇

1. javascirpt基础语法
2. 条件语句
3. 循环语句
4. 函数介绍

事件介绍

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

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

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

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

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

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

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

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

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

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

课程总结

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

玩转低代码开发-条件语句(代码片段)

上一篇我们用了一定的篇幅介绍了javascript的基础,本篇我们详细介绍一下javascript的语法点,本节分别介绍if语句、switch语句、三元表达式。if语句if语句也叫条件分支,通过判断一个给定的条件,来选择对应的分... 查看详情

玩转低代码开发-函数介绍(代码片段)

编程世界里有个基本的概念,叫函数,它是指将一系列的操作封装到一个集合中,给这一系列的操作起了一个名字,那么你在调用的时候可以直接使用这个名字。函数由几部分构成,函数的名字,入参࿰... 查看详情

玩转低代码开发-循环语句(代码片段)

我们上一节讲解了条件分支语句,这一节我们介绍一下循环语句。如果是初学编程的小白,在语法部分最大的难题是理解循环,把循环弄懂了,你的编程技能就前进了一大步。那什么是循环呢?日常在带孩子... 查看详情

玩转低代码开发-javascirpt基础语法(代码片段)

我们前边用了一定的篇幅介绍了低代码中CSS的常用语法,本篇我们开始我们的第二篇教程JavaScript。虽然很多低码工具宣传是提效工具,但它有个前提,就是你会开发。如果脱离开这个前提,那大概率你只能使用工... 查看详情

8天玩转并行开发——第五天同步机制(下)(代码片段)

   承接上一篇,我们继续说下.net4.0中的同步机制,是的,当出现了并行计算的时候,轻量级别的同步机制应运而生,在信号量这一块出现了一系列的轻量级,今天继续介绍下面的3个信号量 CountdownEvent,SemaphoreSlim... 查看详情

玩转scrapy框架:scrapy架构request和response介绍(代码片段)

目录一、Scrapy架构及目录源码分析二、Request和Response介绍2.1Request2.2Response三、实例演示3.1POST请求3.2GET请求及响应信息打印一、Scrapy架构及目录源码分析Scrapy是一个基于Python开发的爬虫框架,可以说它是当前Python爬虫生态中最... 查看详情

8天玩转并行开发——第六天异步编程模型(代码片段)

 在.net里面异步编程模型由来已久,相信大家也知道Begin/End异步模式和事件异步模式,在task出现以后,这些东西都可以被task包装起来,可能有人会问,这样做有什么好处,下面一一道来。 一:Begin/End模式1:委托  ... 查看详情

一起玩转微服务(12)——揭密starter(代码片段)

介绍SpringBoot的starter主要用来简化依赖用的,对于企业级开发中的与第三方的集成,可以通过一段简单的配置来完成,这样开发人员无需再对包依赖的问题头疼。SpringBoot为我们提供了简化企业级开发的绝大多数场景的starterpom,... 查看详情

带你玩转eclipse项目转成androidstudio项目(代码片段)

随着Android对Eclipse开发工具的淘汰,越来越多的公司使用AndroidStudio进行相应的android开发工作。如此,原来用Eclipse开发的项目,怎么导入到AndroidStudio中呢?今天我们就来聊聊这开发中最基本的事。好了,长话... 查看详情

玩转react-创造一个新的html标签(代码片段)

在第二篇文章《新型前端开发方式》中有说到React有很爽的一点就是给我们一种创造HTML标签的能力,那么今天这篇文章就详细讲解下React是如何提供这种能力的,作为前端开发者如何来运用这种能力。在第三篇文章《JavaScript代码... 查看详情

jquery介绍(代码片段)

优点js写代码时:Window.onload事件有事件覆盖现象,因此只能写一个事件代码容错性差浏览器兼容性问题书写很繁琐,代码量多代码很乱,各个页面到处都是动画效果很难实现jQuery可以解决以上问题介绍jQuery是js的一个库,封装了... 查看详情

保姆级教程!玩转chunjun详细指南(代码片段)

...过ChunJunClient端提交任务的流程等内容,教会大家更好地玩转ChunJun。ChunJun新手入门•Hi,我是ChunJun,一个有趣好用的开源项目•Ding!您有一份ChunJun实用指南,请查收ChunJun地址官网:https://dtstack.github.io/chunjun/GitHub:https://github.co... 查看详情

jquery介绍(代码片段)

1.为什么要使用jQuery在用js写代码时,会遇到一些问题:window.onload事件有事件覆盖的问题,因此只能写一个事件。代码容错性差。浏览器兼容性问题。书写很繁琐,代码量多。代码很乱,各个页面到处都是。动画效果很难实现。j... 查看详情

前端----jquery的介绍(代码片段)

 1.为什么要使用jQuery在用js写代码时,会遇到一些问题:window.onload事件有事件覆盖的问题,因此只能写一个事件。代码容错性差。浏览器兼容性问题。书写很繁琐,代码量多。代码很乱,各个页面到处都是。动画效果很难实... 查看详情

01-jquery的介绍(代码片段)

在用js写代码时,会遇到一些问题:window.onload事件有事件覆盖的问题,因此只能写一个事件。代码容错性差。浏览器兼容性问题。书写很繁琐,代码量多。代码很乱,各个页面到处都是。动画效果很难实现。jQuery的出现,可以解... 查看详情

游戏开发进阶新发带你玩转unity日志打印技巧(彩色日志|日志存储与上传|日志开关|日志双击溯源)(代码片段)

文章目录一、前言二、常规日志打印1、打印HelloWorld2、打印任意类型的数据3、context参数干嘛的4、格式化输出三、彩色日志打印四、日志存储与上传1、打印日志事件2、写日志到本地文件3、日志上传到服务器五、日志开关六、日... 查看详情

游戏开发进阶新发带你玩转unity日志打印技巧(彩色日志|日志存储与上传|日志开关|日志双击溯源)(代码片段)

文章目录一、前言二、常规日志打印1、打印HelloWorld2、打印任意类型的数据3、context参数干嘛的4、格式化输出三、彩色日志打印四、日志存储与上传1、打印日志事件2、写日志到本地文件3、日志上传到服务器五、日志开关六、日... 查看详情

01-jquery的介绍(代码片段)

1.为什么要使用jQuery在用js写代码时,会遇到一些问题:window.onload事件有事件覆盖的问题,因此只能写一个事件。代码容错性差。浏览器兼容性问题。书写很繁琐,代码量多。代码很乱,各个页面到处都是。动画效果很难实现。j... 查看详情