Blazor

我的博客网站为什么又回归Blazor了

博客网站开发历经艰辛,尝试过MVC、Vue、Go等近10个版本,如今回归Blazor并采用静态SSR,速度飞涨,已成功上线。

2024-11-06 阅读更多

Winform中也可以这样做数据展示

在做winform开发的过程中,经常需要做数据展示的功能,之前一直使用的是gridcontrol控件,今天想通过一个示例,跟大家介绍一下如何在winform blazor hybrid中使用ant design blazor中的table组件做数据展示。

2024-02-29 阅读更多

Winform的界面也可以变好看?

前几天跟大家介绍了在winform中使用blazor hybrid,而且还说配上blazor的ui可以让我们的winform程序设计的更加好看,接下来我想以一个在winform blazor hybrid中绘图的例子来进行说明,希望对你有所帮助。

2024-02-29 阅读更多

码坊“文章标题URL别名生成器”上线

码坊是站长新开的一个提供网页在线工具、跨平台桌面和手机应用的开源项目。站长将终致力于为你带来更高效、更便捷的使用体验。今天,站长荣幸地推出“文章标题URL别名生成器”,帮助你轻松创建文章标题的URL别名,提升SEO效果和用户体验。快来码坊,探索更多实用工具吧!

2024-01-06 阅读更多

上线一个颜色值转换工具

HEX、RGB、RGBA、ARGB、HSL之间相互转换

2023-07-04 阅读更多

Blazor版俄罗斯方块游戏部署成功

上线了Blazor版俄罗斯方块游戏,并且把在线工具和在线游戏组件提取到Razor共享库,可以被Dotnet9网站和Dotnet工具箱网站复用。

2023-06-27 阅读更多

搞了个Blazor工具站,域名一次性买了10年!

网站使用Blazor Wasm开发,网站内容包括在线工具和在线小游戏两个种类,主要是体验Web Assembly到底好不好。

2023-06-24 阅读更多

Blazor开发小游戏?趁热打铁上!!!

Blazor上线1天了,开发上手真舒服,再上一个工具+几个小游戏吧。

2023-06-23 阅读更多

Dotnet9网站回归Blazor重构,访问速度飞快,交互也更便利了!

本来站长奔着体验.NET 8 Blazor Web App的,在Razor Pages中添加了Razor 组件,但目前该混合模式Razor组件无法交互,页面还出现了重连置灰UI,索性直接用Blazor Server重构,经过几天的奋战,网站前台已经用Blazor Server完全替换Razor Pages,烦人的重连也解决了,现在访问网站飞快,不知道是不是错觉,个人感觉很好。

2023-06-23 阅读更多

【炫丽】从0开始做一个WPF+Blazor对话小程序

从一个WPF Hello World程序开始,逐渐引入Blazor,做个免费能看的对话小程序耍耍。

2022-10-28 阅读更多

ThingsGateway(一)采集ModbusTcp协议设备

ThingsGateway是国内新生开源项目,归属工业数据采集网关,经过近四个月的洗礼,已经趋于稳定。

2023-07-16 阅读更多

开箱即用,基于 C# 和 Blazor 开发的前后端分离快速开发框架

Known是基于C#和Blazor开发的前后端分离快速开发框架,开箱即用,跨平台,一处代码,多处运行。

2023-07-07 阅读更多

如何取消Blazor Server烦人的重新连接?

使用微软提供的方案解决这个问题

2023-06-23 阅读更多

(2/7).NET Core 3 WPF MVVM框架 Prism系列之命令

如何在.NET Core3环境下使用MVVM框架Prism的命令的用法

2023-06-10 阅读更多

开源.NET 7和Blazor组合开发的跨平台边缘采集网-ThingsGateway

ThingsGateway 基于net6/7+ ,跨平台边缘采集(物联网)网关,支持南北端插件式开发,支持常用Modbus/OPCDA/OPCUA/S7采集插件,MQTT/OPCUAServer等上传插件

2023-05-11 阅读更多

如何将WebAssembly优化到1MB?

将WebAssembly优化到1MB

