前台頁面顯示 WebService 返回的天氣數據

數據流向

1. 後台調用 WeatherWS.asmx 獲取 XML 格式天氣數據。
2. 解析 XML 提取所需字段（城市、溫度、風力、指數等）。
3. 將實體對象綁定到前台繼承控件（Repeater、GridView）或前端框架。

核心代碼

// 後台解析示例
XmlDocument doc = new XmlDocument();
doc.LoadXml(wsResult);
XmlNodeList nodes = doc.SelectNodes("//string"); // 根據實際結構調整
foreach (XmlNode node in nodes) {
    // 提取字段填充實體列表
}
rptWeather.DataSource = list;
rptWeather.DataBind();

前台模板

<asp:Repeater ID="rptWeather" runat="server">
    <ItemTemplate>
        <div class="weather-item">
            <h3><%# Eval("City") %></h3>
            <p>溫度：<%# Eval("Temp") %></p>
            <!-- 其他字段 -->
        </div>
    </ItemTemplate>
</asp:Repeater>

樣式建議

使用 CSS Flex/Grid 實現圖中卡片式佈局，圖標引用 WeatherWS 返回的 .gif 路徑。