首页 > TAG信息列表 > BootstrapBlazor

Jx.Cms开发笔记(七)-升级BootstrapBlazor到6.9.x

由于BootstrapBlazor升级到6.9以后的升级还是非常大的,比如图标库升级到了6.1.2,bs升级到了5.2.0。所以这里记录一下升级过程。升级BootstrapBlazor主程序直接升级BootstarpBlazor到最新版本,没有错误,但是我们会发现我们的BootstrapBlazor自带图标全部变成方块了。这就需要升级图标库

BootStrapBlazor 安装教程--Server模式

使用模板使用模板是最简单的办法。因为项目模板里已经包含了BootStrapBlazor的所有需要配置的内容。首先我们安装项目模板:dotnet new -i Bootstrap.Blazor.Templates::6.4.1这里的6.4.1是版本号,截至到目前Templates的版本号为6.4.1。然后创建项目dotnet new bbapp这里的bbapp是项

BootstrapBlazor实战 Markdown 编辑器使用

基础工程使用工程: B08. BootstrapBlazor实战 Menu 导航菜单使用 实战BootstrapBlazorMenu Markdown 编辑器使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 BootstrapBlazor 是 Bootstrap 风格的 Blazor UI 组件库 基于 Bootstrap 样式库精心打造,并且额外增加了 100

BootstrapBlazor实战 Menu 导航菜单使用(2)

接上篇: B08. BootstrapBlazor实战 Menu 导航菜单使用(1) 实战BootstrapBlazorMenu 导航菜单的使用, 以及整合Freesql orm快速制作菜单项数据库后台维护页面 demo演示的是Sqlite驱动,FreeSql支持多种数据库,MySql/SqlServer/PostgreSQL/Oracle/Sqlite/Firebird/达梦/神通/人大金仓/

Blazor 组件库 BootstrapBlazor 中Markdown组件介绍

组件介绍Markdown组件是tui.editor的封装,所以所有内容均基于tui.editor。默认状态下样子如下所示:其代码如下:<Markdown Language="@Language" @bind-Value="@MarkdownString" @bind-Html="@HtmlString" />我们有两个内容可以绑定,一个是Value,绑定的内容为Markdown字段。一个是Html,绑

Blazor 组件库 BootstrapBlazor 中Modal组件介绍

组件说明Model组件是一个模态框组件,可以弹出一个对话框,适合需要定制性更大的场景。它的样子如下:其html代码为:<div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">弹窗标题</h5> <button type="button"

Blazor Bootstrap 组件库建立工程快速上手

1.新建工程 新建工程bb001 dotnet new blazorserver -o bb001 将项目添加到解决方案中: dotnet sln add bb001/bb001.csproj 使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql sqlite库,字体 .. dotnet add b03sqlite package BootstrapBlazor dotnet add b03sqlite packa

Blazor组件提交全记录: FullScreen 全屏按钮/全屏服务 (BootstrapBlazor组件库)

Blazor 简介 Blazor 是一个使用 .NET 生成的交互式客户端 Web UI 的框架。和前端同学所熟知的 Vue、React、Angular 有巨大差异。 其最大的特色是使用 C# 代码(理论上可以是 .NET 生态的任何语言)代替 JavaScript 来实现逻辑。 使用 C# 代替 JavaScript 来创建信息丰富的交互式 UI

BootstrapBlazor实战 通用导入导出服务(Table组件)

1.本文主要内容为给Blazor工程构建通用导入导出服务类 基础工程构建取自 [BootstrapBlazor实战 10分钟编写数据库维护] 项目,使用到的orm为freesql,导入导出库为Magicodes.IE,还有封装了Table组件的内存数据服务LazyHeroDataService的Densen.FreeSql.Extensions.BootstrapBlazor库

BootstrapBlazor+FreeSql实战 Chart 图表使用(2)

接上篇 BootstrapBlazor实战 Chart 图表使用(1) 13.添加必备的库 使用 nuget.org 进行 BootstrapBlazor 组件安装, FreeSql库,Newtonsoft.Json dotnet add b06chart package Densen.FreeSql.Extensions.BootstrapBlazor dotnet add b06chart package FreeSql.Provider.Sqlite dotn

