人世繁华|ASP.NET Core Blazor未来的Web开发框架
如果你是一名.NET程序员 , 并且之前使用过Vue、Angular或者React , 而没有了解过Blazor或者没有了解过WebAssembly , 现在看到下面这段代码 , 我估计你一定会被. NET的创新给震撼到 , 其实当我第一次看到这段代码的时候 , 我确实很惊讶 , 原来前端还可以这样玩 。 Blazor框架能够让你使用C#代替JavaScript来编写代码 , 是不是很酷 。 我只能说跟着.NET走 , 没错!
@Name@ChildContentHello@code {[Parameter]public string Name { get; set; }[Parameter]public RenderFragment ChildContent { get; set; }private void OnHello(){Console.WriteLine("Write to the console in C#! 'Hello' button was selected.");}}
Blazor是什么?Blazor 是一个客户端Web框架 , 是一个使用 .NET生成交互式客户端 Web UI的框架:
- 使用 C#代替 JavaScript 来编写代码 , 建丰富的交互式UI 。
- 共享使用 .NET 编写的服务器端和客户端应用逻辑 。
- 将UI呈现为 HTML 和 CSS , 以支持众多浏览器 , 其中包括移动浏览器
- 受益于 .NET 的性能、可靠性和安全性 。
- 支持 Windows、Linux 和 macOS 上的 Visual Studio 。
- 客户端模式(Blazor WebAssembly)
WebAssembly 是开放的 Web 标准 , 是一种可以使用非 JavaScript 编程语言编写代码并且能在浏览器上运行的技术方案 。 现在各大主流的浏览器都支持该标准 , 无需安装任何插件(不像flash之流) 。 通过 WebAssembly , 可在 Web 浏览器内运行 .NET 代码 。
- 服务端模式(Blazor Server)
我们创建一个Blazor应用使用VisualStudio 2019进行Blazor项目创建:
Blazor应用的项目代码结构如下
运行Blazor项目 , 效果如下
结语:本文是对Blazor技术做一个简单的介绍或者说是技术普及 。 关于Blazor的客户端模式和服务端模式 , 涉及的内容较多 , 如果有不清楚的地方 , 可以查阅微软的官方文档 。
【人世繁华|ASP.NET Core Blazor未来的Web开发框架】如果你觉得小编的文章对你帮助的 , 记得点个关注或者转发 , 小编会继续努力分享更多更好的干货 。
- 人世繁华|OPPO A53海外开售 不足1200元人民币起售
- 繁华散零落散为止经病|湖人想赢系列赛,必须懂得围魏救赵,詹姆斯和戴维斯挡拆势在必行
- 朵小喵儿|小天才手表背后,是成人世界的焦虑
- 人世繁华|华为Mate40Pro将10月发布,设计不再激进,拍照冲第一
- 人世繁华|警惕!493人集体发热腹泻 没想到罪魁祸首竟是它
- 乘风破浪的姐姐@《乘风破浪的姐姐》收官,我看清了成年人世界8条扎心真相
- 繁华散零落散为止经病|戴维斯要碾压火箭内线,哈登要击溃湖人外线,没想到塔克最关键
- 德国|去德国之前,以为德国发达繁华,德国人严谨内敛;去了才知道并不
- 吃货|这几款美食,野餐带上它,感受二人世界的浪漫生活!
- 人世繁华|平心而论,若不是AMD YES,英伟达哪会扔出30系列核弹?