iT邦幫忙

2025 iThome 鐵人賽

DAY 7
0
Vue.js

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

遊戲活動關卡查詢網站Day7-資料匯入2(Supabase)

  • 分享至 

  • xImage
  •  

目標
昨天已經完成了註冊Supabase和建立專案
今天要做的是將前天匯出的五份檔案匯進來
而這次新增了一個驗證項目在最後一段
確認我們匯入的資料都有匯成功。

步驟
1 把滑鼠滑到左邊 會顯示出選單
點選Database

2 接著點選Tables

3 按下右邊的New Table
這邊就會開始建立資料表
也就是要匯入手上準備的CSV檔案了

4 輸入資料表名稱
這邊以活動資訊的檔案為例 做說明
然後滑到下面 選擇「Import Data from CSV」

5 把活動資訊的檔案 拖曳過來
然後到底下 確認這些資料無誤
按下右下角Save後
會回到上一個步驟

6 它會提示你,PK欄位要記得勾選
另外,活動編號欄位也要注意是不是Text
確認後,一樣按下右下角的Save 就完成匯入這張資料表了
其他資料表也是這樣的步驟

而我們剛才用CSV檔案匯入活動資訊的動作
其實就是等同於建立資料表的語法

create table public.action (
  "ID" bigint not null,
  "actionNo" text null,
  name text null
) TABLESPACE pg_default;

驗證

  1. 將鼠標滑到左邊 會出現選單
    按下SQL Editor
    輸入語法查詢活動資訊
select * from action

2 接下來我們把語法改成

select actionNo from action

會出現下圖的錯誤
錯誤原因是 在PostgreSQL中
要加上雙引號來辨識欄位名稱

3
所以當有上述的需求時,改成下面這樣就好
在這個步驟中 我們用查詢語法確認剛才的資料有成功匯入了

select action."actionNo" from action

//我是註解 或是 select "actionNo" from action

備註
1.當時我們在Day5-資料規劃2(Excel)這篇所做的事情
在欄位的資料格式 只建立Text
就是因為這邊在資料表匯入時,會自動判斷該資料的欄位
有鑑於開發目的,暫時不會著重在區分number、varchar、nvarchar格式這件事情

2.小訣竅
在這邊的SQL Editor 查詢時
可以使用CTRL+ENTER的快捷鍵
同樣的,和在其他軟體查詢DB的習慣一樣
這邊也能搭配CTRL+L 用藍色框包裹起來
做選取區段查詢


上一篇
遊戲活動關卡查詢網站Day6-資料匯入1(Supabase)
下一篇
遊戲活動關卡查詢網站Day8-程式安裝(Node.JS)
系列文
遊戲活動關卡查詢網站23
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言