在开始主题之前重新解决上一篇的最后一个问题，当点击了头部组件的/posts链接时直接强制刷新了页面，经过查看文档和实践有了更好的解决方案。先将头部组件Header.razor中的NavLink恢复成，不需要点击事件了。然后在Posts.razor中添加生命周期函数OnParametersSetAsync()，在初始化完成后执行。////// 初始化完成后执行
//////protected ove
转载
2021-05-22 10:39:14
201阅读
2评论
标签管理实现方式和之前的分类管理是一样的，在Admin文件夹下面添加Tags.razor组件，设置路由@page "/admin/tags"。同样的内容也需要放在AdminLayout组件下面，添加几个参数：弹窗状态bool Open、新增或更新时标签字段string tagName, displayName、更新时的标签Idint id、API返回的标签列表接收参数ServiceResult&l
转载
2021-05-22 11:07:22
157阅读
2评论
系列文章 基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目 基于 abp vNext 和 .NET Core 开发博客项目 - 给项目瘦身，让它跑起来 基于 abp vNext 和 .NET Core 开发博客项目 - 完善与美化，Swagger登场 ...
转载
2021-05-05 22:59:59
10000+阅读
2评论
系列文章 基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目 基于 abp vNext 和 .NET Core 开发博客项目 - 给项目瘦身，让它跑起来 基于 abp vNext 和 .NET Core 开发博客项目 - 完善与美化，Swagger登场 ...
转载
2021-05-05 22:57:35
277阅读
2评论
分类管理在 Admin 文件夹下新建Razor组件，Categories.razor，设置路由，@page "/admin/categories"。将具体的展示内容放在组件AdminLayout中。@page "/admin/categories"在这里我会将所有分类展示出来，新增、更新、删除都会放在一个页面上去完成。先将列表查出来，添加API的返回参数，private ServiceResult
转载
2021-05-22 09:21:59
296阅读
2评论
终于要接近尾声了，上一篇基本上将文章模块的所有功能都完成了，整个博客页面也都完成了，本篇主要来美化几个地方，修修补补。编辑器主题切换当我们新增和编辑文章的时候，默认编辑器是白色的，如果点击了头部切换主题按钮，我想要把编辑器主题颜色也做相应的改变该如何去实现呢？刚好，editor.md是支持主题切换的，这就比较舒服了，直接按照要求调用对应的方法即可。在app.js的renderEditor函数中我们
转载
2021-05-22 10:50:48
120阅读
2评论
上一篇完成了分类标签友链的列表查询页面数据绑定，还剩下一个文章详情页的数据没有绑，现在简单的解决掉。文章详情之前已经添加了四个参数：year、month、day、name，用来组成我们最终的URL，继续添加一个参数用来接收API返回的数据。[Parameter]
public int year { get; set; }
[Parameter]
public int month { get; s
转载
2021-05-22 11:08:49
196阅读
2评论
上一篇完成了博客的主题切换，菜单和二维码的显示与隐藏功能，本篇继续完成分页查询文章列表的数据展示。添加页面现在点击页面上的链接，都会提示错误消息，因为没有找到对应的路由地址。先在Pages下创建五个文件夹：Posts、Categories、Tags、Apps、FriendLinks。然后在对应的文件夹下添加Razor组件。Posts文件夹：文章列表页面Posts.razor、根据分类查询文章列表页
转载
2020-06-11 08:54:00
155阅读
2评论
二维码显示与隐藏可以看到，当我鼠标移入的时候显示二维码，移出的时候隐藏二维码。这个功能如果是用JavaScript来完成的话，肯定首先想到的是HTML的 Mouse 事件属性，那么在Blazor中也是一样的，给我们实现了各种on*事件。打开index.razor页面，给微信图标那个 NavLink 标签添加两个事件，@onmouseover和@onmouseout。......当鼠标移入移出的时候
转载
2021-05-22 09:23:45
221阅读
2评论
2019年9月23——25日 .NET Core 3.0即将在.NET Conf上发布! .NET Core的发布及成熟重燃了.net程序员的热情和希望，一些.net大咖也在积极的为推动.NET Core而不懈的努力。在这次.NET Core 3.0中一项新的技术也首次出现在人们的视野，这就是Blazor。说起Blazor也许许多人并不知晓，但这几年一片热火朝天的Angular，React，Vue
转载
2023-10-13 19:17:47
52阅读
dotnet watch run debug 自动编译 ...
转载
2021-10-14 14:07:00
116阅读
2评论
前面章节，我们实现了父子组件之间的数据传递。大多数时候，我们以组件形式来构建页面的区块，会涉及到组件嵌套的问题。这种情况，很大概率需要将祖先的数据，传递给后代组件去使用。我们当然可以使用父传子的方式，使用属性一级级往下传，但这样真得很麻烦。所以在Vue和Blazor都提供了祖孙传值的方案。有人会问，子传父是不是也可以一级级往上传？当然可以，但绝不要这么去做，应该子传父本身就已经够绕了。如果有这种需
转载
2023-11-02 09:47:19
62阅读
ant-design-blazor 是 Ant Design 的 Blazor 实现，开发和服务于企业级后台产品。
转载
2021-08-04 11:10:50
1383阅读
什么是Blazor? Blazor的优势和用途简介Blazor是一种基于WebAssembly的开源框架，它允许开发人员使用C#语言编写Web应用程序。Blazor可以在浏览器中运行C#代码，而无需使用JavaScript。该框架由微软开发，旨在提供一种现代化的Web开发方式，使开发人员能够使用他们已经熟悉的语言和工具来构建Web应用程序。Blazor的优势Blazor的主要优势在于允许开发人员使
转载
2024-04-09 14:23:23
118阅读
创建 Blazor 项目创建新的 Blazor WebAssembly App将其命名为BlazerWithTSInterop在您选择的目录中。仅使用 .NET 6.0 客户端，无安全性且无 PWA。CTRL+F5 在热重载模式下生成和运行。总结已经创建了一个准备演示 JavaScript 互操作演练的项目。忽略模板附带的“计数器”和“获取数据”页。此演示将仅使用主页。实现 JavaScript
转载
2023-09-13 10:36:26
96阅读
创建razor组件 "/test" 对应url地址 @page "/test" <h3>Test</h3> @code { } 路由参数 1. @page "/test/{name}" <h3>Test @name </h3> @code { [Parameter] public string? n
原创
2022-12-08 14:51:15
53阅读
Blazor 基础知识IntroBlazor 是微软在 .NET 里推出的一个 WEB 客户端 UI 交互的框架，使用 Blazor 你可以代替 JavaScript 来实现自己的页面交互逻辑，可以很大程度上进行 C# 代码的复用，Blazor 对于 .NET 开发人员来说是一个不错的选择。托管模型Blazor 有两种托管模式，一种是 Blazor Server 模式，基于 asp.net cor
欢迎来到 Blazor University。 通过浏览本网站中的信息，我打算将您从完全的新手带到 Blazor 的所有方面的专家。
原创
2022-04-07 10:12:02
223阅读
