Wtm Blazor来了！

快点关注我们吧

Blazor

Blazor从诞生到现在也有一段时间了，之前一直在观望，从dotnet5中Blazor的进步以及即将到来的dotnet6中的规划来看，Blazor的前途还是光明的，所以WtmBlazor来了！

Blazor的优势

后台代码的高复用率。不论是server模式还是wasm模式，由于都是用C#编写，Blazor对后台代码的利用率相当的高。

来看一个实例，在Vue或React中，虽然你在后台定义了模型和验证规则，还弄了多语言的字段名称，错误信息等，但是不可避免的，你在前台需要用js重新写一遍，比如一个用户管理，在vue中你会有类似这样的定义：

formItem: {"Entity.ID": {isHidden: true},"Entity.ITCode": {type: "input",label: this.$t("frameworkuser.ITCode"),rules: {required: true,message: this.$t("frameworkuser.pleaseEnterITCode"),trigger: "blur"},props: {disabled: this['status'] !== 'add'}},"Entity.Password": {type: "input",label: this.$t("frameworkuser.Password"),rules: {required: true,message: this.$t("frameworkuser.pleaseEnterPassword"),trigger: "blur"},isHidden: (res, status) =>["edit", "detail"].includes(status)},"Entity.Email": {type: "input",label: this.$t("frameworkuser.Email")},"Entity.Name": {type: "input",label: this.$t("frameworkuser.Name"),rules: {required: true,message: this.$t("frameworkuser.pleaseEnterName"),trigger: "blur"}}
}
export default {zh: {frameworkuser: {ITCode: "账号",Name: "姓名",Gender: "性别",PhotoId: "照片",IsValid: "是否生效",RoleName_view: "角色",GroupName_view: "用户组",Email: "邮箱",Operate: "操作",Password: "密码",CellPhone: "手机号",HomePhone: "座机",Address: "地址",ZipCode: "邮编",SelectedRolesCodes: "角色组",SelectedGroupCodes: "用户组",All: "所有",Selected: "已选",pleaseEnterUserRoles: "请输入角色",pleaseEnterRoleName: "请输入用户组",pleaseEnterITCode: "请输入ITCode",pleaseEnterPassword: "请输入密码",pleaseEnterName: "请输入名称"}},en: {。。。。。} 等等

其实这些你在后台都写过一遍了。使用Blazor你就不需要再写一遍上面这些，后台定义的模型和多语言都可以直接使用，即减少了工作量又降低了出错的可能性。

代码结构更清晰。告别动辄几百兆的js引用，很多js你可能自己都不知道是干啥的。。。调试代码的时候，你的笔记本终于不用嗡嗡作响了。尤其是在前台编写复杂业务逻辑或复杂数据结构的时候，C#肯定要比js优雅一些，依赖注入，泛型，反射，Lambda表达式，以及你学过的那些设计模式都可以用在前端开发上。
应用已有类库。Blazor理论上可以使用任何.net5的类库，图片编辑，音频处理甚至AI相关的都可以直接拿来在Blazor上使用，这极大的丰富了Blazor的使用场景

Blazor的劣势

Blazor目前并不适合互联网场景的应用开发，它更适合ToB模式的应用。主要原因是Server模式使用SignalR，难以支持高并发，wasm模式虽然可以但首次下载量比较大。Blazor的后续版本应该会在这方面加以改善。
Blazor目前调试还不太行，Server模式好一些，wasm模式的调试体验还是不如调试后台代码，当然你要是跟调试js比那还是可以的。
一些重度依赖js的功能，比如在页面上拖拽控件，在Blazor里实现起来还是比较费劲。

总之，Blazor是值得你投入的技术，虽然现在还有一些问题，但是看微软后续的规划，这些短板也很快会被补齐。如果想使用和学习Blazor，WTM Blazor绝对是你目前最好的选择，Wtm Blazor可以帮你：