Aura Space

探索技术前沿,记录思想火花

灵动、纯粹、持久的技术与生活记录。

Blazor 组件库 BootstrapBlazor 中EditorForm组件介绍
BootstrapBlazor · 约 8 分钟 · 浏览 2699 · 评论 0

Blazor 组件库 BootstrapBlazor 中EditorForm组件介绍

组件介绍EditorForm 组件是一个非常实用的组件,当进行数据编辑时,仅需要将 Model 属性赋值即可。绑定模型默认自动生成全部属性,可以通过设置 AutoGenerateAllItem 更改为不自动生成如不需要编辑列,设置 Editable 即可,默认值为 true 生成编辑组件复杂编辑列,设置 EditTem

Blazor 组件库 BootstrapBlazor 中Circle组件介绍
BootstrapBlazor · 约 2 分钟 · 浏览 2685 · 评论 0

Blazor 组件库 BootstrapBlazor 中Circle组件介绍

组件介绍Circle进度环组件,是一个图表类组件。一般有两种用途:显示某项任务进度的百分比。统计某些指标的占比。它的样子如下:它的代码如下:<Circle Width="250" Value="75" Color="Color.Success" StrokeWidth="10" ShowProgress="false"

Blazor 组件库 BootstrapBlazor 中Row组件介绍
BootstrapBlazor · 约 7 分钟 · 浏览 2820 · 评论 0

Blazor 组件库 BootstrapBlazor 中Row组件介绍

组件介绍在Bootstrap中,我们经常使用row和col通过栅格化来控制显示位置。如<div class="row"> <div class="col-12"></div> </div>会显示一个充满行的div。但是我们需要编写很多代码,比如大量重复的div标签。还有col的class。为了减少代码的数量,B

Blazor 组件库 BootstrapBlazor 中Message组件介绍
BootstrapBlazor · 约 3 分钟 · 浏览 3074 · 评论 0

Blazor 组件库 BootstrapBlazor 中Message组件介绍

组件介绍上一篇文章我们介绍了Alert组件,但是实际上Alert组件只能直接把内容加载到页面内,这个做不到当作提示使用。所以我们还有一个新的组件Message。这个组件的样式几乎与Alert组件一模一样。但是它可以浮动在窗口之上,4秒之后消失。代码如下:await MessageService.Show(new Mes

Blazor 组件库 BootstrapBlazor 中Alert组件介绍
BootstrapBlazor · 约 3 分钟 · 浏览 2870 · 评论 0

Blazor 组件库 BootstrapBlazor 中Alert组件介绍

组件介绍Alert组件几乎是组件库里必不可少的组件了,即使浏览器,也自带了一个alert,会弹出一个模态框。但是这个模态框有点太丑了,所以各大组件库分分实现了自己的Alert组件。当然BootstrapBlazor也不例外,同样实现了自己的Alert。样子如下:对应的代码为:<Alert Color="Color.Pr

Jx.Cms开发笔记(六)-重写Compiler
Jx.Cms开发笔记 · 约 24 分钟 · 浏览 2891 · 评论 0

Jx.Cms开发笔记(六)-重写Compiler

我们在Jx.Cms开发笔记(三)-Views主题动态切换中说了如何切换主题。但是这里有一个问题,就是主题切换时,会报错这是由于asp.net core在处理Views的信息的时候是在构造函数中处理的,没有任何方法可以刷新这个处理结果。这里放最新版的DefaultViewCompiler代码,在Jx.Cms编写的时候代码

Jx.Cms开发笔记(五)-文章编辑页面标签设计
Jx.Cms开发笔记 · 约 6 分钟 · 浏览 3181 · 评论 0

Jx.Cms开发笔记(五)-文章编辑页面标签设计

标签页的样子设计思路与其他输入框一样,存在一个Label标签,由于这里不像其他输入框一样可以直接使用Row标签,所以这里需要额外增加。使用Tag组件显示所有的标签,我们在Blazor 组件库 BootstrapBlazor 中Tag组件介绍中写过使用方法。使用AutoComplete组件输入新的标签,我们同样在Blaz