iT邦幫忙

rails相關文章
共有 413 則文章
鐵人賽 Modern Web DAY 28

技術 [VR 前後端交響曲Day28] Rails專案開發 - 刪除ticket (使用vuex狀態管理)

CRUD新增、刪除、修改、顯示功能是一個完整的線上系統不可或缺的功能。昨天我們完成了更新 ticket,以及介紹了dispatch讓Vue可以聯絡到Vuex的a...

鐵人賽 Modern Web DAY 28

技術 [DAY 28] 復刻 Rails - Routing 威力加強版 - 2

承續昨天的實作,今天就來補上 Routing 的最後一個步驟 還記得我們怎麼實作 MiniSinatra 的 DSL 嗎? # MiniSinatra def...

鐵人賽 Modern Web DAY 27

技術 [VR 前後端交響曲Day27] Rails專案開發 - 編輯ticket (使用vuex狀態管理)

前情提要:前天我們完成了新增ticket,昨天也順便介紹了v-if語法;今天就延續著前兩天的tempo~~,介紹以Vue.js實作CRUD裡的編輯功能! Ste...

鐵人賽 Modern Web DAY 27

技術 [DAY 27] 復刻 Rails - Routing 威力加強版 - 1

昨天我們做了一個 MiniSinatra 來實作 routing 的部分,今天我們將會運用一樣的方式在我們的 Mavericks 加上這個功能,用 DSL 來寫...

鐵人賽 Modern Web DAY 26

技術 [VR 前後端交響曲Day26] Rails專案開發 - 新增ticket(v-if語法介紹)

昨天鐵人賽做完了新增ticket!所以現在專案裡,Done欄位完成了三張票~ 不過,在繼續實作編輯及刪除ticket功能之前,昨天的完成品有個地方我還不太滿意...

鐵人賽 Modern Web DAY 26

技術 [DAY 26] 復刻 Rails - 關於 Routing

