Ant Design of Blazor 教程 从0-1搭建 2.项目创建

1.Blazor创建Ant Design of Blazor 教程 从0-1搭建 2.项目创建

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

2.Blaozr项目运行

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

运行结果大概长这样

3.Blazor 文件结构形式调整

新建一个文件夹host把初始创建的东西全部扔进去,再创建一个razor类库里面专门放组件,当然把组件写在Server里面也可以,个人比较倾向创建一个razor类库。

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

不用支持页面和视图

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

 

4.引入AntDesign

1.nuget直接搜索AntDesign,除了shared都安装。

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

2.分别在AntBlazorDemo.Client里面引入js和css

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

 

3.删去Razors里面的一些东西,最后删成这样

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

4.从AntBlazorDemo.Client的shared文件夹里面将razor文件移动到Razors,最后删除Shared文件夹,最后样子如下

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

5.添加项目引用

 

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

记得改一下框架

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

6._imports.razor/App.razor

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

Ant Design of Blazor 教程 从0-1搭建 2.项目创建

7.最后添加  builder.Services.AddAntDesign();Ant Design of Blazor 教程 从0-1搭建 2.项目创建

8.这个时候项目应该可以运行成功。觉得复杂的我已经将代码上传至****了,目前正在审核中

下一章:编写组件

https://blog.****.net/qq_38436796/article/details/108626189