Blazor 组件库 BootstrapBlazor 中Markdown组件介绍
组件介绍Markdown组件是tui.editor的封装，所以所有内容均基于tui.editor。默认状态下样子如下所示：其代码如下：<Markdown Language="@Language" @bind-Value="@MarkdownString" @bind-Html="@HtmlString" />我们有两个
📂
分类专栏
Blazor系列
分类「Blazor系列」下的文章专栏
Blazor 组件库 BootstrapBlazor 中Modal组件介绍
组件说明Model组件是一个模态框组件，可以弹出一个对话框，适合需要定制性更大的场景。它的样子如下：其html代码为:<div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">弹窗标题</h5>
Blazor 组件库 BootstrapBlazor 中Message组件介绍
组件介绍上一篇文章我们介绍了Alert组件，但是实际上Alert组件只能直接把内容加载到页面内，这个做不到当作提示使用。所以我们还有一个新的组件Message。这个组件的样式几乎与Alert组件一模一样。但是它可以浮动在窗口之上，4秒之后消失。代码如下：await MessageService.Show(new Mes
Blazor 组件库 BootstrapBlazor 中Alert组件介绍
组件介绍Alert组件几乎是组件库里必不可少的组件了，即使浏览器，也自带了一个alert，会弹出一个模态框。但是这个模态框有点太丑了，所以各大组件库分分实现了自己的Alert组件。当然BootstrapBlazor也不例外，同样实现了自己的Alert。样子如下：对应的代码为：<Alert Color="Color.Pr
Blazor 组件库 BootstrapBlazor 中Editor组件介绍
组件介绍Editor组件是对Summernote 组件的二次封装。组件分为div模式和editor模式。默认状态下editor模式的组件样子如下：其代码如下：<Editor @bind-Value="@EditorValue" IsEditor="true"></Editor>我们可以通过@bind-Value来绑定到
Blazor 组件库 BootstrapBlazor 中Tag组件介绍
Tag组件的样子Tag组件的介绍Tag组件是一个非常简单的组件。<Tag Icon="fa fa-fw fa-check-circle" Color="Color.Success" ShowDismiss="true" OnDismiss="@DismissClick">标签一</Tag>这些就是Tag组件的所有属性了
Blazor 组件库 BootstrapBlazor 中Card组件介绍
一个较为完整的Card样子Card组件介绍Card组件分为三部分，CardHeader、CardBody、CardFooter。代码格式如下：<Card> <CardHeader> Featured </CardHeader> <CardBody> <h5>Spe
Blazor 组件库 BootstrapBlazor中 Ajax 组件的使用
组件解决的问题由于Blazor在与服务器连接时使用了Websocket，仅在第一次连接时会走原MVC的连接逻辑。所以，我们无法在这个过程中完成例如身份认证、cookie处理等操作。此组件即为解决此类问题准备的。组件用法官网文档可以直接查阅这里给出一部分代码：在页面上添加<Ajax></Ajax>的组件引用@inject
Blazor 修改错误提示
我们在blazor中，如果代码有异常，会产生如下的错误在群里很多朋友都问，这个错误提示是英文的，能不能改成中文？这个当然是可以的。其实这个错误描述是在项目里自己定义的，具体内容可以看_Layout.cshtml中内容。其中有这样一段：<div id="blazor-error-ui"> <environment
Blazor使用区域(Area)
在MVC中，我们经常使用区域(Area)来区分各个模块，比如后台我们可以写一个Admin的Area。到了Blazor时代，已经不推荐这么做了，现在推荐的做法是通过Url来区分，比如Admin可以配置@page /Admin/Article，实现与原来Admin的Area差不多的用法。但是有时候我们有需求在Blazor中