Step.06 登入頁面 - Azraeil/JCcart_Note GitHub Wiki

建立管理人

進入console建立真正的管理人

rails c

:001 > Manager
:002 > Manager.create(:email => '[email protected]', :password => 'werwerwer')
:003 > exit


登入畫面devise其實已經幫我們弄好了,我們可以`rake routes`來看所有的路由,JC讓我們先來看看`users/sign_up`

rails s啟動server後,網址打localhost:3000/users/sign_up,會發現噴掉說找不到turbolinks,這是因為我們一開始就把turbolinks給關掉了

於是我們去app/views/layouts/application.html.erb,改成

<!DOCTYPE html>
<html>
<head>
  <title>JCcart</title>
  <%= stylesheet_link_tag    'application', media: 'all' %>
  <%= javascript_include_tag 'application' %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

接著去app/assets/javascripts/application.js,砍掉//= require turbolinks這一行

上一次重啟server是很久以前的事了,為了避免噴掉,去iTerm開啟Server的那個Tab,Ctrl + c關掉server後,再rails s開啟server,然後去localhost:3000/users/sign_up就能看到devise內建的註冊頁面了

如何修改devise的登入頁面

剛剛我們連到localhost:3000/users/sign_up所看到的頁面是devise的default view,我們可以generate他的view來改成自己想要的

先問rails有什麼可以生成

rails g --help

然後因為我們有上devise,所以會看到devise:views

...

Devise:
  devise
  devise:controllers
  devise:install
  devise:views

...

所以我們就能下指令生成devise:views

rails g devise:views

我們的localhost:3000/users/sign_up是在app/views/devise/registrations/new.html.erb

fix app/views/devise/registrations/new.html.erb,把標題的<h2>Sign up</h2>改成<h2>Sign up Yooo</h2>

再重整一次localhost:3000/users/sign_up就能看到我們成功改掉標題

⚠️ **GitHub.com Fallback** ⚠️