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

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

来自：云服务技术课堂 2022-03-02 90

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

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

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

数据可视化 物联网 API
studio物联网平台数据分析 物联网iot studio 物联网iot studio开发 物联网studio studio物联网平台
开发者社区 > 云服务技术课堂
作者高分内容
更多
云监控 --- 报警回调 120 云监控 --- 自定义监控 126 云监控 --- 通过Grafana查看监控数据 223 物联网平台 --- iot studio 如何控制 “闪烁告警”组件 186 阿里云物联网平台 - iot studio调用 “新版本数据分析” 接口展示设备数据 164
相关文章
AIot_小洋
物联网iot sutdio报警弹窗
当数据达到某个阀值时需要进行报警，来告知用户。除了电话、短信等通知，可以通过iot studio更直观的看到数据发生变化，当报警发生时弹窗告知。 此方法只适用于设备数量较少的。
23 0
AIot_小洋
物联网平台 --- iot studio 如何控制 “闪烁告警”组件
通过配置数据接口，控制组件的扩散速度。
186 0
AIot_小洋
阿里云物联网平台 - iot studio调用 “新版本数据分析” 接口展示设备数据
物联网数据分析LA（Link Analytics）是阿里云为物联网开发者提供的数据智能分析产品，针对物联网数据特点，提供海量数据的存储备份、资产管理、报表分析和数据服务等能力，帮助企业用户更容易地挖掘物联网数据中的价值
165 0
AIot_小洋
阿里云物联网平台 - iot studio调用 “老版本数据分析” 接口展示设备数据
老版本数据分析：是阿里云为物联网开发者提供的设备智能分析服务，全链路覆盖了设备数据采集、管理（存储）、清洗、分析等环节，有效降低了数据分析门槛，实现了设备数据与业务数据的融合分析透视
53 0
开发者小助手
五营连开第四期—物联网应用开发IoT Studio训练营打卡引导
物联网应用开发IoT Studio训练营火热报名中！按要求完成学习和打卡任务可免费获得领阿里巴巴主题公仔、天猫精灵方糖R，名额有限，先到先得！
340 0
IoT-波bollg
阿里云物联网平台之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
玄学酱
认知计算、区块链IoT、物联网安全…看懂的人将控制未来
1252 0
+关注
AIot_小洋
28
文章
0
问答
作者高分内容
更多
云监控 --- 报警回调 120 云监控 --- 自定义监控 126 云监控 --- 通过Grafana查看监控数据 223 物联网平台 --- iot studio 如何控制 “闪烁告警”组件 186 阿里云物联网平台 - iot studio调用 “新版本数据分析” 接口展示设备数据 164
来源圈子
更多
云服务技术课堂
461
+ 订阅
文章排行榜
最热
最新
1 阿里云 Lindorm联合EMQ ，构建新一代 IoT 全链数据解决方案 130053
2 云上自动化运维CloudOps系列沙龙 第二弹——自动化，才高效 123081
3 当我们谈论不可变基础设施时，我们在谈论什么 122173
4 “穿越”到虚拟世界笑风生，网易瑶台沉浸式活动平台创新云端活动体验 57547
5 云上解锁Web3.0 阿里云XR平台助力彼真科技呈现沉浸式演唱会 45976
6 使用函数计算的常态化疫情信息推送 25573
7 技术人如何打响个人品牌？五大顶级KOL独家传授 23965
8 SaaS厂商数据库设计（2）-租户路由 22425
9 云端舞蹈——阿里云Serverless函数计算测评 22361
10 IT人才能嗑到的这对CP，甜！ 42646
11 Lindorm CDC技术解析 16179
12 阿里云商标注册申请官方入口（附商标自助申请流程） 14606
13 Quick BI数据大屏可视化大赛 20581
14 《微服务治理技术白皮书》电子版和音频版地址 13439
15 深度学习与CV教程(15) | 视觉模型可视化与可解释性 14444
16 XGRIDS三维重建服务，构建云上数字孪生世界 11721
17 深度学习与CV教程(16) | 生成模型(PixelRNN,PixelCNN,VAE,GAN) 14273
18 深度学习与CV教程(17) | 深度强化学习 (马尔可夫决策过程,Q-Learning,DQN) 14614
19 深度学习与CV教程(18) | 深度强化学习 (梯度策略,Actor-Critic,DDPG,A3C) 14746
20 “智物智造”杯2022物联网创新应用大赛，你的idea 改变世界！ 49841
1 分布式事务 348
2 实战之AngularJS 的Scope和Service的深入应用心得 51
3 动手实操，让你的 Kubernetes 集群弹起来！ 108
4 ModelScope--人像卡通化、人像美肤 317
5 Serverless函数计算评测征集令获奖名单 249
6 如丝般顺滑的体验：快速使用ModelScope句子相似度模型 152
7 世界那么大，我想去看看——探索ModelScope之零样本分类 336
8 [使用ModelScope]只要5分钟，快速实现中文情感分类模型 156
9 【玩转Modelscope】我XXX没有开挂！ 413
10 阿里云数据库PolarDB开源人才培养计划发布！万元好礼等你来拿！ 67
11 2022年了，你还不会手撕轮播图？ 299
12 全链路灰度新功能：MSE上线配置标签推送 243
13 教你如何玩转Modelscope （一、图片编辑与描述生成） 212
14 高效能低代码平台必备的 7 个功能 145
15 拥抱新技术？你需要考虑的方面 575
16 【限时领奖】消息队列MNS训练营重磅来袭，边学习充电，边领充电宝～ 153
17 机器学习开发者不可错过的ModelScope开源模型社区 52
18 用了那么久的Lombok，你知道它的原理么？ 944
19 人脸考勤是选择人脸比对1:1还是人脸搜索1:N？ 250
20 浅谈ModelScope 165
推荐文章
参与评测免费使用模型库赢取AirPods等好礼 参与Grafana评测 得多重好礼 重磅来袭！2022年上半年阿里云开发者电子书榜单新鲜出炉 乘风者计划邀您入驻社区，精彩权益即刻享
相关电子书
更多
低代码开发师（初级）实战教程
立即下载
阿里巴巴DevOps 最佳实践手册
立即下载
冬季实战营第三期：MySQL数据库进阶实战
立即下载