在傢裡的電腦上試著連接數據庫，結果發現還是連接不上，檢查了連接字符串發現也沒有什麼問題呀，但就是連接不上，後來終於知道為啥了，把問題記錄一下。

連接不上數據庫的問題

最好是打開數據庫的企業管理器進行測試，發現傢裡的電腦服務器地址寫成IP地址時就無法連接，設置成localhost時就可以連接

卡死不顯示數據的問題

一切都設置好了，也能向數據庫中創建表，但就是無法顯示數據庫表中的數據，也不知道為什麼，後來檢查數據庫中表的內容中，發現有的內容是空值，但是在定義實體類時，沒有設置為可為空值，導致數據表中為空值時就無法顯示了，所以需要修改一下實體類的定義，允許為空值就是加個？號就可以了。

沒有允許【單位】可為空值

除了主鍵，為了省事其他的都定義為可以為空

綁定數據到BootstrapBlazor的表格組件上

BootstrapBlazor組件相對美觀，試著把數據綁定到表格上，先看一下網站上的例子

<Table TItem="Foo" Items="@Items.Take(3)" IsStriped="true">
    <TableColumns>
        <TableColumn @bind-Field="@context.DateTime" Width="180" />
        <TableColumn @bind-Field="@context.Name" />
        <TableColumn @bind-Field="@context.Address" />
    </TableColumns>
</Table>

例子上的實體類是Foo，我們定義的實體類是Book

private List<Foo>? Items { get; set; }

例子上獲取實體類集合的是items，我們的是D1

private List<Book> D1 = new List<Book>();

然後，照著例子把數據綁定上去

<Table TItem="Book" Items="@D1" IsStriped="true">
    <TableColumns>
        <TableColumn @bind-Field="@context.名稱" Width="180" />
        <TableColumn @bind-Field="@context.單位" />
        <TableColumn @bind-Field="@context.數量" />
    </TableColumns>
</Table>

最後的運行效果如下，表格馬上美觀了好多