联系请关注微信公众号:Dotnet9
创建于2021-12-09 22:35:19| StrayaWorker| 我要编辑、留言
(1/30)大家一起学Blazor:初见Blazor

笔者接触软件行业的时间不长,先后接触三种架构,分别为 ASP.NET MVC、ASP.NET Core & Blazor、ASP.NET Core & Angular,由于 ASP.NET MVC 是笔者初入软件行业的新人时期,迷迷糊糊地就在前辈的带领下完成了项目,所以没什么感悟,只是大概了解前后端的差别,前端以 HTTP Request 发送向后端取数据,后端回传数据,前端再将结果呈现在页面上。

待到项目收尾,在主管力推转型之下改用 ASP.NET Core & Blazor 并指派笔者做出模板,笔者搜寻网路资源东拼西凑摸索出了一套堪用的架构,当时只觉得 Blazor 跟 ASP.NET MVC 差距甚大,前端不需要弱类型的 Javascript,前后端都是强类型的世界,对笔者的懒人个性起到莫大帮助,可惜接下来由于客户需求,只能改用 ASP.NET Core & Angular,没办法深入研究 Blazor。

不过有失必有得,在新项目的高压强度及同事的指导下,笔者大致理解了 Angular 的 Module, Component 分层架构、Observable 类似 Ajax 的概念,虽然仍是一知半解,但笔者也对 Angular 大致熟悉了,发现 Component 的概念跟 Blazor 的相似,可说是殊途同归。

由于笔者参加铁人赛的目的在于纪录心得,因此有些地方的描述会较为繁琐,另外笔者从事软件行业经验并不丰富,若笔者文章内容有误,也请各位不吝赐教。

笔者这次铁人赛想要用 Blazor 完成一个可以供使用者输入日志的网站,预计涵盖的项目大概会有:

  1. Blazor 简介
  2. Blazor Server, Blazor WebAssembly 2 种 Hosting 模式及项目结构
  3. Component 组件介绍、事件处理
  4. ASP.NET Core
  5. EF Core
  6. 登录、授权

Blazor 使用 C# 编写,虽然也可以用 VB、F# 编写,但笔者只熟习 C#,C# 属于.NET 框架,.NET 框架在 Visual Studio 开发较为方便,因此笔者会使用 Visual Studio 开发,版本为.NET 5。关于 ASP.NET, .NET Framework, NET Core 的差别,笔者此前看到有人详述,觉得非常有帮助,若时间允许,笔者会再分享出来。另外笔者过程会使用 git 做为版本控制工具,最终程序代码会放在 github 上。

Github link

Visual Studio download Link

注:本文代码通过 .NET 6 + Visual Studio 2022 重构,可点击原文链接与重构后代码比较学习,谢谢阅读,支持原作者

网站统计
网站创建
5年
文章分类
8个
文章总计
471篇
文章原创
101篇(21.44%)