HTML 显示天气预报

  • Last update:March 30, 2022
  • 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

    Attachment List


    Theme: 报表应用
    Already the First
    • Helpful
    • Not helpful
    • Only read

    滑鼠選中內容,快速回饋問題

    滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

    不再提示

    10s後關閉

    Get
    Help
    Online Support
    Professional technical support is provided to quickly help you solve problems.
    Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
    Page Feedback
    You can provide suggestions and feedback for the current web page.
    Pre-Sales Consultation
    Business Consultation
    Business: international@fanruan.com
    Support: support@fanruan.com
    Page Feedback
    *Problem Type
    Cannot be empty
    Problem Description
    0/1000
    Cannot be empty

    Submitted successfully

    Network busy