一个基于 .NET 8 + Ant Design Blazor 开发的简洁现代后台管理框架
前言
今天大姚给大家分享一个基于 .NET 8 + Ant Design Blazor 开发的简洁现代后台管理框架:Caviar。
项目介绍
Caviar 是一个基于 .NET 8 + Ant Design Blazor 开发的、基于 Apache-2.0 协议开源的后台管理框架,使用简洁架构,简单大方现代,包含了后台管理基础功能,在开发上为了方便,封装了很多Ant Design组件,包含了自动列表、高级搜索、自动化菜单、布局等。此外,该框架在代码生成上实现了100%的代码隔离,确保修改和重新生成代码不会对开发者造成任何影响,同时保持了开发的灵活性。
项目特性
- 多语言支持,任意语言配置即可使用。
- 支持 WebAssembly、Server、混合模式。
- 代码生成器一键自动生成前后端,生成代码做到100%隔离,无需担心代码混乱。
- 拥有字段权限、数据权限、菜单权限、按钮权限,甚至可以细化到元素权限。
- 开箱即用的高质量框架,封装了多个Ant Design组件简化使用过程。
- 兼容PC、手机、Ipad等多种设备,实现了一处运行,到处使用的便捷性。
- 采用 EF Core 支持多种数据库,如SqlServer、MySQL、Oracle、PostgreSQL等,满足了不同数据库环境下的使用需求。
- 内置日志管理、菜单管理、附件管理、部门管理、用户管理、角色管理、代码生成等等。
项目源代码

项目启动
- 首先下载源代码解压后,打开Caviar.sln。
- 如果以前有运行过代码,请先打开SqlServer资源管理器,连接到本地数据库【(localdb)\MSSQLLocalDB】,找到Caviar_db数据库后删除就可以了。
- 把Caviar.Demo.Hybrid设定为启动项即可。
- F5启动后会自动打开,第一次启动loading会比较长,请耐心等待。
项目运行效果







