历史版本16 :HTML 显示天气预报 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

本文为第三方解决方案或非产品相关操作指南，仅提供给具备自主开发能力的用户使用。

帆软技术支持专注于产品本身的功能和问题，不负责本文档的维护和使用问题解答。

若您的场景方案与文档不完全一致，请移步帆软社区提问：问答



目录:

1. 概述编辑

1.1 版本

报表服务器版本
11.0

1.2 问题描述

在一些网站界面可以看到当前地区的天气情况，那在报表中应该如何添加天气情况呢？

1.3 解决思路

1）使用天气预报插件，插件的详细使用方式请参见：天气预报插件。 

2）在单元格中添加 iframe 标签，在单元格其他属性中，修改显示内容使用 HTML 显示。

2. 示例编辑

2.1 设计报表

新建普通报表，在 A1 单元格输入普通文本：

<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>

如下图所示：

1587607818330069.png

注：更多天气预报样式请参见：天气预报免费代码网站

2.2 设置单元格属性

选中 A1 单元格，选择「单元格属性>其他」，设置显示内容为「用 HTML 显示内容」，如下图所示：

1587607753113762.png

2.3 效果预览

2.3.1 PC 端

保存模板，点击「分页预览」，即可显示天气预报。效果如下图所示：

image.png

2.3.2 移动端

App 及 HTML5 端预览效果，如下图所示：

1.png

2.4 注意事项

此方法需要支持访问外网才可生效。

3. 已完成模板编辑

点击下载模板：HTML显示天气预报.cpt