1.MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统(8)-Ant Design Blazor前端框架搭建
MongoDB从入门到实战之.NET Core使用MongoDB开发ToDoList系统(8)-Ant Design Blazor前端框架搭建
前言
选用Ant Design Blazor作为前端框架搭建ToDoList系统,码分因其设计规范与风格符合使用经验。码分此篇将指导如何搭建系统前端。码分ucosiii的源码
Ant Design Blazor源码地址:github.com/ant-design-b...
MongoDB从入门到实战相关教程链接
YyFlight.ToDoList项目源码地址:github.com/YSGStudyHard...
安装.NET 7SDK
若本地未安装.NET 7 SDK,码分需先进行安装,码分短信监听源码下载可从dotnet.microsoft.com/en...获取。码分李小康代码源码
新建YyToDoBlazor应用
注意:应用选用Wasm托管模式开发。码分
AntDesign.Templates:开箱即用的码分中台前端/设计解决方案,包含丰富组件和布局,码分适用于构建管理系统。码分它基于Ant Design Pro框架,码分并为Blazor项目提供模板和脚手架。码分
安装AntDesign.Templates模板
在项目目录下,码分独爱源码网站通过cmd打开终端,码分运行以下命令安装模板:
模板创建 Ant Design Blazor Pro 项目
配置模板参数
BasicLayout.razor 定义网站整体布局,码分成品网 源码1688包含导航、菜单、内容和页脚,提供统一风格的页面模板。
预览效果展示