檢視 Structure

現在我們已經為 kitty 構建好了 runtime，現在需要檢查一下我們的工作！

我們已經為我們的鏈引入了一個自定義結構，雖然 Polkadot-JS Apps UI 非常善於適應我們的變化，但在這種情況下，我們需要給出一個關於如何反序列化結構體資料的提示。

提示：請記住重置你的鏈，以便在與 UI 互動時重新開始：

./scripts/build.sh
cargo build --release
./target/release/substratekitties purge-chain --dev
./target/release/substratekitties --dev

7.1 註冊一個自定義 Struct

幸運的是，Polkadot-JS Apps UI 為我們提供了一種非常簡單的方法來匯入自定義結構，以便頁面能夠正確解碼資訊。

在 Settings app 頁面的 Developer 部分中，你可以提交包含有自定義 struct 的 JSON 檔案或者通過程式碼編輯器手動新增。將此JSON object 複製並貼上到程式碼編輯器中，然後按下 Save。

{
    "Kitty": {
        "id": "H256",
        "dna": "H256",
        "price": "Balance",
        "gen": "u64"
    }
}

7.2 建立一個Kitty

現在我們可以去創造一個新的 kitty。在 Extrinsics app 頁面中，進入：

appletrace > createKitty()

一旦你按下提交後，你應該能看到交易完成：

 7.3 檢視 Kitty

最後，我們可以進入 Chain State app 頁面，檢視我們儲存的 kitty 物件。選擇：

appletrace > ownedKitty(AccountId): Kitty

接著選擇已呼叫 createKitty() 函式的使用者。然後，你應該能夠看到 Kitty 物件的各個屬性：