Supabase的資料庫和表格

閱讀時間約 3 分鐘
supabase的資料庫與表格封面
嗨歡迎閱讀我的文章!這是關於Supabase的系列文章,內容包含介紹Supabase是什麼、基本功能應用,深入了解Supabase的進階功能應用。

Supabase的資料庫

PostgreSQL

Supabase的資料庫基底是PostgreSQL,在PostgreSQL中又是有著各種表格,以及各種欄位所構成,接下來搭配介面介紹。
如果想要對PostgreSQL更加瞭解可以去這裡PostgreSQL正體中文使用手冊

新增第一個表格

在上篇文章中我們創了第一個專案,這裡就開始為這個專案創幾個表格來看看。
Table editor頁籤
首先進到專案首頁以後可以看到左邊側邊有很多個頁籤,直接去Table Editor,Supabase中主要資料庫的表格都是在這裡新增或刪除。
supabase表格介面
左邊側邊欄位這邊會顯示這個資料庫中所有的表格,目前因為是剛建立的資料庫所以沒有顯示任何表格,直接點Create a new table按鈕來新增第一個表格。

表格介面導覽

每次新增一個新的表格都會有這個介面要填表格的欄位名稱格式等資料,目前手機版還沒辦法完整瀏覽需要用網頁開啟。
先設定一個情境,我要新增一個表格用來記錄使用者的資料,裡面要有使用者的信箱,並且以信箱當作唯一key,用這個情境來新增一個表格。
supabase中新增表格介面
首先name的欄位對應的是表格的名字,這裡就先用members作為名稱,下面有一個勾勾Enable Row Level Security(RLS)這個就先勾起來,下篇文章再對這個做完整說明。
supabase新增欄位
下方有提供id和created_at這兩個預設的欄位,包含主要欄位和預設值都已經設定好直接沿用,這裡再新增一個email用來記錄使用者信箱,右邊設定值的按鈕點開來把is Unique的選項給勾起來,如此一來就完成基本表格欄位的設定。
沒有設定好也沒關係,這些內容之後都還可以再改,當然如果裡面有資料的時候才改就會有點煩人,點擊右下方save按鈕新增第一個表格吧。

新增第一筆資料

supabase新增一筆資料
新增第一個表格以後就可以原本左邊的列表就多出一個members的表格,右邊目前還沒有資料所以是空的,點擊Insert按鈕裡面的Insert row新增第一筆資料。
supabase新增資料介面
在剛剛新增表格的時候知道只有email這個欄位需要填入,其餘欄位都會自動生成預設值,隨意輸入一個email以後按save新增一筆資料。
supabase後台資料庫介面
完成後就可以看到資料庫裡面已經有一筆資料囉!

總結

以上這個方式就是手動新增一筆資料的過程,當然之後串接前端程式以後就可以使用js去新增資料、刪除、修改資料,不過新增表格以及定義欄位內容的過程還是需要進到後台介面去設定。

有興趣的內容

