栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > .Net

Blazor + Ant Design + .NET 5快速开发框架(2) - AntDesign的引用

.Net 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

Blazor + Ant Design + .NET 5快速开发框架(2) - AntDesign的引用

搭建

AntDesign的后台搭建很简单,官网给出了详细的教程

1、现在NuGet里面搜索AntDesign,然后安装,这里我安装的版本是:0.6.0.

或者

进入应用的项目文件夹,安装 Nuget 包引用

$ dotnet add package AntDesign --version 0.6.0-*

2、在项目中注册:

services.AddAntDesign();

 因为我的项目还没有添加Startup,就在Program里面注册了:builder.Services.AddAntDesign();

3、在 wwwroot/index.html(WebAssembly) 或 Pages/_Host.cshtml(Server) 中引入静态文件:

  
  

4、在 _Imports.razor 中加入命名空间

@using AntDesign

5、为了动态地显示弹出组件,需要在 App.razor 中添加一个  组件。


    
        
    
    
        
            
        
    


   <-- 在这里添加 ✨

 6、最后就可以在.razor组件中引用啦!

 7、效果

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/908201.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号