用BootstrapBlazor制作修改订单字段的页面

amisoft / 2023-05-12 / 原文

1、在Shared文件夹下新增一个razor

0

1

2、页面初始化的时候获取订单信息

准备一个名为OrderId的参数

2

准备重写页面初始化时的方法

3

改成异步的形式来重写

4

4、获取数据

就3行代码。

声明这个razor从TradeComponentBase继承,仅仅是为了直接调用ObjectMapper。

因为ABP Suite自动生成的代码,只能直接返回Dto对象,而不能直接返回UpdateDto,所以需要先获取Dto,再映射到UpdateDto。

5

5、准备OrderUpdatePage来测试效果

6

6、OrderUpdatePage从URL里面获取订单的编号

7

7、在页面合适的区域放置OrderUpdateView,并且把URL中的OrderID,传递给OrderUpdateView组件

8

8、启动程序,在浏览器中测试效果

直接输入编辑订单的网址,页面报错

9

控制台有详细的异常信息,原来是没有CustomerOrderDto到CustomerOrderUpdateDto的映射:

10

9、添加CustomerOrderDto到CustomerOrderUpdateDto的映射

打开Study.Trade.Blazor项目的TradeBlazorAutoMapperProfile.cs文件

11

添加一行:

13

10、再次直接进入编辑页面,成功

12