3分钟掌握一个有数小技能:制作导航页面

作者: 网易数帆 | 来源:发表于2018-11-07 11:10 被阅读3次

此文已由作者王文开授权网易云社区发布。

欢迎访问网易云社区,了解更多网易技术产品运营经验。

随着报告数量的增多,用户进入有数后,需要在很多文件夹中找到自己想看的那张报告,这很费时间,那是否可以通过有数中做一个导航页面,将相关的报告的地址都在一个页面中显示,然后通过点击进行报告间的跳转。类似于下图

Alt pic

这个该怎么做?其实很简单,只需要用到有数中的超链接功能,举个例子 假设以下的文件夹中,展示了网易有数每个版本的更新内容,现在希望制作一个导航页,实现从导航页进行页面的跳转和返回

Alt pic

Step1 :新建一个报告,创建一个文本,如下:

Alt pic

Step2:对该文本设置超链接,将跳转目标的报告也地址传入。

比如,此时目标的报告地址是:https://youdata.netease.com/dash/folder/64?rid=17443可以将这个地址写入,同时注意,我们在写入的时候可以有两种格式,区别在于folder和integration,至于有什么区别,大家自己试一试就知道了

第一种:https://youdata.netease.com/dash/folder/64?rid=17443

第二种:https://youdata.netease.com/dash/integration/64?rid=17443

Alt pic

此时就完成了报告的跳转

Step3:按照同样额方式,在目标报告中设置一个“返回”按钮,跳转回导航页。

如下图 Alt pic

再美化一下排版,就完成了一个导航页的制作。

网易有数:企业级大数据可视化分析平台,具有全面的安全保障、强大的大数据计算性能、先进的智能分析、便捷的协作分享等特性。点击可免费试用

相关文章:
【推荐】 最小化局部边际的合并聚类算法(上篇)

相关文章

  • 3分钟掌握一个有数小技能:制作导航页面

    此文已由作者王文开授权网易云社区发布。 欢迎访问网易云社区,了解更多网易技术产品运营经验。 随着报告数量的增多,用...

  • Bootstrap学习小记

    Bootstrap引入 制作一个页面的流程 引入框架 实现页面布局代码 构建导航的整体架构 设计标题和导航链接 设...

  • 05微信小程序-视图与逻辑3

    页面导航 页面导航就是页面之间的跳转,小程序中页面之间的导航有两种方式:① 声明式导航:通过点击 navigato...

  • Web页面制作基础

    Web页面制作基础 说明:仅作为学习辅助 那么Web页面制作基础,能让你掌握什么呢? 第一节掌握Web基础知识。 ...

  • Web页面制作基础

    Web页面制作基础 说明:仅作为学习辅助 那么Web页面制作基础,能让你掌握什么呢? 第一节掌握Web基础知识。 ...

  • 顶部导航跟随页面滚动

    当页面往下滚动时,导航跟随页面一起,点击右侧图标可直接返回顶部 如下图: 线上效果图,查看:顶部导航跟随滚动 制作...

  • 小型电商页面实践-Vant UI框架实践-(6)Tab 标签制作

    Tab制作导航页面,分类信息导航 最终效果为: 1:首先需要引入相关的组件 2:设置相关导航标题 3:使用组件 P...

  • 子组件

    制作导航栏组件,使用了bootstrap样式使用响应式布局,在页面宽度缩小时导航栏会变成折叠式导航栏,点击有侧按钮...

  • Bootstrap - 导航2

    导航加下拉菜单(二级导航) 前面介绍的都是使用Bootstrap框架制作一级导航,但很多时候,在Web页面中是离不...

  • 小程序页面导航

    一:页面导航页面之间的跳转.1.1两种导航方式 1.2声明式导航1.2.1跳转到tabBar页面 1.2.2跳转到...

网友评论

    本文标题:3分钟掌握一个有数小技能:制作导航页面

    本文链接:https://www.haomeiwen.com/subject/wbimxqtx.html