Blazor
-
MAUI使用Masa blazor组件库
有一款漂亮、美观的组件库可以达到事半功倍的效果
-
MAUI与Blazor共享一套UI，媲美Flutter，实现Windows、macOS、Android、iOS、Web通用UI
在MAUI Blazor和Blazor Server(或者Client)项目之间，通过Razor类库共用一套UI，统一Web、客户端、App界面
-
在MAUI中使用Masa Blazor
使用 `.NET MAUI`，可以开发可在 `Android`、`iOS`、`macOS` 和 `Windows`、Linux(社区支持)从单个共享代码库运行的应用，一套代码多端运行。
-
Blazor 状态管理
想象一下，您正在填写世界上最长的表格。您已经花了30分钟时间输入详细信息，从地址到您的生日，再到最近访问过的七个国家/地区的列表。您单击“提交”按钮，将立即获得“连接已丢失”消息。
-
这是Blazor上传文件的最佳方式吗？
Blazor不得不说真是好东西，极大的提升了开发效率，很多的页面交互功能基本上只需要写很少的代码就能实现了，而且还是无js实现，你也绝对没有想到过，Blazor实现文件上传是有多么简单！
-
分享我做Dotnet9博客网站时积累的一些资料
Dotnet9网站用WordPress搭建了两年，去年开始自学ASP.NET Core MVC，开始了独立开发网站之路，现在网站前台算是有模有样了，后台正在开发中
-
使用Blazor做个简单的时间戳在线转换工具
时间戳转换，关键点在于双向绑定`@bind-Value`，就简单贴源码吧
-
完美：C# Blazor中显示Markdown并添加代码高亮
自认为应该是比较完美了，下面说说怎么做的。
-
介绍这个库：C# Blazor中显示Markdown文件
我的想法是，除了提供工具免费使用外，也能让大家了解这个工具是如果开发的，这样应该更方便
-
免费开源Blazor在线Ico转换工具
免费开源Blazor在线Ico转换工具，不保存源文件及转换后文件，下载完成即删除，请放心使用。
-
初识MASA Blazor
一个Mateial风格的开源Blazor组件库
-
Blazor系列终结！
Blazor系列转载`终结啦`，其实站长在25号时就已`完成转载`，并同步在`Dotnet9`网站（`https://dotnet9.com`）发布，并创建了一个专辑`《大家一起学Blazor》`，大家可随时在网站浏览。
-
(30/30)大家一起学Blazor：.NET 6 <ErrorBoundary>
昨天说到单元测试，但有些时候可能由于时间关系没办法完整测试
-
(29/30)大家一起学Blazor：Blazor单元测试
开发一个系统最无聊的过程大概就是解决BUG了，尤其是那种尝试对null 对象取值的错误(`Object reference not set to an instance of an object.`)，这应该是大部分人刚踏入编程领域最常碰到的问题，为了从枯燥的解决BUG过程解脱，这篇就来介绍`单元测试`。
-
(28/30)大家一起学Blazor：Policy-based authorization
之前有说到`ASP.NET Core Identity` 使用的是基于`Claim` 的验证，其实`ASP.NET Core Identity` 有不同类型的授权方式，最简单的`登录授权`、`角色授权`、`Claim 授权`，但上述几种都是以一种方式实现：原则授权(`Policy-based authorization`)。
-
(27/30)大家一起学Blazor：添加用户和Claim功能
前面说过`ASP.NET Core Identity` 是基于`Claim` 的验证，而`Role` 就是类型为`Role` 的`Claim`
-
(26/30)大家一起学Blazor：给用户分配角色
昨天角色的`CRUD` 功能都完成了，接着就是要把角色分配给用户了
-
(25/30)大家一起学Blazor：添加角色功能
首先添加承载角色数据的`ViewModel`，因为接下来的权限会以角色判断
-
(24/30)大家一起学Blazor：<AuthorizeRouteView>运用
前天有在`Blog.razor`加入通过验证及未通过的显示内容，但如果系统要呈现的未通过验证内容都一样，在每个Component 都这样写就太浪费时间了，可以利用`App.razor`帮我们做统一呈现的事。
-
(23/30)大家一起学Blazor：ASP.NET Core Identity(3)
前面有说到`UserAuthentication()`跟`UserAuthorization()`，这两个的差别在于：前者用于验证登录者是谁，后者则决定登录者可以做什么。
-
(22/30)大家一起学Blazor：ASP.NET Core Identity(2)
昨天做的验证只针对`Identity` 系统，没有包含到我们的日志
-
(21/30)大家一起学Blazor：ASP.NET Core Identity(1)
今天来实现身分验证的部分
-
(20/30)大家一起学Blazor：日志记录
在开发系统时，记录是一件很重要的事，前面都没有提到，笔者在最近才想到这点，所以就来实现吧！
-
(19/30)大家一起学Blazor：图片上传
在大部分的网站中，上传图片也是很重要的功能，今天我们就来操作下。
-
(18/30)大家一起学Blazor：修改Add()方法
假设今天有个状况是这样：有一条日志，新增第二条但还没提交前，想将第一条删除，这时会发生什么事呢？
-
(17/30)大家一起学Blazor：建立Blog和Post关联
接下来就是讲跟数据库关联的内容了，会着重说明ASP.NET Core 跟EF Core，如果有需要改页面才会说到Blazor，这边会花比较多篇幅着墨。
-
(16/30)大家一起学Blazor：建立数据库
我们现在有了基本的日志，但是每次输入完重新加载页面数据都会重置，因为这些数据都只存在于浏览器，没有真正储存到数据库，为了保存下来，我们要跟数据库连接。
-
(15/30)大家一起学Blazor：CSS isolation（隔离）
有时候会想对不同Component 做个别样式设置，但如果把class 都写在`wwwroot/css/site.css`，或是针对某个元素改动样式，可能导致改一个就影响全部Component，这种全域冲突是必须避免的，但应该怎么做？
-
(14/30)大家一起学Blazor：JavaScript interop(互操作)
虽然Blazor 不需要用到JavaScript，但某些已有的js库 还是很方便，不能因为不想用JavaScript 就全部舍弃，Blazor 就提供了调用JavaScript 的方法，这种情况称为JavaScript interoperability(简称JavaScript interop)。这篇就来实现Delete 按钮的提醒窗口，因为删除是很重要的功能，不能让使用者轻轻一按就轻易删除。
-
(13/30)大家一起学Blazor：EventCallback, event from child to parent
目前的4篇日志是来自我们写好的假数据，但正常来说不会这样做，而是有个按钮让用户点击了之后，增加或减少日志的数量。
-
Blazor是春天还是寒风里的挣扎
Blazor允许您`使用C#`而不是JavaScript`构建交互式`Web UI`。 Blazor应用由可重用的Web UI组件组成，这些组件使用C#、HTML和CSS实现。客户端和服务器代码都是用c#编写的，允许您共享代码和库。
-
(12/30)大家一起学Blazor：Cascading values and parameters
昨天不小心把Reset按钮的type改成button，今天改回reset。
-
(11/30)大家一起学Blazor：Arbitrary属性
目前`MyButton`有3个`[Parameter]`，如果再增加的话，又要再定义新的`[Parameter]`，为了避免不断更新这个Component，我们来用Blazor提供的`@attribute`。
-
(10/30)大家一起学Blazor：Blog and Posts
现在我们有一个可以输入日志的界面了，但日志就是每天都要写的意思，只有一篇怎么够呢？我们来加上blog。
-
(9/30)大家一起学Blazor：Parameters
假如我们想增加的按钮用来清除`form`（表单）的数据，最快的方式是增加一个`type=”reset”`的按钮，这时候就用到两个按钮了，可以用到Blazor的核心概念：组件封装。
-
(8/30)大家一起学Blazor：CSS样式修改和数据绑定详述
现在每次启动项目，预设路径都会是`/`，但我们目前没有Component套用这个路由，要自己切换到`Post`实在有些麻烦，另外Menu的图案也跟名称不符，我们来调整一下。
-
(7/30)大家一起学Blazor：生命周期(Lifetime)
自己建立的Service都必须在Startup.cs(Blazor Server)或Program.cs(Blazor WebAssemlby)注册，但有些基本Service就不用自己做了。
-
(6/30)大家一起学Blazor：抽离C#代码
昨天看到`FetchData.razor`的代码太长了，为求方便，我们把`@code`的部分抽取出来另成一个文件。
-
(5/30)大家一起学Blazor：依赖注入(Dependency Injection)
问题来了，为什么Blazor会知道WeatherForecastService在这里可以调用？
-
(4/30)大家一起学Blazor：Component及路由介绍
由于笔者当初是用ASP.NET Core API + Blazor Server，所以会以Blazor Server示范，日后研究完Blazor WebAssembly会再将心得补上。
-
(3/30)大家一起学Blazor：Blazor Server和Blazor WebAssembly的差异
下载Visual Studio后首先建立一个Blazor解决方案，里面建立Blazor Server项目，方案位置可以自己选择(注：新版Visual Studio将Blazor Server跟Blazor WebAssembly的新建项目模板拆分了，较为直观)
-
(2/30)大家一起学Blazor：网页和Blazor介绍
笔者对网站的认知为前端、后端及数据库，使用者在浏览器页面按下按钮或是表单请求，触发前端事件，将收集起来的条件打包送往后端
-
(1/30)大家一起学Blazor：初见Blazor
笔者接触软件行业的时间不长，先后接触三种架构
-
Blazor Server 和 WebAssembly 应用程序入门指南
如果您一直紧跟 .NET 世界的最新发展趋势，那么现在您一定听说过 Blazor。
-
Blazor创建TabControl组件
创建一个Blazor TabControl组件，有两个目标知识点
-
.NET进行客户端Web开发又一利器 - Ant Design Blazor
继上篇介绍Bootstrap风格的BlazorUI组件库后，今天我来介绍另一款Blazor UI组件库：一套基于 Ant Design 和 Blazor 的企业级组件库。
微信收款码
支付宝收款码
QQ收款码