Blazor 组件库 BootstrapBlazor 中Modal组件介绍
组件说明Model组件是一个模态框组件，可以弹出一个对话框，适合需要定制性更大的场景。它的样子如下：其html代码为:<div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">弹窗标题</h5> <b
记录技术与思考
清晰表达、持续积累、长期主义。
Blazor 组件库 BootstrapBlazor 中Message组件介绍
组件介绍上一篇文章我们介绍了Alert组件，但是实际上Alert组件只能直接把内容加载到页面内，这个做不到当作提示使用。所以我们还有一个新的组件Message。这个组件的样式几乎与Alert组件一模一样。但是它可以浮动在窗口之上，4秒之后消失。代码如下：await MessageService.Show(new MessageOption
Blazor 组件库 BootstrapBlazor 中Alert组件介绍
组件介绍Alert组件几乎是组件库里必不可少的组件了，即使浏览器，也自带了一个alert，会弹出一个模态框。但是这个模态框有点太丑了，所以各大组件库分分实现了自己的Alert组件。当然BootstrapBlazor也不例外，同样实现了自己的Alert。样子如下：对应的代码为：<Alert Color="Color.Primary">@Al
Blazor 组件库 BootstrapBlazor 中Editor组件介绍
组件介绍Editor组件是对Summernote 组件的二次封装。组件分为div模式和editor模式。默认状态下editor模式的组件样子如下：其代码如下：<Editor @bind-Value="@EditorValue" IsEditor="true"></Editor>我们可以通过@bind-Value来绑定到字段中.组件的其他属
Jx.Cms开发笔记（六）-重写Compiler
我们在Jx.Cms开发笔记（三）-Views主题动态切换中说了如何切换主题。但是这里有一个问题，就是主题切换时，会报错这是由于asp.net core在处理Views的信息的时候是在构造函数中处理的，没有任何方法可以刷新这个处理结果。这里放最新版的DefaultViewCompiler代码，在Jx.Cms编写的时候代码有少许区别，但是基本
Jx.Cms开发笔记（五）-文章编辑页面标签设计
标签页的样子设计思路与其他输入框一样，存在一个Label标签，由于这里不像其他输入框一样可以直接使用Row标签，所以这里需要额外增加。使用Tag组件显示所有的标签，我们在Blazor 组件库 BootstrapBlazor 中Tag组件介绍中写过使用方法。使用AutoComplete组件输入新的标签，我们同样在Blazor 组件库 Boo
Blazor 组件库 BootstrapBlazor 中AutoComplete组件介绍
AutoComplete组件介绍AutoComplete组件和文本框基本上样子是一样的，只不过AutoComplete组件还带有一个下拉列表，可以从中选择对应的内容。其同样继承自BootstrapInputBase，所以，它同样拥有BootstrapInputBase的所有属性。一个最小的AutoComplete组件内容如下：<AutoC
Blazor 组件库 BootstrapBlazor 中Tag组件介绍
Tag组件的样子Tag组件的介绍Tag组件是一个非常简单的组件。<Tag Icon="fa fa-fw fa-check-circle" Color="Color.Success" ShowDismiss="true" OnDismiss="@DismissClick">标签一</Tag>这些就是Tag组件的所有属性了。其中最小的样式就是
Jx.Cms开发笔记（四）-改造Card组件
在Blazor 组件库 BootstrapBlazor 中Card组件介绍中我们说过，如果我们使用了Card组件的IsCollapsible属性设置了可伸缩的话，就只能使用Text属性来设置标题文本，不能自己定义了。但是我们在widget组件设置的时候希望在CardHeader里放一个按钮或者一个下拉按钮，来完成一些事情，样子如下：这里右
Blazor 组件库 BootstrapBlazor 中Card组件介绍
一个较为完整的Card样子Card组件介绍Card组件分为三部分，CardHeader、CardBody、CardFooter。代码格式如下：<Card> <CardHeader> Featured </CardHeader> <CardBody> <h5>Special title