腾讯云微搭低代码开发学习日记（7天 拿证）

第一天

1、事件调用

1）调用自定义代码段并传递参数，获取传参并弹窗

新建一个文本框，动态绑定（格式为$w.文本框名.value）输入值

新建一个按钮，绑定一个单击事件，选择JavaScript代码

选择添加新的方法

左下方编辑代码段名称这里定义为default1

根据官方文档用data.target获取事件传递的参数

写入以下代码，点击保存

点击使用已有方法，编辑参数，这里的入参名称和之前绑定的文本框的值保持一致

在文本框输入123，点击按钮，出现弹窗内容为123

在文本框随便输出一些内容点击按钮出现相同内容的弹窗，大功告成

2）其他方法的学习

调用数据源方法 callDataSource

调用数据源中已配置完成的方法，对数据源进行增删改查的操作。

方法参数

参数名称	参数说明
数据源名称	从当前环境中所有已创建的数据源进行选择
方法名	对数据源方法进行选择
传入参数	若数据源方法需要入参，则在此处可以传入对应参数（非必填）
显示加载	在数据源请求过程中显示加载提示
显示提示	数据源请求完成后显示成功或失败的消息提示

触发流程 callProcess

触发当前环境下工作流中创建的流程

方法参数

参数名称	参数说明
流程名称	从当前环境中所有已创建的流程进行选择

如选中流程开始节点配置了输入变量。

需在触发流程项中同步配置触发流程入参。

变量赋值 setState

为当前页面或全局变量进行赋值操作。

方法参数

参数名称	参数说明
变量名	支持下拉选择当前页面或者是全局中已创建的全部变量
变量值	输入需要赋予所选变量的值

打开页面 navigateTo

控制应用的页面跳转，页面跳转后支持使用 navigateBack 方法进行页面返回操作。

方法参数

参数名称	参数说明
模式	微搭：跳转至当前应用编辑器的其他页面Web：跳转至外部页面（当构建平台为小程序时不可用）
链接	模式选择微搭时：选择应用编辑器的内部页面模式选择 Web 时：输入外部页面链接（当构建平台为小程序时不可用）

扫码 scanCode

触发后调出手机扫码功能，支持对条形码、二维码进行识别。

方法参数

参数名称	参数说明
是否只能从手机扫码，不允许从相册选择图片	扫码时是否支持选择手机相册图片
是否开启默认管理	在 Web 环境下若扫码内容为链接则自动弹窗打开，否则展示扫码内容。在小程序环境下自动弹窗显示内容
扫码类型	选择可识别的扫码类型，目前支持条形码、二维码

使用示例

如何把扫码后获取的值填写到表单中？

1. 新建一个普通变量（codeResult），页面中添加一个按钮和一个单行输入组件，单行输入组件的输入值绑定新建的普通变量。

   

2. 选择按钮，为按钮配置事件 > 点击时进行扫码，扫码成功时给变量赋值（event.detail.result 为获取二维码对应的链接值）。

   

3. 应用发布为小程序后，即可用手机打开小程序来查看效果，单击按钮扫描任意二维码可查看结果。

2、自定义变量

介绍

用于前端页面中的 JavaScript 临时状态变量，非持久化数据，当应用页面刷新时，临时的自定义变量会被重置。

参数	参数说明
变量名	变量唯一的名称，可用于变量引用。
变量类型	支持选择文本（String）、数字（Number）、布尔值（Boolean）、数组（Array）、对象（Object）。
初始值	变量的初始值,不同数据类型存在不同的初始值写法，示例如下：String：testNumber：123456Boolean：falseArray：[1，2，3]Object：{key:"test",val:2}
作用域	变量生效的作用域，分为页面级作用域和应用全局作用域，可以按需声明。
备注	变量的使用说明，根据使用场景自定义填写。

变量的新建/定义

可在 code 代码区新建自定义变量。