Ant Design Blazor 在 Blazor WebApp 中使用
💡
原文中文,约1300字,阅读约需4分钟。
📝
内容提要
本文是Ant Design Blazor最新文档的Blazor WebApp安装部分。在创建项目时,最好选择全局交互模式,并在项目的Program.cs中注册相关服务。还需在Client项目中注册基于Auto模式的模板。在App.razor文件中引入静态样式和脚本文件,并在_Imports.razor中加入命名空间。为了动态显示弹出组件,需要在App.razor中添加AntContainer组件。最后,在.razor组件中可以引用Ant Design Blazor的组件。
🎯
关键要点
- 在创建 Blazor WebApp 项目时,建议选择全局交互模式。
- 需要在项目的 Program.cs 中注册 Ant Design Blazor 服务。
- 在 Client 项目中注册基于 Auto 模式的模板。
- 在 App.razor 文件中引入 Ant Design Blazor 的静态样式和脚本文件。
- 在 _Imports.razor 中加入 AntDesign 的命名空间。
- 为了动态显示弹出组件,需要在 App.razor 中添加 AntContainer 组件。
- 为支持交互性,需要为 Routes 指定渲染模式。
- AntDesign Blazor 项目和 Blazor 中文社区将参加 .NET Conf China 大会。
- 赞助支持 AntDesign Blazor 项目以帮助推广和覆盖费用。
➡️