1.MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（8）-Ant Design Blazor前端框架搭建

MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统（8）-Ant Design Blazor前端框架搭建

       前言

       选用Ant Design Blazor作为前端框架搭建ToDoList系统，页源e源因其设计规范与风格符合使用经验。码a码此篇将指导如何搭建系统前端。页源e源手机共享屏幕源码

       Ant Design Blazor源码地址：github.com/ant-design-b...

       MongoDB从入门到实战相关教程链接

       YyFlight.ToDoList项目源码地址：github.com/YSGStudyHard...

       安装.NET 7SDK

       若本地未安装.NET 7 SDK，码a码需先进行安装，页源e源会话保持session 源码可从dotnet.microsoft.com/en...获取。码a码身份登记网站源码

       新建YyToDoBlazor应用

       注意：应用选用Wasm托管模式开发。页源e源

       AntDesign.Templates：开箱即用的码a码中台前端/设计解决方案，包含丰富组件和布局，页源e源适用于构建管理系统。码a码它基于Ant Design Pro框架，页源e源并为Blazor项目提供模板和脚手架。码a码

       安装AntDesign.Templates模板

       在项目目录下，页源e源任务分发平台源码通过cmd打开终端，码a码运行以下命令安装模板：

       模板创建 Ant Design Blazor Pro 项目

       配置模板参数

       BasicLayout.razor 定义网站整体布局，页源e源拦截文件读写源码包含导航、菜单、内容和页脚，提供统一风格的页面模板。

       预览效果展示