2023-01-30 阅读更多

Maui Blazor 使用摄像头实现

由于Maui Blazor中界面是由WebView渲染,所以再使用Android的摄像头时无法去获取,因为原生的摄像头需要绑定界面组件

2023-01-12 阅读更多

在MAUI Blazor里显示本地图片的最佳选择?-支持Windows\macOS\Android\iOS

在MAUI Blazor中无法直接读取外部文件显示 ,但是可以通过base64去显示,但是由于base64太长可能影响界面卡顿...

2023-01-10 阅读更多

WPF混合Blazor做个简易聊天小程序

晚上花了4、5个小时,学习了下Wpf + Blazor混合模式开发,感觉不错

2022-10-28 阅读更多

MAUI使用Masa blazor组件库

有一款漂亮、美观的组件库可以达到事半功倍的效果

2022-06-21 阅读更多

MAUI与Blazor共享一套UI,媲美Flutter,实现Windows、macOS、Android、iOS、Web通用UI

在MAUI Blazor和Blazor Server(或者Client)项目之间,通过Razor类库共用一套UI,统一Web、客户端、App界面

2022-06-19 阅读更多

在MAUI中使用Masa Blazor

使用 `.NET MAUI`,可以开发可在 `Android`、`iOS`、`macOS` 和 `Windows`、Linux(社区支持)从单个共享代码库运行的应用,一套代码多端运行。

2022-04-26 阅读更多

Blazor 状态管理

想象一下,您正在填写世界上最长的表格。您已经花了30分钟时间输入详细信息,从地址到您的生日,再到最近访问过的七个国家/地区的列表。您单击“提交”按钮,将立即获得“连接已丢失”消息。

2022-04-18 阅读更多

这是Blazor上传文件的最佳方式吗?

Blazor不得不说真是好东西,极大的提升了开发效率,很多的页面交互功能基本上只需要写很少的代码就能实现了,而且还是无js实现,你也绝对没有想到过,Blazor实现文件上传是有多么简单!

2022-03-16 阅读更多

使用Blazor做个简单的时间戳在线转换工具

时间戳转换,关键点在于双向绑定`@bind-Value`,就简单贴源码吧

2022-02-27 阅读更多

完美:C# Blazor中显示Markdown并添加代码高亮

自认为应该是比较完美了,下面说说怎么做的。

2022-02-27 阅读更多

介绍这个库:C# Blazor中显示Markdown文件

我的想法是,除了提供工具免费使用外,也能让大家了解这个工具是如果开发的,这样应该更方便

2022-02-26 阅读更多

免费开源Blazor在线Ico转换工具

免费开源Blazor在线Ico转换工具,不保存源文件及转换后文件,下载完成即删除,请放心使用。

2022-02-22 阅读更多

初识MASA Blazor

一个Mateial风格的开源Blazor组件库

2022-01-12 阅读更多

Blazor系列终结!

Blazor系列转载`终结啦`,其实站长在25号时就已`完成转载`,并同步在`Dotnet9`网站(`https://dotnet9.com`)发布,并创建了一个专辑`《大家一起学Blazor》`,大家可随时在网站浏览。

2021-12-30 阅读更多

(30/30)大家一起学Blazor:.NET 6 <ErrorBoundary>

昨天说到单元测试,但有些时候可能由于时间关系没办法完整测试

2021-12-25 阅读更多

(29/30)大家一起学Blazor:Blazor单元测试

开发一个系统最无聊的过程大概就是解决BUG了,尤其是那种尝试对null 对象取值的错误(`Object reference not set to an instance of an object.`),这应该是大部分人刚踏入编程领域最常碰到的问题,为了从枯燥的解决BUG过程解脱,这篇就来介绍`单元测试`。

2021-12-25 阅读更多

(28/30)大家一起学Blazor:Policy-based authorization

之前有说到`ASP.NET Core Identity` 使用的是基于`Claim` 的验证,其实`ASP.NET Core Identity` 有不同类型的授权方式,最简单的`登录授权`、`角色授权`、`Claim 授权`,但上述几种都是以一种方式实现:原则授权(`Policy-based authorization`)。

