一个开源的 Blazor 跨平台入门级实战项目

笔记哥 / 04-18 / 22点赞 / 0评论 / 214阅读
## 前言 今天大姚给大家分享一个开源(MIT license)、免费的 Blazor 跨平台入门级实战项目:YourWeather。 ## 项目介绍 YourWeather是一个开源(MIT license)、免费的 Blazor 跨平台入门级实战项目,多个项目共用一个Rcl(Razor类库),通过天气API获取当前天气和天气预报,具有多个天气源(高德地图、和风天气 、心知天气等),也可以选择指定位置的天气。 ## Blazor简介和快速入门 本篇文章主要是介绍Blazor是一个怎样的Web UI框架,其优势和特点在哪?并带你快速入门上手ASP.NET Core Blazor。 - ![](https://cdn.res.knowhub.vip/c/2504/19/247a9129?GzAAAGTcXGxYpPm%2fLu4lEVSxlu66tpNCOG%2fgrfuvX8C%2bM%2fx8wq4MeFdYeYGIubv78fN0VQw%3d) ## 项目特点 - 支持主题切换、持久化存储。 - 提供定位功能,可以获取指定位置的天气。 - 支持多个天气源,包括高德地图、OpenWeather、和风天气、心知天气、VisualCrossing。 ## 相关技术 - 前端框架:Blazor - UI组件库:Masa Blazor - 跨平台UI框架:MAUI - 桌面端UI框架:Winform、WPF - 轻量级跨平台框架:Photino ## 项目源代码 ![](https://cdn.res.knowhub.vip/c/2504/19/1870566a.png?G1cAAETn9LwUC0jGvtMdbIlTE20GLNIIKiWs13vO2jfR9wcX1vyM1mfsD79pfQZBxOBOXLgWRQq4IKgs6p6gxuLmanmNAA%3d%3d) ## 项目运行效果 接下来我们运行 `YourWeather.Wpf` 项目查看运行效果: ![](https://cdn.res.knowhub.vip/c/2504/19/a95632e5.png?G1cAAMTsdJxIPgml26hD2jvFHc2ARRpBpYT1es9Z%2byb6fhcWi89offr%2b8JvWpxNUM2olYUlsCAEFiqTFLgkw1Qy2hLiGAw%3d%3d) ![](https://cdn.res.knowhub.vip/c/2504/19/fe23cfff.png?G1cAAMTmtHFSOMCv22gH2sSqiW0GLNIIKiWs1%2fP%2f%2b1xE7%2bfCYvGefSw%2fH37Tx3KCakZrJCyJDSGgQpFMcrUAtqawUiTu6Q%3d%3d) ![](https://cdn.res.knowhub.vip/c/2504/19/7fba5089.png?G1cAAETn9LwUCrDovtMdbIlTE20GLNIIKiWs13vO2jfR94ewWH5G6zP2h9%2b0PoOgeqFWEhZnQwooULhzgSdUZbdipnmNAA%3d%3d) ![](https://cdn.res.knowhub.vip/c/2504/19/a0735e7e.png?G1cAAMTsdJxIPkGl26hD2jvFHc2ARRpBpYT1es9Z%2byb6fheWFJ%2fR%2bvT94TetTyeoFpiRsGROCAEVipyvojWA1UxNgLiGAw%3d%3d) ![](https://cdn.res.knowhub.vip/c/2504/19/b066c965.png?G1cAAMTsdJxIPgmq26hD2jvFHc2ARRpBpYT1es9Z%2byb6fhcWi89offr%2b8JvWpxNUM2olYUlsCAEXFJmtcgpARjEtkLiGAw%3d%3d) ![](https://cdn.res.knowhub.vip/c/2504/19/1b859052.png?G1cAAMTsdJyITwjpNuqQ9k5xp82ARRpBpYT1ev5%2fn4vo%2fZwT53jPPpafD7%2fpYzlBRGFGnLikjBDQIFDAcguoVqqqSot7Og%3d%3d) ![](https://cdn.res.knowhub.vip/c/2504/19/c3ed9a8e.png?G1cAAMTsdJxIPiKl26hD2jvFHc2ARRpBpYT1es9Z%2byb6fhcWjc9offr%2b8JvWpxNSMtRKwpJZEQIKEgylZA1QmOXLVOIaDg%3d%3d) ## 项目源码地址 更多项目实用功能和特性欢迎前往项目开源地址查看👀,别忘了给项目一个Star支持💖。 - 开源地址:开源地址:https://github.com/Yu-Core/YourWeather