开发者社区> AIot_小洋> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

物联网平台 --- iot studio跳转页面传递数据

简介: 跳转页面时将参数附带到另一个页面。
+关注继续查看

Step By Step

  1. Web可视化添加页面设置组件
  2. 设计业务逻辑
  3. 组件添加交互
  4. 效果展示

 



一.Web可视化添加页面设置组件

本文以按钮 和 文字组件展示,将按钮的文本信息传递给另一个页面的文字组件。

分别创建两个页面,页面A 和 B;A页面放置一个按钮组件,B页面放置一个文本组件。

image.png

二.设计业务逻辑

通过HTTP请求获取到需要传递的参数,放入脚本中,通过脚本将参数值赋值给变量。

  1. HTTP参数设置入参配置
  2. 添加变量,根据自己的需求设置类型
  3. 通过脚本决定参数的返回

image.png

image.png

image.png

module.exports = async function(payload, node, query, context, global) {
  
  console.log("payload: ", payload);
  
  //判断入参是否为空,空则返回变量,不为空重新为变量赋值
  //变量:global.变量名称   入参:payload.入参名称
  if(payload.inputData == ""){
      return global.data;
  }
  
  global.data = payload.inputData;
  
  return global.data;
}

三.组件添加交互

1.将按钮内容赋值给页面变量,作为后续的参数输出。

2.调用业务逻辑,将按钮内容保存到变量中

3.设置需要跳转的页面

4.文字组件同样也设置业务逻辑API,选择静态参数,值为""

image.pngimage.png

四.效果展示

image.pngimage.png

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
物联网iot sutdio报警弹窗
当数据达到某个阀值时需要进行报警,来告知用户。除了电话、短信等通知,可以通过iot studio更直观的看到数据发生变化,当报警发生时弹窗告知。 此方法只适用于设备数量较少的。
23 0
物联网平台 --- iot studio 如何控制 “闪烁告警”组件
通过配置数据接口,控制组件的扩散速度。
186 0
阿里云物联网平台 - iot studio调用 “新版本数据分析” 接口展示设备数据
物联网数据分析LA(Link Analytics)是阿里云为物联网开发者提供的数据智能分析产品,针对物联网数据特点,提供海量数据的存储备份、资产管理、报表分析和数据服务等能力,帮助企业用户更容易地挖掘物联网数据中的价值
165 0
阿里云物联网平台 - iot studio调用 “老版本数据分析” 接口展示设备数据
老版本数据分析:是阿里云为物联网开发者提供的设备智能分析服务,全链路覆盖了设备数据采集、管理(存储)、清洗、分析等环节,有效降低了数据分析门槛,实现了设备数据与业务数据的融合分析透视
53 0
五营连开第四期—物联网应用开发IoT Studio训练营打卡引导
物联网应用开发IoT Studio训练营火热报名中!按要求完成学习和打卡任务可免费获得领阿里巴巴主题公仔、天猫精灵方糖R,名额有限,先到先得!
340 0
阿里云物联网平台之Iot Studio中的web应用域名绑定
web可视化开发首次发布的是时候,会提示绑定域名,因为发布时给的那个域名别人是不能访问的,需要绑定真实的域名才可以分享给别人进行访问。假设web有多个页面呢又该如何绑定?假设有多个web应用又是如何绑定? 本文将介绍web应用如何进行域名绑定以及相关知识点介绍。
1714 0
物联网平台IOT Studio DataV组件使用测试
物联网平台web可视化开发使用大屏组件实现功能
1935 0
阿里云物联网平台IOT Studio组件数据源展示数据分析服务接口数据
本测试,通过物联网平台iot studio组件实现展示数据分析的服务接口
830 0
使用IoT Studio经济高效地完成物联网应用开发(含DEMO)
IoT Studio原Link Develop,是阿里云整合在应用开发领域的丰富经验倾力打造的一站式、低成本、高稳定、易定制的物联网生产力工具,旨在帮助用户经济高效的完成物联网应用开发。
13261 0
+关注
28
文章
0
问答
来源圈子
更多
文章排行榜
最热
最新
相关电子书
更多
低代码开发师(初级)实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期:MySQL数据库进阶实战
立即下载