axure商城

Axure教程:利用API制作一个股票查询小工具

Axure教程:利用API制作一个股票查询小工具

本教程属于Axure的高级教程,如果你不懂什么叫API接口的可以先百度一下。 1

先预览一下:

Axure教程:利用API制作一个股票查询小工具

工具:Axure8、Axure9 .这边我用Axure8做讲解

使用到的元件:矩形,文本框、内联框架

步骤一:制作一个文本输入框。从基础元件中拖入一个矩形到设计区域。在拖入一个文本输入框。放在矩形框上面。在拖入一个矩形做查询按钮。如下图。一个文本输入框由三部分组成:

Axure教程:利用API制作一个股票查询小工具

 

拆解如图:

Axure教程:利用API制作一个股票查询小工具

步骤二:拖入一个内联框架,主要功能是为了接收呈现api接口返回的数据。把内联框架设置成从不显示滚动条,隐藏边框。如下图:

Axure教程:利用API制作一个股票查询小工具

步骤三:开始,写页面逻辑。这边会使用到新浪免费提供的ip查询接口。此接口api是使用Get格式传参数进行查询的。所以我们只需把文本框中输入内容传给接口即可。接口地址:https://bi.2u3u.com/tools/index.php?code=sh605006 其中code=变量

点击“查询”按钮,添加点击事件,如下图:

Axure教程:利用API制作一个股票查询小工具

进入fx函数编辑窗口:

Axure教程:利用API制作一个股票查询小工具

保存预览。通过这个例子,你可以制作出很多保真的小工具。演示地址:https://pmdaniu.com/storage/122011/b69ad23e84d8fe324160a844d113dc23-12007/start.html

给TA打赏
共{{data.count}}人
人已打赏
Axure教程

Axure RP 9 教程—模拟微信系列1.消息对话效果

2019-9-19 13:28:17

Axure教程

我的Axure为什么没有导出Html功能-解决办法

2022-10-31 12:08:50

axure商城
3 条回复 A文章作者 M管理员
  1. 个人

    黄老师,咨询一下,可以用全局变量来保存从第三方get请求过来的json数据吗?然后再用中继器解析这个json数据

    • 符号

      理论上是可以的,但是中继器是临时存储数据的,页面刷新后,就会把原来存储的数据给清了。

  2. 189****3795
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索