6會員
23內容數
沙龍新手
留言0
查看全部
發表第一個留言支持創作者!
技術叢林 的其他內容
嗨歡迎閱讀我的文章!這是關於Supabase的系列文章,內容包含介紹Supabase是什麼、基本功能應用,深入了解Supabase的進階功能應用。 Supabase將為前端開發帶來創新、便利和效率。 什麼是Supabase? Supabase官網 Supabase是一個開源的後端服務平台,提供完全可
嗨歡迎閱讀我的文章!這是關於Supabase的系列文章,內容包含介紹Supabase是什麼、基本功能應用,深入了解Supabase的進階功能應用。 Supabase將為前端開發帶來創新、便利和效率。 什麼是Supabase? Supabase官網 Supabase是一個開源的後端服務平台,提供完全可
你可能也想看
Google News 追蹤
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
我在這裡分享我對卡片盒筆記的想法和經驗,從過去的資料收集方式,到如何更有效地使用 Notion 實現卡片盒筆記法。我也會介紹 Evernote 的一些經驗,以及如何利用 Notion 更好地連結和組織資料。希望能對你們有點幫助,讓我們一起探索「由下而上」的寫作世界吧!
Thumbnail
你喜歡閱讀嗎? 你閱讀的速度偏快或偏慢呢? 你有沒有一種閱讀情況是讀了前面忘了後面? 結果一本書看完已經過了好幾個月? 想學習更快速的方法來增加速讀能力﹗?(充滿熱血的握拳﹗🔥)
Thumbnail
UNIX 在設計時,用 32 位元為基礎設計,Timestamp (time_t 結構) 順理成章也是 32 位元 (signed int32),從 1970 年開始算,導致它能記錄的時間在 2038 年會溢位變負數。
Thumbnail
我在學習人體速寫與結構時,老師曾說過,畫畫不是憑空想像出來的。更準確地說,所有天馬行空的幻想都建立於真實事物之上。 現在,來做個小測試,看看你腦海中的資料庫是否足夠豐富吧!
Thumbnail
進入老年期的疾病,我最擔心的是突然的中風,不知原因的,自己的身體細胞增生不停止的癌症,還有更不知道原因的失智症。   失智症(阿茲海默症)的早期症狀: 1.瞬間記憶喪失 2.沒有好奇心 3.沒感覺   對照我自己:   1.瞬間記憶喪失   ○我的瞬間記憶喪失,只是一下子而已,事後(馬上,幾秒鐘,或
Thumbnail
《未來十年微趨勢》在〈個資狂熱分子〉提到:「數據資料成為最強大的重點貨幣。」讀到這裡時我十分震驚,因為我深刻地意識到:原來,我們的數據是這麼有價值的資產啊!既然從現在到未來,數據這麼有價值,那麼,如果我們可以透過自由書寫,自產數據、分析數據,那不是一件很棒的事情嗎?
Thumbnail
學語言的人共同的一大困擾,就是今天才剛學了新字,真正要用到時卻突然忘了,這是因為,大腦需要幾次複習才能熟悉,就像記憶一個新進同事的全名一樣。在撰寫本文的當下,本專題的累積文章已超過180篇,未來還持續新增。如果一時忘了之前教過的某句英日文怎麼講,現在有辦法可以像查電子字典一樣,快速找到你想複習的內容
Thumbnail
A.安裝Dreamweaver CC的資料庫擴充元件 Dreamweaver CC的資料庫相關功能介面,均需使用者自行安裝擴充元件來加入,請利用【PVII Extension Manager CC】安裝,請至網站下載: http://www.projectseven.com/products/ex-
Thumbnail
相信許多資工系的學生或者在科技業界的前輩們都或多或少接觸MongoDB,因其容易使用又有免費的版本,通常是人們在選擇NoSQL資料庫的第一選擇。
Thumbnail
研究生是學校欲培養的重要專業人才,這個階段的教育對研究生日後的學術生涯更有著決定性的影響,其中,又以其學位論文最能展現高等教育成果。論文的完成除了有賴研究生自身的投入,背後還需要教師與學校的支持與協助。
Thumbnail
接下來第二部分我們持續討論美國總統大選如何佈局, 以及選前一週到年底的操作策略建議 分析兩位候選人政策利多/ 利空的板塊和股票
Thumbnail
🤔為什麼團長的能力是死亡筆記本? 🤔為什麼像是死亡筆記本呢? 🤨作者巧思-讓妮翁死亡合理的幾個伏筆
Thumbnail
我在這裡分享我對卡片盒筆記的想法和經驗,從過去的資料收集方式,到如何更有效地使用 Notion 實現卡片盒筆記法。我也會介紹 Evernote 的一些經驗,以及如何利用 Notion 更好地連結和組織資料。希望能對你們有點幫助,讓我們一起探索「由下而上」的寫作世界吧!
Thumbnail
你喜歡閱讀嗎? 你閱讀的速度偏快或偏慢呢? 你有沒有一種閱讀情況是讀了前面忘了後面? 結果一本書看完已經過了好幾個月? 想學習更快速的方法來增加速讀能力﹗?(充滿熱血的握拳﹗🔥)
Thumbnail
UNIX 在設計時,用 32 位元為基礎設計,Timestamp (time_t 結構) 順理成章也是 32 位元 (signed int32),從 1970 年開始算,導致它能記錄的時間在 2038 年會溢位變負數。
Thumbnail
我在學習人體速寫與結構時,老師曾說過,畫畫不是憑空想像出來的。更準確地說,所有天馬行空的幻想都建立於真實事物之上。 現在,來做個小測試,看看你腦海中的資料庫是否足夠豐富吧!
Thumbnail
進入老年期的疾病,我最擔心的是突然的中風,不知原因的,自己的身體細胞增生不停止的癌症,還有更不知道原因的失智症。   失智症(阿茲海默症)的早期症狀: 1.瞬間記憶喪失 2.沒有好奇心 3.沒感覺   對照我自己:   1.瞬間記憶喪失   ○我的瞬間記憶喪失,只是一下子而已,事後(馬上,幾秒鐘,或
Thumbnail
《未來十年微趨勢》在〈個資狂熱分子〉提到:「數據資料成為最強大的重點貨幣。」讀到這裡時我十分震驚,因為我深刻地意識到:原來,我們的數據是這麼有價值的資產啊!既然從現在到未來,數據這麼有價值,那麼,如果我們可以透過自由書寫,自產數據、分析數據,那不是一件很棒的事情嗎?
Thumbnail
學語言的人共同的一大困擾,就是今天才剛學了新字,真正要用到時卻突然忘了,這是因為,大腦需要幾次複習才能熟悉,就像記憶一個新進同事的全名一樣。在撰寫本文的當下,本專題的累積文章已超過180篇,未來還持續新增。如果一時忘了之前教過的某句英日文怎麼講,現在有辦法可以像查電子字典一樣,快速找到你想複習的內容
Thumbnail
A.安裝Dreamweaver CC的資料庫擴充元件 Dreamweaver CC的資料庫相關功能介面,均需使用者自行安裝擴充元件來加入,請利用【PVII Extension Manager CC】安裝,請至網站下載: http://www.projectseven.com/products/ex-
Thumbnail
相信許多資工系的學生或者在科技業界的前輩們都或多或少接觸MongoDB,因其容易使用又有免費的版本,通常是人們在選擇NoSQL資料庫的第一選擇。
Thumbnail
研究生是學校欲培養的重要專業人才,這個階段的教育對研究生日後的學術生涯更有著決定性的影響,其中,又以其學位論文最能展現高等教育成果。論文的完成除了有賴研究生自身的投入,背後還需要教師與學校的支持與協助。