Blazor 怎么创建第一个应用

月夜之吻
发布: 2025-12-15 14:24:55
原创
672人浏览过
新手推荐从 Blazor Server 入手,用 .NET CLI 执行 dotnet new blazorserver -n MyFirstBlazor 创建项目并 dotnet run 启动,默认访问 https://www.php.cn/link/8b49217b4e704d2c40e5908ebd53eda5;Visual Studio 中选择“Blazor Server App”模板创建,F5 调试支持热重载,核心文件包括 Program.cs、App.razor 和 Pages/Counter.razor。

blazor 怎么创建第一个应用

用 Visual Studio 或 .NET CLI 创建 Blazor 应用非常简单,关键是选对模板和运行方式。Blazor 分为 Blazor ServerBlazor WebAssembly 两种托管模型,新手推荐从 Blazor Server 入手——它无需浏览器下载大量 .NET 运行时,启动快、调试顺、依赖少。

用 .NET CLI 快速创建 Blazor Server 应用

确保已安装 .NET SDK(建议 8.0 或 9.0)。打开终端,执行:

浏览器打开后就能看到默认首页,带导航菜单和交互式计数器——这就是你第一个可运行的 Blazor 页面。

用 Visual Studio 图形化创建(Windows/macOS)

打开 Visual Studio(2022 17.4+),选择「创建新项目」→ 搜索 “Blazor Server App” → 点击创建 → 填写项目名、位置、框架(如 .NET 8.0)→ 完成。

Android创建和使用数据库详细指南 中文WORD版
Android创建和使用数据库详细指南 中文WORD版

每个应用程序都要使用数据,Android应用程序也不例外,Android使用开源的、与操作系统无关的SQL数据库--SQLite,本文介绍的就是如何为你的Android应用程序创建和操作SQLite数据库。 数据库支持每个应用程序无论大小的生命线,除非你的应用程序只处理简单的数据,那么就需要一个数据库系统存储你的结构化数据,Android使用SQLite数据库,它是一个开源的、支持多操作系统的SQL数据库,在许多领域广泛使用,如Mozilla FireFox就是使用SQLite来存储配置数据的,iPhon

Android创建和使用数据库详细指南 中文WORD版 0
查看详情 Android创建和使用数据库详细指南 中文WORD版
  • 解决方案资源管理器里重点看 Pages/Counter.razor:这是带按钮和状态更新的组件,双击就能编辑
  • 按 F5 直接启动调试,修改代码后保存,浏览器会自动刷新(启用热重载)

关键文件和运行逻辑说明

Blazor Server 不是纯前端框架,它通过 SignalR 实时连接服务器,UI 更新在服务端渲染,再推送到浏览器。所以你不需要配 Webpack 或 npm 构建流程。

  • Program.cs 是入口,注册了服务并配置了路由中间件
  • App.razor 是根组件,定义了路由规则(<router></router>)和布局(<headoutlet></headoutlet><found></found>
  • _Imports.razor 自动导入常用命名空间,避免每个 .razor 文件重复写 @using

下一步可以试试的小改动

验证是否真正上手,动手改两处:

  • 打开 Pages/Counter.razor,把 currentCount++ 改成 currentCount += 2,保存后点“Click me”,数字每次加 2
  • Shared/NavMenu.razor 中新增一个菜单项:<navlink class="nav-link" href="hello">Hello</navlink>,再新建 Pages/Hello.razor,写上 <h3>Hello from Blazor!</h3>

基本上就这些。不复杂但容易忽略的是:Blazor Server 默认启用 HTTPS 开发证书,首次运行可能弹出信任提示,按向导操作一次即可。

以上就是Blazor 怎么创建第一个应用的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

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