摘要：
Blazor入手教程（十一）使用组件库AntDesign Blazor AntDesign Blazor是基于AntDesign的一套组件库，组件相当丰富，且在不断完善中。 。除了基础的组件外还提供了图表库，国际化等功能。 官网地址:https://ant-design-blazor.gitee.i 阅读全文
摘要：
Blazor入手教程（十）部署安装 本篇只介绍部署到iis的方法，部署到其他平台后面会补充上。 部署blazor 程序到iis和我们之前不是web程序没有什么区别，唯一需要注意的就两个地方 1，需要aspnetcore模块 2，需要Rewrite模块 1，需要aspnetcore模块 2，需要Rew 阅读全文
摘要：
Blazor入手教程（九）c#和js互相调用 1,C#调用js代码 C#调用js代码有两步 1，在razor页面顶部使用@inject注入所需要的类 2，在代码中调用 我们尝试在页面中写了一段js，然后vs告诉我们script标签不能出现在razor内部，可以把它放在入口的index.html文件中 阅读全文
摘要：
Blazor入手教程（八）布局Layout 网站应用往往有许多公共的视图部分，比如顶部导航nav,底部的footer，管理系统的左边的menu菜单等等。Layout可以轻松实现以上的效果。 Blazor的布局方式其实一直沿用了Mvc的Layout布局方式。在往上追溯的话，一直到webform时代的母 阅读全文
摘要：
Blazor入手教程（七）表单 Blazor为表单元素定义了一些内置组件 除此之外还有EditForm组件搭配起来十分好用 EditForm 提供了一系列数据验证的属性/方法，这样我们不用自己再去实现了。 属性/方法名 说明 Modal 表单实体模型，必填 OnValidSubmit/OnInval 阅读全文
摘要：
Blazor入手教程（六）组件的生命周期 Blazor中组件的生命周期和vue十分相似：大体上说都是创建，渲染，然后监听变量的改变重新渲染，最后销毁，当然细节上还是各有不同的。 Vue组件的生命周期 Blazor组件的生命周期 Blazor组件生命周期 可覆写方法 说明 无可重写方法 创建组件实例 阅读全文
摘要：
Blazor入手教程（五）组件 组件是相当重要的一部分内容。Blazor是一种单页应用模式，单页应用里面万物皆可为组件， 一个页面是一个组件，一段可重用的ui代码也可以做成一个组件。 Vue中创建组件的方式大概有单文件组件，字符串模板组件等等。 Blazor中创建组件的方式和Vue也差不多且更简单。 阅读全文
摘要：
Blazor入手教程（四）路由 路由 路由 而Blazor中使用 @page “url路径” 来表示路由地址，比如/counter，那么该页面的请求地址就是域名:端口号/counter 更深层次也很简单 Vue工程一般使用一个独立的文件route.js来统一管理配置路由。在这一点上，Blazor较为 阅读全文
摘要：
Blazor入手教程（三）列表和条件渲染 Blazor和vue的列表渲染以及条件渲染大致类似，有区别的就是Blazor没有像vue里面v-show一样的功能。当然要实现也比较容易，只需要控制节点的diplay样式即可。 组件Virtualize Virtualize(虚拟化) 组件是一种代替列表渲染 阅读全文
摘要：
Css和class绑定 Blazor中的css和class绑定还是比较便利的。方式也和vue 十分类似，感觉唯一区别就是Blazor中拼接时不用像vue那样用+加号拼接字符串 @page "/cssbinding" <style scoped> .active{ width:80px; height 阅读全文
摘要：
Blazor入手教程（一）前言 结论 最近在学习blazor。得出了这么一个结论： Blazor是一门很值得学习的技术，未来.net下将会有相当多的 web应用使用blazor开发。十分看好这一技术，原因有这么两点： 1，开发效率高。选择了Blazor就等于选择了全栈开发。以往的经验告诉我，全栈开发 阅读全文