HTML显示天气预报

  • 文档创建者:gxy120313
  • 编辑次数:9次
  • 最近更新:Carly 于 2020-04-23
  • 1. 概述

    1.1 问题描述

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

    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

    3. 已完成模板

    已完成模板请参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\Form\FormFAQ\HTML显示天气预报.cpt

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

    附件列表


    主题: 报表应用
    • 有帮助
    • 没帮助
    • 只是浏览
    • 评价文档,奖励 1 ~ 100 随机 F 豆!