一、MASA Blazor???
1、前端技术那么多,为什么选Blazor?
- 嗯?!~
- 未来:Blazor将能够融合服务端渲染、SPA、WebAssembly、跨平台开发的多方优势(Blazor United)。目前布局方向太多、想要得太多,所以感觉哪个方向都不得劲。
- 现实:如果就想蹲在.NET框架里,Blazor是最好、也是唯一选择。它简单(比Vue还简单),它趋于稳定(发布三四年),它还在不断创新(BlazorHybrid、BlazorUnited)
- 题外话:应该不会有多少其它前端技术栈的兄弟来看Blazor,但.NET技术栈的兄弟一定会去看看Vue、React或Flutter,咱NB哇!
2、Blazor的组件库很多,为什么选MASA(不是NASA)?
- 它根据Vue领域的 头号 组件库Vuetify,1:1还原,Material Design风格,好看好用,对响应式的支持无出其右
- 它是MASA Stack前端的内置组件库(而Stack是要对标SpringClound的猛男),如果使用MASA提供的前后端全家桶,它是首选
- 还有官方一直强调的,咱是全职开发呀、咱是全套开源免费呀。开发社区的氛围是真得好,就是 星给的太少!
3、MASA Blazor可以用在哪些地方?
- MASA Stack提供了一系列云原生基建项目,如Auth、配置中心、任务中心、告警中心等,这些项目的前端开发全部使用MASA Blazor。
- 开发Web应用,或许这不够有吸引力,但现在Blazor应用可以直接托管到MAUI(微软跨平台UI),类似electron一样,使用Blazor技术开发跨PC和APP端应用,且性能潜力上,PC端优于electron、APP端优于webview。
- 官网提供了一个Pro后台管理的模板,可以直接使用。
- Blazor是目前对WebAssemble支持最好、投资最大的前端技术,谁都在说WebAssembly是未来。
4、MASA Blazor目前还存在哪些不足?
- 还很年轻,目前还是1.0预览版(2023年4月1.0正式版),组件性能还需要继续优化,个别组件体验有顿感(和Bootstrap Blazor相比),或者可以考虑增加关闭动画的属性选项
- WebAssembly的加载优化,和Server的结合,还存在一些问题。好消息是,微软在全力解决这个问题,据说MASA团队也会开始着力解决WebAssemply的一些问题
- 配套教程还比较少,Pro后台管理模板可用性还需加强,文档还需要继续调整优化,开发过程中的智能提示还有缺漏。。。
5、MASA全家桶究竟是个啥,尤其是MASA Stack?
- MASA Blazor:Blazor的组件库,Material Design风格,基于Vuetify1:1还原。
- MASA Framework:基于ASP.NET Core的后端框架,对标SpringBoot。对比Furion,多了①天然支持微服务、②对接MASA Stack;对比ABP,①微服务比ABP简单、②前端移到了MASA Blazor、将Auth等移到了Stack。
- MASA Stack:基于Framework和Blazor,开发的云原生系统基架(全栈),对标SpringClound,比如Auth、配置中心、调度中心等,并提供了SDK给Framework,意味着我们开发业务应用时,可以直接对接这些基础设施。
6、生产可用吗?可了,不过咱还没上!
二、目录
1. MASA Blazor???
2. 组件总览
3.1 HTML和CSS基础
3.2 响应式
3.3 组件样式
4.1 母版布局
4.2 Flex布局
4.3 网格布局
5. 插槽
6. 验证
7. 国际化
8. 其它