BootstrapBlazor-ValidateForm 表单验证组件

原文链接:https://www.cnblogs.com/ysmc/p/16082279.html   故名思意,这个组件的作用我就不再多说了,配合 AutoGenerateColumnAttribute 特性食用更佳,BootstrapBlazor 智能生成神器(一)AutoGenerateColumnAttribute 特性介绍 - 一事冇诚 - 博客园 (cnblogs.com) 组件说明: ValidateF

BootstrapBlazor实战-Tree树形控件使用(1)

实战BootstrapBlazor树型控件Tree的使用, 以及整合Freesql orm快速制作数据库后台维护页面 demo演示的是Sqlite驱动,FreeSql支持多种数据库,MySql/SqlServer/PostgreSQL/Oracle/Sqlite/Firebird/达梦/神通/人大金仓/翰高/华为GaussDB/MsAccess 1.Tree 树形控件 用清晰的层级结构展

BootstrapBlazor - EditorForm 表单组件(一)

原文链接:https://www.cnblogs.com/ysmc/p/16053652.html 官网例子链接:https://www.blazor.zone/editorforms 通过绑定数据模型自动呈现编辑表单 EditorForm 组件是一个非常实用的组件,当进行数据编辑时,仅需要将 Model 属性赋值即可。 绑定模型默认自动生成全部属性,可以通过设置

B03. BootstrapBlazor实战 10分钟编写数据库维护项目

demo演示的是Sqlite驱动,FreeSql支持多种数据库,MySql/SqlServer/PostgreSQL/Oracle/Sqlite/Firebird/达梦/神通/人大金仓/翰高/华为GaussDB/MsAccess 1.新建工程 新建工程b03sqlite dotnet new blazorserver -o b03sqlite 将项目添加到解决方案中: dotnet sln add b03sqlite/b03sq

FreeSql的各种工程demo上新啦

FreeSql的各种工程demo GitHub | Gitee console,winforms nf461,vb,wpf,webapi,workerSevice,signalIR xamarinForm app: ios,android,wpf Blazor,ARM_Console vs2022 preview Maui: Android, iOS , MacCatalyst , Windows (UWP) MauiBlazor: Android, iOS , MacCatalyst , Window

BootstrapBlazor 模板安装

原文地址:https://www.cnblogs.com/ysmc/p/15400270.html Bootstrap Blazor Project Template   为方便大家的使用,BootstrapBlazor UI 组件库作者专门制作了一个项目模板-Bootstrap Blazor for visual studio extensions,供使用者快速搭建项目,缩短开发时间。   开源地址:Github

BootStrapBlazor之数据注入

简言   Blazor 面世之后,许多优秀的开发者也相继投入到组件库的研发中去,这也就意味着,前端开发又多了一种选则,而不仅仅是 Vue、react、Angular。 众所周知,Blazor 有两种托管方式方式:Client-Side和Server-Side。两种模式,两种工作方式,网上也有较多文章详尽解释了两种模式的工作方式,

blazor相关资料

官方地址 https://docs.microsoft.com/zh-cn/aspnet/core/blazor/?view=aspnetcore-5.0 BlazorUI框架(国人开发) 项目地址 https://github.com/dotnetcore/BootstrapBlazor/blob/master/README.zh-CN.md 视频 https://gitee.com/LongbowEnterprise/BootstrapBlazor/wikis/%E8%A7%8

Bootstrap Blazor 组件介绍 Table (三)列数据格式功能介绍

Bootstrap Blazor 是一套企业级 UI 组件库,适配移动端支持各种主流浏览器,已经在多个交付项目中使用。通过本套组件可以大大缩短开发周期,节约开发成本。目前已经开发、封装了 70 多个组件,欢迎有兴趣的同学试用。 Gitee 开源地址为:https://gitee.com/LongbowEnterprise/BootstrapBlaz