2021-12-25 阅读更多

(27/30)大家一起学Blazor:添加用户和Claim功能

前面说过`ASP.NET Core Identity` 是基于`Claim` 的验证,而`Role` 就是类型为`Role` 的`Claim`

2021-12-25 阅读更多

(26/30)大家一起学Blazor:给用户分配角色

昨天角色的`CRUD` 功能都完成了,接着就是要把角色分配给用户了

2021-12-24 阅读更多

(25/30)大家一起学Blazor:添加角色功能

首先添加承载角色数据的`ViewModel`,因为接下来的权限会以角色判断

2021-12-23 阅读更多

(24/30)大家一起学Blazor:<AuthorizeRouteView>运用

前天有在`Blog.razor`加入通过验证及未通过的显示内容,但如果系统要呈现的未通过验证内容都一样,在每个Component 都这样写就太浪费时间了,可以利用`App.razor`帮我们做统一呈现的事。

2021-12-23 阅读更多

(23/30)大家一起学Blazor:ASP.NET Core Identity(3)

前面有说到`UserAuthentication()`跟`UserAuthorization()`,这两个的差别在于:前者用于验证登录者是谁,后者则决定登录者可以做什么。

2021-12-23 阅读更多

(22/30)大家一起学Blazor:ASP.NET Core Identity(2)

昨天做的验证只针对`Identity` 系统,没有包含到我们的日志

2021-12-22 阅读更多

(21/30)大家一起学Blazor:ASP.NET Core Identity(1)

今天来实现身分验证的部分

2021-12-22 阅读更多

(20/30)大家一起学Blazor:日志记录

在开发系统时,记录是一件很重要的事,前面都没有提到,笔者在最近才想到这点,所以就来实现吧!

2021-12-21 阅读更多

(19/30)大家一起学Blazor:图片上传

在大部分的网站中,上传图片也是很重要的功能,今天我们就来操作下。

2021-12-21 阅读更多

(18/30)大家一起学Blazor:修改Add()方法

假设今天有个状况是这样:有一条日志,新增第二条但还没提交前,想将第一条删除,这时会发生什么事呢?

2021-12-20 阅读更多

(17/30)大家一起学Blazor:建立Blog和Post关联

接下来就是讲跟数据库关联的内容了,会着重说明ASP.NET Core 跟EF Core,如果有需要改页面才会说到Blazor,这边会花比较多篇幅着墨。

2021-12-19 阅读更多

(16/30)大家一起学Blazor:建立数据库

我们现在有了基本的日志,但是每次输入完重新加载页面数据都会重置,因为这些数据都只存在于浏览器,没有真正储存到数据库,为了保存下来,我们要跟数据库连接。

2021-12-18 阅读更多

(15/30)大家一起学Blazor:CSS isolation(隔离)

有时候会想对不同Component 做个别样式设置,但如果把class 都写在`wwwroot/css/site.css`,或是针对某个元素改动样式,可能导致改一个就影响全部Component,这种全域冲突是必须避免的,但应该怎么做?

2021-12-18 阅读更多

(14/30)大家一起学Blazor:JavaScript interop(互操作)

虽然Blazor 不需要用到JavaScript,但某些已有的js库 还是很方便,不能因为不想用JavaScript 就全部舍弃,Blazor 就提供了调用JavaScript 的方法,这种情况称为JavaScript interoperability(简称JavaScript interop)。这篇就来实现Delete 按钮的提醒窗口,因为删除是很重要的功能,不能让使用者轻轻一按就轻易删除。

2021-12-16 阅读更多

(13/30)大家一起学Blazor:EventCallback, event from child to parent

目前的4篇日志是来自我们写好的假数据,但正常来说不会这样做,而是有个按钮让用户点击了之后,增加或减少日志的数量。

2021-12-16 阅读更多

Blazor开源组件库 - Masa Blazor

