iT邦幫忙

2022 iThome 鐵人賽

DAY 10
0
Software Development

新手村的練功筆記系列 第 10

Day10 新增Posts Controller & ERB頁面

  • 分享至 

  • xImage
  •  

還記得昨天我們遇到的錯誤畫面嗎
仔細看就可以知道我們沒有一個叫做posts的controller

因此我們使用以下指令來創建一下
rails g controller Posts

當我們建立完controller後
重新整理一下頁面

我們可以看到又有新的錯誤了/images/emoticon/emoticon04.gif
初學者會很常看到紅色畫面
所以不用緊張
讓我們來看看rails 又給了我們哪些提示吧

他說找不到"new"這個action

於是所以我們就去controller看看吧

vim app/controllers/posts_controller.rb

好的,果然如rails 提示的空空如也/images/emoticon/emoticon37.gif
這時我們只要加入以下語法,給他一個new方法

  class PostsController < ApplicationController
   def new  //定義一個new方法
   end      //別忘了給他一個結尾
  end

接著我們再將網頁重新整理
又是紅色畫面/images/emoticon/emoticon03.gif
但是有注意到嗎,它所提示的文字改變了
太好了,表示我們剛剛的改動是正確的

所以我們再看看它給了我們什麼提示
它說了我們沒有一個template來回應請求
並且有提示你他的格式是html

還記得第8天中提到的MVC架構嗎
聰明的你想必已經猜到與畫面有關的都會放在view底下

接著讓我們來看看view底下有什麼吧
(我們使用ls -al 指令來查看目錄底下有些什麼東西)

你會發現,完全沒有東西XD
也難怪rails 會提示我們沒有東西

既然沒有東西,那我們就做一個給他吧
使用touch new.html.erb指令

接著我們編輯它

我們先加入一個h1標題測試一下

加完後存檔並重新整理網頁

太棒了,我們看到網頁已正常顯示
但是僅僅是這樣我們無法拿來輸入文字新增文章啊

先別急,今天我們先到這邊
可以先試著回想我們一步步依照提示解決問題的感覺

明天我們將繼續介紹要如何製作


上一篇
Day 9 路徑規劃
下一篇
Day 11 新增文章畫面
系列文
新手村的練功筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言