学习ASP.NET Core Blazor编程系列二——第一个Blazor应用程序(上)
2023-09-11 14:14:12 时间
一、概述
Blazor 是一个生成交互式客户端 Web UI 的框架:
- 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI。
- 共享使用 .NET 编写的服务器端和客户端应用逻辑。
- 将 UI 呈现为 HTML 和 CSS,以支持众多浏览器,其中包括移动浏览器。
- 与新式托管平台(如 Docker)集成。
- 使用 .NET 和 Blazor 生成混合桌面和移动应用。
使用 .NET 进行客户端 Web 开发可提供以下优势:
- 使用 C# 代替 JavaScript 来编写代码。
- 利用现有的 .NET 库生态系统。
- 在服务器和客户端之间共享应用逻辑。
- 受益于 .NET 的性能、可靠性和安全性。
- 使用开发环境(例如 Visual Studio 或 Visual Studio Code)保持 Windows、Linux 或 macOS 上的工作效率。
- 以一组稳定、功能丰富且易用的通用语言、框架和工具为基础来进行生成。
二、开始学习第一个ASP.NET Blazor应用程序
在学习本教程之前,我随便说两句,如果一直是在跟随微软的技术路线的话,应该记得当初微软用来跟flash打擂台的SilverLigth,也是一个富客户端的开发框架,现在不知道在哪个犄角旮旯里呆着。Blazor未来的钱景如何,暂时未知?从目前来看Blazor还是要学习一下的。本教程首先通过一个微软提供的Blazor应用程序模板示例,来简单学习一下如何创建基于ASP.NET Core Blazor的Web应用程序。
三、正式开始之前,请先安装以下软件
1).NET Core SDK 6.0版本或更高版本
2)Visual Studio 2022版本17.3 或更高版本。
3)在安装Visual Studio 2022的时候,必须选择“ASP.NET和Web开发”。如下图红框。
图2-1
4)如果已经安装了Visual Studio 2022,但在安装的时候,没有选择“ASP.NET 和Web开发”功能。请启动Visual Studio 2022,选择“继续但无需代码”,如下图红框所示。
图2-2
5) 在Visual Studio 2022主界面中的菜单栏上选择“工具—》获取工具和功能”,弹出界面如第4)步中的图2-1。
图2-3
6) 选择了之后,在安装程序中点击“修改”按钮。如下图。
图2-4
相关文章
- ASP.NET Core使用Nginx搭建高可用分布式Web集群
- ASP.NET Core Windows服务开发技术实战演练
- ASP.NET中使用Entity Framework开发增删改查的Demo(EF增删改查+母版页的使用)
- asp.net字符串分割函数用法
- ASP.NET MVC:通过FileResult向浏览器发送文件
- ASP.NET MVC动作过滤器
- asp.net core 2.0的认证和授权
- Asp.net WebPages框架运行原理浅析{转}
- ASP.NET Core路由中间件[4]: EndpointRoutingMiddleware和EndpointMiddleware
- ASP.NET Core管道详解[5]: ASP.NET Core应用是如何启动的?[上篇]
- 阅读了这三篇文章,你也就基本理解了ASP.NET Core MVC框架的工作原理
- ASP.NET Core 3框架揭秘] 配置[8]:多样化的配置源[下篇]
- [ASP.NET Core 3框架揭秘] 依赖注入[8]:服务实例的生命周期
- [ASP.NET Core 3框架揭秘] 跨平台开发体验: Docker
- [ASP.NET Core 3框架揭秘] 跨平台开发体验: Windows [中篇]
- ASP.NET Core的路由[4]:来认识一下实现路由的RouterMiddleware中间件
- ASP.NET Core应用针对静态文件请求的处理[4]: DirectoryBrowserMiddleware中间件如何呈现目录结构
- 通过重建Hosting系统理解HTTP请求在ASP.NET Core管道中的处理流程[上]:采用管道处理请求
- ASP.NET Core中的依赖注入(5): ServiceProvider实现揭秘 【解读ServiceCallSite 】
- ASP.NET Core中的依赖注入(3): 服务的注册与提供
- TatukGIS Kernel ASP.NET | GIS-Crack
- ASP.NET Web Forms - 教程
- ASP.NET Core快速入门(第5章:认证与授权)
- .NET使用gRPC
- asp.net core 搭建WebAPI微服务-----cosnul服务
- ASP.NET Core Docker部署
- ASP.NET Core微服务(五)——【vue脚手架解析接口】
- asp.net core 学习目录