還記得我們最一開始是怎麼處理 routing 嗎? 程式碼大概是像這樣 class App def call(env) if env['REQUES...

鐵人賽 Modern Web DAY 25

技術 [VR 前後端交響曲Day25] Rails專案開發 - 新增ticket

盤點這一週的完成項目: 我們現在學會了: 把Rails專案裡會重複使用的部分改寫成Vue 元件(column, ticket) 使用Vue套件Vue drag...

鐵人賽 Modern Web DAY 25

技術 [DAY 25] 復刻 Rails - 千層蛋糕 Rack Middleware

鐵人賽已經接近尾聲,今天要來聊聊 Rails 很重要的一個部分,也是初學者比較少了解到的東西,就是Rack Middleware,你可以在手邊的 Rails 專...

鐵人賽 Modern Web DAY 24

技術 [VR 前後端交響曲Day24] Rails專案開發 - Vuex狀態管理(2) mapState、mapGetters、mapActions、mapMutations

昨天鐵人賽我們kanban專案裡,把column改寫為Vuex狀態管理並透過beforeMount的方式從後端得到資料渲染在網頁上! 看起來好像前進了一大步,但...

鐵人賽 Modern Web DAY 24

技術 [DAY 24] 復刻 Rails - 關於 before_action

昨天我們示範了如何在 module 裡面用 super 來擴充方法,今天就來將昨天學到的觀念應用在我們的框架裡面 關於Metal Rails 在 ActionC...

鐵人賽 Modern Web DAY 23

技術 [DAY 23] 復刻 Rails - 用 Rails 的方式整理程式碼 ActionController

經過這幾天的重構整理,看起來越來越有點樣子了,雖然剩下 7 天(扣除掉最後一天完賽宣言衝篇數),但其實還有很多功能還沒實作完成,尤其是看到 applicatio...

鐵人賽 Modern Web DAY 22

技術 [VR 前後端交響曲Day22] Rails專案開發 - Vue draggable套件拖拉ticket

已經來到第22天了!剩下一週的時間我的專案就要部署(顯示為加緊趕工)~ 昨天的鐵人賽把column拖拉完成, 今天的需求:拖拉ticket,而且可以移動到不同的...

鐵人賽 Modern Web DAY 22

技術 [DAY 22]復刻 Rails - Application 啟動過程

關於 Rails web 應用程式的啟動過程,對於初學者來說並不會是首要目標,大多數還是會先從 MVC 架構開始學起,但如果學習到一定的程度,想要更深入了解 R...

鐵人賽 Modern Web DAY 21

技術 [DAY 21] 復刻 Rails - 用 Rails 的方式整理程式碼 Active Support

還記得之前我們實作 dependencies.rb 這個檔案的目的是什麼嗎? # mavericks/lib/mavericks/dependencies.rb...

鐵人賽 自我挑戰組 DAY 30

技術 Day30 - 不免俗一定要來一下的完賽心得

參賽動機 當初參賽,單純只是想把工作這段期間所學,當作學習筆記紀錄起來 既然要寫,至少要做到輸出的資訊是正確的,以免混淆讀者,若有發現錯字、表達不夠清楚、資訊錯...

鐵人賽 Modern Web DAY 20

技術 [VR 前後端交響曲Day20] Rails專案開發 - 建立Vue元件: Ticket component

昨天的鐵人賽我們終於開始真正把手上在開發的系統變成,Vue.js x Rails專案了,可喜可賀! 今天,我想開給自己兩張票ticket,包括明後兩天要製作的t...

鐵人賽 Modern Web DAY 19

技術 [VR 前後端交響曲Day19] Rails專案開發 - 建立Vue元件: Column component

在昨天的鐵人賽,我們利用rails的scaffold指令,迅速地將看板Kanban的CRUD調整成符合專案適合的樣貌,並完成了使用者登入後頁面,列出了目前筆者在...

鐵人賽 Modern Web DAY 20

技術 [DAY 20] 復刻 Rails - 用 Rails 的方式整理程式碼 Active Record

前面 19 天我們寫了很多 code,但你會發現我們 lib 資料夾底下很亂,這是目前裡面所包含的東西 . ├── lib │   ├── mavericks...

鐵人賽 Modern Web DAY 19

技術 [DAY 19] 復刻 Rails - ORM - 加上 where

已經搞了好幾天的 ORM,今天總算要做個結尾啦,這個系列我們從 file_model.rb 用 JSON 格式檔案當作資料庫,在到 sqlite_model.r...

鐵人賽 Modern Web DAY 18

技術 [VR 前後端交響曲Day18] Rails專案開發 - 第2個Model: 建立看板 Kanban

話說前幾天聽了星箭廣播「如何變強」特輯:工程師學習新技術,深受啟發。這集的來賓是創業家林宜儒(Lawrence)同時也是一位資深的Rails後端工程師,他分享了...

鐵人賽 Modern Web DAY 18

技術 [DAY 18] 復刻 Rails - class_eval

我們現在可以選擇要使用什麼資料庫了,今天就來把 Attribube 加上去吧!疑,等等,我們不是在前幾天已經做過了 Attribute 嗎? (你是不是在偷篇數...

鐵人賽 Modern Web DAY 17

技術 [VR 前後端交響曲Day17] Rails專案開發 - 第1個Model : User註冊登入. UI修改

今天是中秋連假第二天~祝大家月餅柚子烤肉吃爽爽! 話說使用者的註冊登入系統是一個完整的網站不可或缺的功能, 昨天規劃好KanbanRails專案進度,把首頁做出...

鐵人賽 自我挑戰組 DAY 27

技術 Day27 - Ruby on Rails 中使用 Foreman 打包所有要啟動的 server

前言 從原本啟動 Rails server 、 Webpacker 外,後續增加了 Resque、Sidekiq ,變成要開四個視窗啟動,有時還會忘記要開其中一...

鐵人賽 自我挑戰組 DAY 26

技術 Day26 - Ruby on Rails 中使用 FFmpeg 處理影音轉檔、合併、上字幕

前言 FFmpeg 是一個開放原始碼的自由軟體,可以執行音訊和視訊多種格式的錄影、轉檔、串流功能,包含了libavcodec——這是一個用於多個專案中音訊和視...

鐵人賽 Modern Web DAY 17

技術 [DAY 17] 復刻 Rails - ORM-威力加強版

中秋節!突然後悔沒有提早一點開賽,有些參賽者已經完賽了... 廢話不多說,直接進入主題吧! 讓我們可以選擇使用的資料庫 我們現在有支援 SQlite,接下來我們...

鐵人賽 Modern Web DAY 16

技術 [VR 前後端交響曲Day16] Rails 專案開發 - 網站進度規劃

前情提要:我們在鐵人賽第3天的時候為Rails專案裡導入了Vue.js框架, 接著花了10天左右的時間熟悉Vue重要的基本語法~ 嘗試2週內走一輪敏捷開發 在接...

鐵人賽 Modern Web DAY 16

技術 [DAY 16] 復刻 Rails - ORM-我說那個 Attribute 呢?

就如同昨天結尾所說的,我們應該要跟 Rails 一樣,用 Task.title 的方式來呼叫方法,而不是用 Taks['title'] 來呼叫,今天我們就來建...

鐵人賽 自我挑戰組 DAY 25

技術 Day25 - Ruby on Rails 中的 Sidekiq 的介紹與應用

前言 Sidekiq 是 Ruby on Rails 中蠻常用的後台任務處理系統,上篇介紹了 Resque Gem,已知這 2 套 Gem 相比,Sidekiq...

鐵人賽 Modern Web DAY 15

技術 [DAY 15] 復刻 Rails - 更多的 ORM 實作

昨天我們現在實作了 create,當然只有 create 是遠遠不夠的,今天我們要把其他的功能也補上,其實大部分都在 file_model.rb 實作過,只是將...