作作看主页!:设定一览

作作看主页!

Header8

0 : 这个章的目的

 看看「作作看主页!」里设定的內容


1 : 设定一览

作作看主页!」里设定了主页。

在这里看看里面的內容吧。
为了做主页的设定,打入

 terminal
 使用Windows的话,请使用「命令提示符」吧。

1 ralis g controller welcome

用这个打入作好的
  • 設定资料的显示的「app > views > welcome
  • 設定资料的操作的「app > controllers > welcome_controller.rb


3. 设定使用的网页的「config > route.rb

这个三个文件设定网页。
 七个网页的设定(route.rb)

 route.rb

1 2 3 4 5 5 6 7 8 9 ... 58 59 Rails.application.routes.draw do resources :posts , :only => [:show, :index, :new, :create, :edit, :update, :destroy] resources :welcome, :only => [:index] root "welcome#index" # The priority is based upon order of creation: first created -> highest priority. # See how all your routes lay out with "rake routes". # You can have the root of your site routed with "root" # root 'welcome#index' # 省略 # end end

 操作资料的设定(controller文件)

 welcome_controller.rb

1 2 3 4 class WelcomeController < ApplicationController def index end end

 网页的设定(views文件夾)

 index.html.erb

1 2 3 4 5 <div class="header-image"> <h1 class="text-center header-content"><strong>欢迎光临</strong></h1> </div> <br> <a href="/posts" class="btn btn-primary">看投稿一览</a>

网页的装饰

 style.scss

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 .my-form{ width:500px; } .main-page{ margin-top:50px; } .header-image{ background-image: url(/assets/header12.jpg); height:400px; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .header-content{ font-size:75px; padding-top:150px; }