knownchen的专栏

麻雀虽小，五脏俱全。这个方案已经基本满足小型运输服务公司的业务需求，如果非要增加下单、派单、接单、转单、结单等大公司应有的业务流程，想必这也不适合小型公司，毕竟小型公司人员配置少，无需为了工作流而增加管理人员的麻烦。

本文主要介绍如何使用Known专业版创建新项目。

SSR 是服务器侧呈现，HTML 是由服务器上的 ASP.NET Core 运行时生成，通过网络发送到客户端，供客户端的浏览器显示。静态 SSR：服务器生成静态 HTML，它不提供用户交互性或维护 Razor 组件状态，通过 HTTP 协议进行通信。交互式 SSR：Blazor 事件允许用户交互，并且 Razor 组件状态由 Blazor 框架维护，通过 SignalR 连接使用 WebSocket 协议进行通信。

基于C#和Blazor的快速开发框架，开箱即用，跨平台。模块化，单页应用，混合桌面应用，Web和桌面共享一处代码。UI默认支持AntDesign，可扩展其他UI组件库。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。低代码、简洁、易扩展，让开发更简单、更快捷！

基于C#和Blazor的快速开发框架，开箱即用，跨平台。模块化，单页应用，混合桌面应用，Web和桌面共享一处代码。UI默认支持AntDesign，可扩展其他UI组件库。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。低代码、简洁、易扩展，让开发更简单、更快捷！

本文示例代码仅作Auto模式实现方案的参考，具体功能实现，可查看 Known 框架的实例源码。

【代码】Blazor程序混合Razor页面。

本示例是的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：https://gitee.com/known/BlazorDemo。本次介绍暗黑模式。

本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：https://gitee.com/known/BlazorDemo。

Table组件分页默认显示在左下角，下面介绍如何显示在有下角，并且显示总条数，改变每页大小和快速跳转某页。1）显示在右下角，在Table组件上添加属性即可，运行效果如下2）若要显示总条数及切换每页大小和快速跳转，则要隐藏默认分页，使用分页模板来实现。将移到中添加，在其内部添加Pagination组件显示总条数，添加ShowTotal属性显示切换每页大小，添加属性显示快速跳转页码，添加属性3）修改完成，点击运行按钮查看运行效果。

本示例只介绍了一个简单的查询功能，实现了初次打开页面时，添加默认日期查询条件，点击查询按钮能根据日期条件进行筛选。一开始我们重构项目结构，这一步主要是为了实现前端和后端业务逻辑分离，也是为后续增删改需求做准备。

1）使用自定义温度标题，在标题前插入一个Icon字体图标。关于Table组件的创建和内容显示基本分享这些，标题模板和数据模板基本上满足实际项目需求，具体需求可以通过此例举一反三；其他更多示例可参考的官网文档 https://antblazor.com/zh-CN/components/table。

本示例是AntDesign Blazor的入门示例，在学习的同时分享出来，以供新手参考。示例代码仓库：https://gitee.com/known/AntDesignDemo。

条码比对系统是由单机版桌面软件和Android版的PDA扫码软件组成，桌面软件采用Blazor与WinForm进行混合开发，PDA扫码软件采用MAUI进行开发，这个项目都是基于.NET技术进行构建，这也是将近期学习Blazor和MAUI这两门技术应用到实践当中。

以上就是组件建造者的完整实现过程，代码不长，但这些功能足以完成手动构建Blazor组件的需求。

Blazor 应用基于组件，组件可以复用和嵌套。

若要对一个 C# 类型添加新方法，一是修改源码，二是派生类，三是扩展方法。前两者不是万能的，第一种我们不一定有源码，第二种类型不一定能继承，只有第三种是万能的方法，在项目中新建一个扩展类型即可对任何类型进行扩展。添加扩展类，类必须声明 static 修饰符添加方法，方法必须声明 static 修饰符方法第一个参数必须是扩展类型，且要有 this 关键字//扩展类型name.");//测试//输出。

Blazor 是一种 .NET 前端 Web 框架，同时支持服务器端呈现和客户端交互性。使用 C# 语言创建丰富的交互式 UI共享前后端应用逻辑可以生成混合桌面和移动应用受益于 .NET 的性能、可靠性和安全性需要有 HTML、CSS、JS 相关基础（开发 UI 框架的话）组件化设计，类似 React、Vue 等前端框架。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

本章介绍学习Known框架多张表增、删、改、查功能如何实现，该示例适用于出货明细数量较小情况，单据表头和表体组合查询和提交。对于出货明细数量较大的情况，建议表头与表体分开查询和提交，表体采用分页查询。

本章介绍学习增、删、改、查、导功能如何实现，下面以商品资料作为示例，该业务栏位如下：类型、编码、名称、规格、单位、库存下限、库存上限、备注。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！如果对您有帮助，点击⭐Star⭐。

基于C#和Blazor实现的快速开发框架，前后端分离，开箱即用。跨平台，单页应用，混合桌面应用，Web和桌面共享一处代码。包含模块、字典、组织、角色、用户、日志、消息、工作流、定时任务等功能。代码简洁、易扩展，让开发更简单、更快捷！

说明：KIMS为测试项目名称。

本章介绍功能模块菜单、按钮、列表栏位如何配置。

JavaScript的setInterval是一个实现定时调用的函数，即每隔一段时间重复执行一段逻辑，Blazor可以通过Timer来实现类似功能。示例代码如下：public class MySlider : ComponentBase { private System.Timers.Timer timer; private int curIndex = 0; [Parameter] public int Interval { get; set; } = 3000; [P

设计思路1.通过DialogContainer组件动态显示2.使用Dictionary存储所有显示的Dialog3.使用StateHasChanged强制更新DialogContainer呈现树4.主要代码如下DialogOptionpublic class DialogOption { public string Title { get; set; } public int Width { get; set; } = 500; public int Height { g

问题描述删除Blazor表格某一行数据，表格数据未刷新。解决方案在表格的刷新方法中调用强制刷新方法public void QueryData() { StateHasChanged();}参考https://www.likecs.com/show-94339.html

Blazor组件支持使用多个 @page 指令的多个路由模板。 示例如下：@page "/sample1"@page "/smaple2"@inject NavigationManager Navigation<h1>@url</h1>@code { private string url; protected override void OnParametersSet() { base.OnParametersSet();

Blazor自定义Input使用@bind-Value，必须要定义ValueChanged属性public class MyInput : ComponentBase { [Parameter] public string Value { get; set; } [Parameter] public EventCallback<string> ValueChanged { get; set; }}

思路添加Form组件类，提供Validate，OnSubmit等添加Field组件基类，提供Id，Label，Value等添加Field子组件Text、Password等表单字段组件添加FormContext类，存储表单及字段数据使用级联值组件传递FormContext实例（关键）Form组件public class FormContext { public Dictionary<string, Field> Fields { get; }}public clas