项目源码地址
更多项目实用功能和特性欢迎前往项目开源地址查看,别忘了给项目一个Star支持。
- GitHub开源地址:https://gitee.com/Cherryblossoms/caviar
优秀项目和框架精选
该项目已收录到C#/.NET/.NET Core优秀项目和框架精选中,关注优秀项目和框架精选能让你及时了解C#、.NET和.NET Core领域的最新动态和最佳实践,提高开发工作效率和质量。坑已挖,欢迎大家踊跃提交PR推荐或自荐(让优秀的项目和框架不被埋没)。
- GitHub开源地址:https://github.com/YSGStudyHards/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md
- Gitee开源地址:https://gitee.com/ysgdaydayup/DotNetGuide/blob/main/docs/DotNet/DotNetProjectPicks.md
一个基于 .NET 8 + Ant Design Blazor 开发的简洁现代后台管理框架的更多相关文章
- .NET进行客户端Web开发又一利器 - Ant Design Blazor
你好,我是Dotnet9,继上篇介绍Bootstrap风格的BlazorUI组件库后,今天我来介绍另一款Blazor UI组件库:一套基于 Ant Design 和 Blazor 的企业级组件库. 本 ...
- Ant Design Blazor 组件库的路由复用多标签页介绍
最近,在 Ant Design Blazor 组件库中实现多标签页组件的呼声日益高涨.于是,我利用周末时间,结合 Blazor 内置路由组件实现了基于 Tabs 组件的 ReuseTabs 组件. 前 ...
- 和我一起,重零开始学习Ant Design Pro开发解决方案(一)安装开发环境
安装NODEJS 什么是NODEJS? 百度一下吧,这个真不知道,老码农,别笑话我: 简单的说 Node.js 就是运行在服务端的 JavaScript.Node.js 是一个基于Chrome Jav ...
- 基于Retrotfit2.1+Material Design+ijkplayer开发的一个APP(新闻,gif 动图,视频播放)
此项目主要目的还是为了练习框架的使用,仅供学习用途. 数据来源 新闻 直接用的聚合数据提供的接口:https://www.juhe.cn/docs/api/id/235gif动图 通过jsoup爬的某 ...
- 一个基于 gin+ grpc + etcd 等框架开发的小栗子
一.标准的项目结构 首先我们看一个标准的项目结构是什么样子的,github 上给出的一个示例:golang-standards/project-layout 二.服务注册与发现流程 三.示例代码 项目 ...
- 和我一起,重零开始学习Ant Design Pro开发解决方案(二)部署示例项目
- ant design pro超详细入门教程
1.Ant Design Pro 初了解 说到ant design pro,得先了解一下ant design是个什么东西?ant design蚂蚁金服基于react打造的一个服务于企业级产品的UI框架 ...
- Ant Design 使用小结
最近公司做了一个系统,因为页面涉及的表单交互非常多,如果使用之前的 Node + Express 的开发模式效率是非常低的,因此经过考虑,最后决定使用 Node + React 的开发模式,并且使用了 ...
- 基于Eclipse的Go语言可视化开发环境
http://jingyan.baidu.com/article/d7130635032e2f13fdf475b8.html 基于Eclipse的Go语言可视化开发环境 | 浏览:2924 | 更新: ...
- Nginx 部署 Ant Design pro
利用Ant Design pro开发的项目,如何用Nginx部署呢? 第一步:把项目打包,打包命令如下: npm run build 运行完毕会在项目目录下生成dist文件夹. 第二步:想要测试打包好 ...
随机推荐
- 一款HTML转Markdown格式的工具
Markdown格式不仅对写博客的人非常友好和方便,对AI也是如此. 目前AI大语言模型的输出基本都是Markdown格式,这就意味着AI是能充分理解Markdown格式的,这一点非常重要. Mark ...
- Shell脚本实现服务器多台免密
简介 本脚本(auto_ssh_batch.sh)用于在多台主机之间快速配置SSH免密登录,并支持远程传输脚本/文件及执行命令.通过 pass 文件提供统一认证凭据,通过 nodes 文件定义目标主机 ...
- 利用AI增强VS Code TypeScript插件:AnyToTS带来编程新体验
Any to TS: VSCode 扩展插件 概述 "Any to TS" 是一个强大的 VSCode 扩展插件,旨在将任何对象转换为 TypeScript 类型或接口.该工具基于 ...
- 利用标准IO函数接口实现计算一个本地磁盘某个文件的大小,文件名通过命令行进行传递
利用标准IO函数接口实现计算一个本地磁盘某个文件的大小,文件名通过命令行进行传递 方法一:使用ftell函数直接获取光标偏移量 相关标准库函数 SYNOPSIS #include <stdio. ...
- 支付系统扩展:ZKmall开源商城支持跨境多币种结算的开发实践
于跨境电商平台而言,多币种支付是满足全球消费者支付需求的关键.不同国家和地区的消费者习惯使用各自的货币进行支付,如果平台不支持多币种交易,将极大地限制用户的购买意愿和支付便利性.因此,跨境电商平台必须 ...
- Python 潮流周刊#97:CUDA 终于原生支持 Python 了!(摘要)
本周刊由 Python猫 出品,精心筛选国内外的 250+ 信息源,为你挑选最值得分享的文章.教程.开源项目.软件工具.播客和视频.热门话题等内容.愿景:帮助所有读者精进 Python 技术,并增长职 ...
- mybatis插入数据返回id的实现方式
一. useGeneratedKeys="true" <insert id="saveUser" parameterType="com.apcs ...
- python爬虫,beatifulsop获取标签属性值(取值)案例
前面的案例里,均采用正则匹配的方式取值 title = re.findall('">(.*?)</a>', i, re.S)[0]#标题 url = re.findall( ...
- java.security.provider.getservice blocked
JDK版本: JDK8u192 bug: https://bugs.openjdk.org/browse/JDK-8206333 堆栈: "Common-Business-Thread-57 ...
- Vue—响应式更改、Dom属性值绑定、Vue实例方法声明
Vue-响应式更改.Dom属性值绑定.Vue实例方法声明 响应式更改 当一个Vue实例被创建时,实例里data对象声明的所有变量都被加入到响应式系统中.当这些变量的值发生改变时,变量赋值的视图也会产生 ...