Blazor允许您`使用C#`而不是JavaScript`构建交互式`Web UI`。 Blazor应用由可重用的Web UI组件组成,这些组件使用C#、HTML和CSS实现。客户端和服务器代码都是用c#编写的,允许您共享代码和库。

2021-12-16 阅读更多

(12/30)大家一起学Blazor:Cascading values and parameters

昨天不小心把Reset按钮的type改成button,今天改回reset。

2021-12-15 阅读更多

(11/30)大家一起学Blazor:Arbitrary属性

目前`MyButton`有3个`[Parameter]`,如果再增加的话,又要再定义新的`[Parameter]`,为了避免不断更新这个Component,我们来用Blazor提供的`@attribute`。

2021-12-15 阅读更多

(10/30)大家一起学Blazor:Blog and Posts

现在我们有一个可以输入日志的界面了,但日志就是每天都要写的意思,只有一篇怎么够呢?我们来加上blog。

2021-12-14 阅读更多

(9/30)大家一起学Blazor:Parameters

假如我们想增加的按钮用来清除`form`(表单)的数据,最快的方式是增加一个`type=”reset”`的按钮,这时候就用到两个按钮了,可以用到Blazor的核心概念:组件封装。

2021-12-14 阅读更多

(8/30)大家一起学Blazor:CSS样式修改和数据绑定详述

现在每次启动项目,预设路径都会是`/`,但我们目前没有Component套用这个路由,要自己切换到`Post`实在有些麻烦,另外Menu的图案也跟名称不符,我们来调整一下。

2021-12-13 阅读更多

(7/30)大家一起学Blazor:生命周期(Lifetime)

自己建立的Service都必须在Startup.cs(Blazor Server)或Program.cs(Blazor WebAssemlby)注册,但有些基本Service就不用自己做了。

2021-12-13 阅读更多

(6/30)大家一起学Blazor:抽离C#代码

昨天看到`FetchData.razor`的代码太长了,为求方便,我们把`@code`的部分抽取出来另成一个文件。

2021-12-12 阅读更多

(5/30)大家一起学Blazor:依赖注入(Dependency Injection)

问题来了,为什么Blazor会知道WeatherForecastService在这里可以调用?

2021-12-11 阅读更多

创建可维护和可测试的 Windows 窗体应用程序的 10 种方法(译)

我遇到的大多数 Windows 窗体应用程序都不存在或单元测试覆盖率极低。而且它们通常也很难维护,项目中各种 Form 类的代码背后有数百甚至数千行代码,但它不必是这样。

2021-12-10 阅读更多

(4/30)大家一起学Blazor:Component及路由介绍

由于笔者当初是用ASP.NET Core API + Blazor Server,所以会以Blazor Server示范,日后研究完Blazor WebAssembly会再将心得补上。

2021-12-10 阅读更多

(3/30)大家一起学Blazor:Blazor Server和Blazor WebAssembly的差异

下载Visual Studio后首先建立一个Blazor解决方案,里面建立Blazor Server项目,方案位置可以自己选择(注:新版Visual Studio将Blazor Server跟Blazor WebAssembly的新建项目模板拆分了,较为直观)

2021-12-10 阅读更多

(2/30)大家一起学Blazor:网页和Blazor介绍

笔者对网站的认知为前端、后端及数据库,使用者在浏览器页面按下按钮或是表单请求,触发前端事件,将收集起来的条件打包送往后端

2021-12-09 阅读更多

(1/30)大家一起学Blazor:初见Blazor

笔者接触软件行业的时间不长,先后接触三种架构

2021-12-09 阅读更多

Blazor Server 和 WebAssembly 应用程序入门指南

如果您一直紧跟 .NET 世界的最新发展趋势,那么现在您一定听说过 Blazor。

2021-12-09 阅读更多

Blazor创建TabControl组件

创建一个Blazor TabControl组件,有两个目标知识点

2021-12-06 阅读更多

Blazor开源组件库 - Ant Design Blazor

继上篇介绍Bootstrap风格的BlazorUI组件库后,今天我来介绍另一款Blazor UI组件库:一套基于 Ant Design 和 Blazor 的企业级组件库。

2020-06-21 阅读更多