iT邦幫忙

2025 iThome 鐵人賽

DAY 4
0
Vue.js

遊戲活動關卡查詢網站系列 第 4

遊戲活動關卡查詢網站Day4-資料規劃1(簡易版Schema)

  • 分享至 

  • xImage
  •  

目標
昨天完成了初步的畫面設計的規劃
接下來要做建立資料的工作 以便之後匯入Supabase
所以今天會為需要的資料做分類和整理
替這些資料做一個簡易版的Schema。

步驟
1.
先檢視第一張線稿
中間上半部選擇活動後 底下會顯示活動的副本
按下副本後 左邊便會顯示該副本的關卡與敵人資訊

所以我們至少需要準備五個資料表
接下來 建立各資料表間的欄位對應關係

最後整理
它們的Schema會是下面這幾張對應的資訊
有了資料表的規劃後,下一篇各資料表會先建立幾筆簡單的資料

  • 活動資訊

  • 副本資訊

  • 活動副本關聯資訊

  • 敵人資訊

  • 敵人技能資訊


備註
因為資料需要匯入Supabase
暫時不用太複雜的資料類型規劃
所以,簡易版Shema的資料格式會和我們平常看到的不一樣
後面匯入時 會再一併解說原因。


上一篇
遊戲活動關卡查詢網站Day3-設計規劃(Miro)
下一篇
遊戲活動關卡查詢網站Day5-資料規劃2(Excel)
系列文
遊戲活動關卡查詢網站24
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言