摘要: JavaScript的setInterval是一个实现定时调用的函数,即每隔一段时间重复执行一段逻辑,Blazor可以通过Timer来实现类似功能。示例代码如下: public class MySlider : ComponentBase { private System.Timers.Timer 阅读全文
posted @ 2022-05-02 10:29 known 阅读(99) 评论(0) 推荐(0) 编辑
摘要: 设计思路 1.通过DialogContainer组件动态显示 2.使用Dictionary存储所有显示的Dialog 3.使用StateHasChanged强制更新DialogContainer呈现树 4.主要代码如下 DialogOption public class DialogOption { 阅读全文
posted @ 2022-04-30 22:31 known 阅读(100) 评论(0) 推荐(0) 编辑
摘要: 使用dos命令chkdsk检查磁盘,如G盘 chkdsk G:/f 阅读全文
posted @ 2022-04-29 14:57 known 阅读(520) 评论(0) 推荐(0) 编辑
摘要: 问题描述 删除Blazor表格某一行数据,表格数据未刷新。 解决方案 在表格的刷新方法中调用强制刷新方法 public void QueryData() { StateHasChanged(); } 参考 https://www.likecs.com/show-94339.html 阅读全文
posted @ 2022-04-28 20:46 known 阅读(166) 评论(0) 推荐(0) 编辑
摘要: Blazor组件支持使用多个 @page 指令的多个路由模板。 示例如下: @page "/sample1" @page "/smaple2" @inject NavigationManager Navigation <h1>@url</h1> @code { private string url; 阅读全文
posted @ 2022-04-24 21:02 known 阅读(103) 评论(0) 推荐(0) 编辑
摘要: Blazor自定义Input使用@bind-Value,必须要定义ValueChanged属性 public class MyInput : ComponentBase { [Parameter] public string Value { get; set; } [Parameter] publi 阅读全文
posted @ 2022-04-23 21:38 known 阅读(320) 评论(0) 推荐(0) 编辑
摘要: 1.启动时添加HttpContextAccessor var builder = WebApplication.CreateBuilder(args); builder.Services.AddHttpContextAccessor(); WebAppContext.Services = build 阅读全文
posted @ 2022-04-20 14:19 known 阅读(1197) 评论(1) 推荐(0) 编辑
摘要: 思路 添加Form组件类,提供Validate,OnSubmit等 添加Field组件基类,提供Id,Label,Value等 添加Field子组件Text、Password等表单字段组件 添加FormContext类,存储表单及字段数据 使用级联值组件传递FormContext实例(关键) For 阅读全文
posted @ 2022-04-18 14:29 known 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 在Form构造函数InitializeComponent();上方加AutoScaleMode = AutoScaleMode.Dpi;代码即可 参考资料:https://blog.csdn.net/alex_zoucn/article/details/124162564 阅读全文
posted @ 2022-04-16 20:15 known 阅读(744) 评论(0) 推荐(0) 编辑
摘要: 思路 1.在模板页面增加CascadingValue传入Dialog的实例 2.在BaseComponent中加入[CascadingParameter]特性声明级联Dialog实例参数 3.在模块页面按钮方法中调用Dialog实例参数的Close方法 模板页面 <div class="app"> 阅读全文
posted @ 2022-04-14 21:10 known 阅读(119) 评论(0) 推荐(0) 编辑
摘要: Blazor和JavaScript可以互操作,因此可以使用PDFObject预览pdf文件。实现步骤如下: 添加script.js文件,调用PDFObject函数预览后端返回的文件Stream import "./libs/pdfobject.js"; export async function s 阅读全文
posted @ 2022-04-11 20:50 known 阅读(397) 评论(2) 推荐(0) 编辑
摘要: 1. 关于Blazor Blazor是微软出品的前端框架,对标谷歌的Flutter,用C#、css、html语言开发前端UI,组件化设计,支持嵌套组件与大多数前端框架react、vue等类似,不同的是开发语言不是JavaScript,但是它可以与JavaScript互操作。Host模式支持Blazo 阅读全文
posted @ 2022-04-02 10:59 known 阅读(2063) 评论(0) 推荐(1) 编辑
摘要: 概述 根组件是前端框架的入口,整个应用程序只有一个全局的根组件的实例。根组件可以提供根节点的路由、跳转登录页、退出系统、跳转后台主页、跳转错误页等功能。 组件的定义 根组件的类名定义成App,有两个参数:id和config。 //id 为应用的根节点的id,即index.html文件中div的id 阅读全文
posted @ 2021-11-25 21:16 known 阅读(711) 评论(0) 推荐(0) 编辑
摘要: 框架只有一个html文件,html中只有一个id是app的div,如何点击一个按钮或者菜单来显示对应的页面呢?最初大家都是通过拼接html字符串,然后再绑定,这样写很不优雅,当系统功能模块庞大时,这样下来难以维护。如何实现模块化以及写出优雅的代码,接下来就是组件和路由的事情。 组件(Componen 阅读全文
posted @ 2021-11-24 21:33 known 阅读(642) 评论(1) 推荐(2) 编辑
摘要: 前言 如今前端框架有很多,各式各样,学习使用成本也高,二次开发也非易事。如果自己设计一套前端框架,按照自己的想法和思路去写,做到使用方便,代码简洁,并非是一件难事。 下面我带大家一起撸一个中后台的前端框架,本系列主要是写撸框架的思路和主要代码,一些具体的实现,由于代码太长,文章中就省略一带而过。具体 阅读全文
posted @ 2021-11-23 19:09 known 阅读(992) 评论(0) 推荐(1) 编辑