0

0

Golang 如何做一个实时天气展示网页_Golang 模板渲染与数据绑定实战

P粉602998670

P粉602998670

发布时间:2025-11-23 17:04:02

|

464人浏览过

|

来源于php中文网

原创

答案:使用Golang通过OpenWeatherMap API获取天气数据,结合html/template渲染页面,实现动态展示。1. 调用API获取JSON格式天气信息;2. 定义Weather结构体解析数据;3. 创建HTML模板绑定数据字段;4. 编写HTTP处理器加载模板并返回响应;5. 启动服务器监听请求,支持城市参数;6. 可选添加meta或JS实现定时刷新。完整流程涵盖环境变量管理、错误处理与安全渲染,适合轻量级Web服务开发。

golang 如何做一个实时天气展示网页_golang 模板渲染与数据绑定实战

用 Golang 制作一个实时天气展示网页,核心在于后端获取天气数据、模板渲染和动态数据绑定。虽然 Golang 本身是后端语言,不能像前端框架那样“实时”更新页面,但结合模板引擎和 HTTP 服务,可以实现数据驱动的页面展示。下面通过实战步骤带你一步步完成。

1. 获取实时天气数据

要展示天气,先得有数据。你可以使用公开的天气 API,比如 OpenWeatherMap心知天气 等。

以 OpenWeatherMap 为例:

  • 注册账号并获取 API Key
  • 调用接口:https://api.openweathermap.org/data/2.5/weather?q=Beijing&appid=YOUR_API_KEY&units=metric
  • 返回 JSON 格式的数据,包含温度、天气描述、湿度等

示例代码获取天气数据:

立即学习go语言免费学习笔记(深入)”;

package main

import ( "encoding/json" "fmt" "io" "log" "net/http" "os" "text/template" )

type Weather struct { Name string json:"name" Main struct { Temp float64 json:"temp" Humidity int json:"humidity" } json:"main" Weather []struct { Description string json:"description" } json:"weather" }

func getWeather(city string) (*Weather, error) { apiKey := os.Getenv("WEATHER_API_KEY") // 推荐用环境变量保存密钥 url := fmt.Sprintf("https://www.php.cn/link/34571ad4ab328f2e87f24657505a6a3e", city, apiKey)

resp, err := http.Get(url)
if err != nil {
    return nil, err
}
defer resp.Body.Close()

body, err := io.ReadAll(resp.Body)
if err != nil {
    return nil, err
}

var weather Weather
err = json.Unmarshal(body, &weather)
if err != nil {
    return nil, err
}

return &weather, nil

}

2. 使用 Go 模板渲染 HTML 页面

Go 内置 html/template 包,支持安全地将数据注入 HTML。

创建一个简单的 HTML 模板文件 index.html




  实时天气
  
  


  

天气信息

城市: {{.Name}}

温度: {{.Main.Temp}}°C

天气: {{.Weather.0.Description}}

湿度: {{.Main.Humidity}}%

MiniMax Agent
MiniMax Agent

MiniMax平台推出的Agent智能体助手

下载

在 Go 中加载并渲染这个模板:

var tmpl = template.Must(template.ParseFiles("index.html"))

func weatherHandler(w http.ResponseWriter, r *http.Request) { city := r.URL.Query().Get("city") if city == "" { city = "Beijing" // 默认城市 }

weather, err := getWeather(city)
if err != nil {
    http.Error(w, "无法获取天气数据", http.StatusInternalServerError)
    return
}

tmpl.Execute(w, weather)

}

3. 启动 Web 服务并访问页面

main 函数中启动 HTTP 服务器:

func main() {
    http.HandleFunc("/", weatherHandler)
    fmt.Println("服务启动在 :8080")
    log.Fatal(http.ListenAndServe(":8080", nil))
}

运行前设置 API 密钥:

export WEATHER_API_KEY=your_actual_api_key
go run main.go

浏览器访问:https://www.php.cn/link/0ca28c19a7db0b4d5e3f17829bbe29b8,即可看到对应城市的天气信息。

4. 实现“准实时”刷新(可选)

如果希望页面自动更新,可以在 HTML 中加入 JavaScript 定时刷新或使用

例如在 中添加:

 

或者用 JS 更灵活控制:


这样就实现了“准实时”天气展示。

基本上就这些。Golang 负责获取数据和渲染模板,HTML 展示内容,简单高效。适合做轻量级天气服务或学习 Web 开发基础。不复杂但容易忽略细节,比如错误处理、API 限流、模板安全等,实际项目中要注意补全。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
golang如何定义变量
golang如何定义变量

golang定义变量的方法:1、声明变量并赋予初始值“var age int =值”;2、声明变量但不赋初始值“var age int”;3、使用短变量声明“age :=值”等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

181

2024.02.23

golang有哪些数据转换方法
golang有哪些数据转换方法

golang数据转换方法:1、类型转换操作符;2、类型断言;3、字符串和数字之间的转换;4、JSON序列化和反序列化;5、使用标准库进行数据转换;6、使用第三方库进行数据转换;7、自定义数据转换函数。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

229

2024.02.23

golang常用库有哪些
golang常用库有哪些

golang常用库有:1、标准库;2、字符串处理库;3、网络库;4、加密库;5、压缩库;6、xml和json解析库;7、日期和时间库;8、数据库操作库;9、文件操作库;10、图像处理库。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

342

2024.02.23

golang和python的区别是什么
golang和python的区别是什么

golang和python的区别是:1、golang是一种编译型语言,而python是一种解释型语言;2、golang天生支持并发编程,而python对并发与并行的支持相对较弱等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

209

2024.03.05

golang是免费的吗
golang是免费的吗

golang是免费的。golang是google开发的一种静态强类型、编译型、并发型,并具有垃圾回收功能的开源编程语言,采用bsd开源协议。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

394

2024.05.21

golang结构体相关大全
golang结构体相关大全

本专题整合了golang结构体相关大全,想了解更多内容,请阅读专题下面的文章。

220

2025.06.09

golang相关判断方法
golang相关判断方法

本专题整合了golang相关判断方法,想了解更详细的相关内容,请阅读下面的文章。

192

2025.06.10

golang数组使用方法
golang数组使用方法

本专题整合了golang数组用法,想了解更多的相关内容,请阅读专题下面的文章。

376

2025.06.17

Python 自然语言处理(NLP)基础与实战
Python 自然语言处理(NLP)基础与实战

本专题系统讲解 Python 在自然语言处理(NLP)领域的基础方法与实战应用,涵盖文本预处理(分词、去停用词)、词性标注、命名实体识别、关键词提取、情感分析,以及常用 NLP 库(NLTK、spaCy)的核心用法。通过真实文本案例,帮助学习者掌握 使用 Python 进行文本分析与语言数据处理的完整流程,适用于内容分析、舆情监测与智能文本应用场景。

10

2026.01.27

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 4.2万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 2.5万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号