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可以帮你：

• 一键生成Blazor项目，使用jwt，自带常用的用户，角色，权限，菜单，日志等管理功能，同时支持Server和Wasm模式

• 代码生成器当然是标配，一键生成增删改查，导入导出，文件上传下载等代码，前后台的代码都有哦

• 很多Blazor现阶段的小问题都已经在框架层面替你避开了，使用起来更顺畅。

还等啥，来吧：

特别鸣谢BootstrapBlazor组件库作者，微软Mvp，NCC成员，我的好友张广坡，为WTM Blazor版本投入了大量精力。

Wtm官网：https://wtmdoc.walkingtec.cn

BB官网：https://www.blazor.zone

——— WTM 是工具 更是生产力———