Day 10 Blog and Posts

现在我们有一个可以输入日志的介面了，但日志就是每天都要写的意思，只有一篇怎麽够呢？我们来加上blog。

首先建立BlogModel class，里面很简单只有4个Property，分别为Id、名称、日志列表及建立时间。

接着将Post.razor的@page指示词跟EditForm底下的Expander范例移除，打开launchSettings.json将launchUrl改为Blog，因为我们的主体要改成Blog。

再把PostBase的OnInitializedAsync中指派值给Post的部分移除，Post上面加入Parameter，表示要从外部传进来。

最後建立BlogBase.cs跟Blog.razor，可以看到BlogBase.cs的OnInitializedAsync呼叫一个方法loadData，实体化一个Blog，里面的Posts有4笔资料。

Blog.razor则是如下图一样，要记住Blog==null的判断很重要，因为真实的资料大都会用非同步方式传递，所以取得资料的速度会比画面渲染的时间晚，若没有这样判断，很容易发生Blazor找不到该物件而报错的状况。

另外Post.razor也做了相应调整，可以看到画面呈现了部落格名称及4笔日志，这样一来我们就完成了简单的部落格雏型了。