iT邦幫忙

鐵人檔案

2023 iThome 鐵人賽
回列表
SideProject30

用 Rails 打造你的電商網站 系列

在 15 分鐘內打造出一個 CRUD 的部落格網站,讓 Rails 一戰成名,程式碼優雅簡潔也是 Rails Developer 喜愛的原因之一,作為全端框架,我們可以直接用 Rails 刻出一個網站,且無需前後端分離,展現充分的彈性及便利性,這次我們就用 30 天來刻出一個電商網站吧!

鐵人鍊成 | 共 30 篇文章 | 6 人訂閱 訂閱系列文 RSS系列文
DAY 1

Day 01 一切從會員開始

為什麼要用 Devise 支援多種會員系統模組有許多方便的方法 前置作業: 建立一個 rails 專案 (本文章使用 7 版本) 安裝 devise gem...

2023-09-16 ‧ 由 ning_chang 分享
DAY 2

Day 02 成為會員前的一封信

會員註冊後,我們可以寄一封驗證信給他們, 不然怎麼會知道他填的是不是他本人的呢? 我們會使用到 Devise 的 Mailer 跟 Devise 那我們就開始吧...

2023-09-17 ‧ 由 ning_chang 分享
DAY 3

Day 03 用一塊一塊的積木堆積成一個網站

事前準備 個人檔案頁面 CRUD 及切版 元件化我們的程式碼 我們將會員系統基本功能開發完後,就先放置到一旁吧 先把畫面做出來,應該會比較直覺一點 今天我們要來...

2023-09-18 ‧ 由 ning_chang 分享
DAY 4

Day 04 增加圖片功能讓網站更吸睛

完成個人檔案頁面後,但好像少了些什麼? 啊!使用者沒有大頭貼啦 我們就來做圖片上傳功能吧! Rails 有個好用的圖片上傳功能,叫做 Active Storag...

2023-09-19 ‧ 由 ning_chang 分享
DAY 5

Day 05 - 把機密資訊放到保險櫃中

昨天有提到 master key 這個環境變數的存取方式,我們來認識一下他是什麼吧 在 Rails 5.2 版本後,Master key 就成了 Rails 內...

2023-09-20 ‧ 由 ning_chang 分享
DAY 6

Day 06 - 為你的會員分類

前置作業: 在 User 的 model 增加 role 的欄位,型態是 integer 前言 網站的使用者會分很多種角色 以電商網站的例子來說,可能會分成 網...

2023-09-21 ‧ 由 ning_chang 分享
DAY 7

Day 07 建立商品資料

前置作業: 建立商品的 model 以咖啡廳來說會商品拆分成兩個 model , drink 以及 dessert 前言 假設我們今天要開線上咖啡廳,我們可能會...

2023-09-22 ‧ 由 ning_chang 分享
DAY 8

Day 08 - 用分頁來整理過多的商品

如果我們今天有 100 個品項,同時集中在一個頁面會讓這個頁面變得又臭又長 適當的拆成分頁就蠻重要的 Rails 有很多分頁的套件,我們今天會使用 pagy 來...

2023-09-23 ‧ 由 ning_chang 分享
DAY 9

Day 09 你看到的刪除不是刪除

前置作業:在 index 頁面的每個商品加上編輯連結以及刪除連結 當我們不小心將一筆商品刪除,結果兩個月後卻發現又要再賣一次, 這時候還要再上架一次,雖然說沒有...

2023-09-24 ‧ 由 ning_chang 分享
DAY 10

Day 10 區分前台與後台

隨著功能越加越多,我們的專案也需要開始來區分前後台了 我們就簡單區分一下: 前台是給使用者看的後台是給管理員看的 後台會用到的功能應該會比較多,所以我們就把後台...

2023-09-25 ‧ 由 ning_chang 分享