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

报表页面集成天气,简单三步,一看就懂

简介:
+关注继续查看

条条框框的报表页面枯燥乏味?不妨给页面加点“新意”!

前阵子,在看天气预报的时候,发现免费天气预报的调用代码,瞬间想到可以给我开发的报表“润润色”。

一共三个步骤,教你手到擒来

第一步

先去天气资源提供者(自行百度)挑选适合自己页面的预报

第二步

copy框中iframe标签。

JS代码:

1
document.writeln("<iframe name=\"weather_inc\" src=\"http:\/\/i.tianqi.com\/index.php?c=code&id=1\" width=\"330\" height=\"35\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>");

此代码为可以根据ip自动判断地理位置展示,也可以根据实际需要,适当调整宽度,高度。

在代码中加入 allowtransparency="true"还可以获得背景透明效果。


第三步

报表设计器FineReport中调用


大功告成,下面来张效果图!



本文转自 雄霸天下啦 51CTO博客,原文链接:http://blog.51cto.com/10549520/1812208,如需转载请自行联系原作者

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

相关文章
把数据搞到页面上展示
根据上文提到了数据响应式的实现,这次我们再一次升级,模仿vue框架,实现这些响应式数据渲染到页面中。
0 0
页面埋点H5 大数据uniapp 按需要更改代码就行
页面埋点H5 大数据uniapp 按需要更改代码就行
0 0
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)(一)
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)
0 0
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)(四)
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)
0 0
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)(三)
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)
0 0
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)(二)
传智健康项目中相关知识点介绍(如图片存储,发送短信,定时调度,统计报表...)
0 0
C#软件开发实例.私人订制自己的屏幕截图工具(四)基本截图功能实现
实现原理 基本截图的功能主要靠响应主窗体的鼠标按下、鼠标移动、鼠标抬起几个事件的功能来实现的。截取的图片区域使用“Label”组件来显示,需要重新实现“Label”组件的“Paint”方法。 左键单击开始截图,右键单击取消截图,双击鼠标左键完成截图,将截取的图片保存到Windows剪贴板中。
370 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
数据展现:可视化报表及嵌入应用
立即下载
QQ移送页面框架优化实践
立即下载
QQ移动页面框架优化实践
立即下载