分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web   #Blazor   ◆ 发布于: 2023-05-21 21:44:07

桌面开发、安卓ios开发对于很多用户来说都是成本很大的选项，因为一个项目需要花多几份的钱，例如你不得不要花安卓开发维护的钱，iOS开发维护的钱，还有网站开发维护的钱，然而自己的项目并不是那么吃资源，或者高大上的项目，无非都是增删查改这些最为基础的业务的组合。有没有新技术可以解决这类的问题？以前想着在web app里就画个框框，框框里的内容都走html5, 如今有了PWA，框框也不要画了，还能省省发行渠道费用，技术上是一个很值得考虑的选项。 前面我们介绍了什么是Blazor, 以及Blazor的两个Hello World应用，一个基于WebAssembly技术，一个是基于Server技术，没有看过介绍的同学可以快速的通过如下的链接回顾一下：

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #Blazor   #Web   #.Net   ◆ 发布于: 2023-05-21 21:29:18

Razor 语法混合了C#代码，HTML标记。一般情况下Razor 文件以cshtml作为扩展名，或者在Blazor的Razor 组件中以razor作为扩展名。 语法 Razor以字符@从HTML转换到C#, Razor会运行C#表达式，并输出HTML内容。同时需要注意当在Razor中以@+Razor保留关键字，它会转到Razor特定的标记，否则是转到换到普通的C#代码。 为了在Razor标记中对字符@逃逸，我们需要使用两个@, 例如: <p>@@Username</p> 在Razor输出如下结果: <p>@Username</p> 在HTML 标记的属性和标记内容中使用电子邮件地址，不会对字符@进行转义: <ahref="mailto:S

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #Blazor   #Razor   #Web   #.Net   ◆ 发布于: 2023-05-21 19:48:35

当我学习到Blazor 组件的时候，突然发现对于Razor 的语法有些生疏了，因此回过头来想重新问一下关于Razor的语法和Razor Page的编程模型，因此接下来的两篇文章主要是回顾Razor Page 的编程模型和Razor 语法参考。 Razor Page 编程模型上手非常容易，本篇文章主要信息如下： Razor Page快速入门介绍。 Razor Page 项目结构介绍。 Razor Page项目的基础知识 使用Razor Page提交表单。 Razor Page表单验证 处理head方法。 使用Layout, partials, templates 以及Tag helps 在Razor Pages中处理URL 自

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #.Net   #Web Client   #Blazor   ◆ 发布于: 2023-05-21 19:23:31

前面的文章我们简要的介绍了什么是blazor以及给大家分享了两个hello world, 并且分别基于blazor框架的两种部署模式：WebAssembly部署模式和基于Blazor Server的部署模式。从Blazor的开发历史上来看是先在.net Core 3.0时发布了Blazor Server，然后在.net 5才发布了Webassembly。 但是这里有很多问题，例如： Blazor Webassembly和Blazor Server优缺点是什么？ Blazor WebAssembly和Blazor Server分别适用于什么场景？ Blazor Server和传统的基于Razor Page或者ASP.net Core MVC的应用到底有什么不同？

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #Blazor   #.Net   #Web Client   ◆ 发布于: 2023-05-21 19:19:58

上一章我们详细的介绍了如何使用Blazor 技术创建一个基于WebAssembly部署的Hello, Blazor World 的Demo代码，您可以通过如下的链接回顾该文章：Hello, Blazor World(基于WebAssembly) 本章源代码也可以从此处下载： https://github.com/hylinux/AzureDeveloperCN/tree/main/AzureDeveloperCN.Demo.Server.HelloWorld 本章接着介绍另外一个demo, 如果创建一个基于Blazor Server部署的Helllo, Blazor World. 闲话少说，正式开始： 1. 使用命令行创建一个新的项目： dotnet new bla

分类:  Blazor入门    ◆ 标签:  #Asp.Net core基础   #Blazor   ◆ 发布于: 2023-05-21 17:46:57

简单来说就是微软推出的基于.net平台以及ASP.net core技术的, 交互式客户 Web UI 框架。 有几个重点的概念： 基于.net 平台技术 基于ASP.net Core技术 主要是用于解决UI的问题。 我们可以从这三个方面来一一粗略的看一下Blazor具体是一个什么样子的技术，首先Blazor需要解决的问题是关于客户端Web UI的，我们目前有很多种为web UI 而开发的技术框架，几乎都是基于javascript技术而开发的技术，当然也有很多古老的flash插件，以及基于java的Applet技术，那么blazor和这些技术比较起来有什么不一样的地方呢？