<a>要素を生成する。
<%= link_to "表示テキスト", URL %>
<a href=URL>表示テキスト</a>を生成routes.rbでas:指定をしたパス(***_path)を指定可能<%= link_to text, URL, :attr_name => 'attr_value' %>
:id => 'ID'などコマンド全体
vagrant -hvagrant --helpサブコマンド
vagrant help commandvagrant -vvagrant --versionvagrant box listvagrant box add **/**vagrant box add virtual_name box_name.boxvagrant box remove **/**vagrant box remove box_name --box-version ****.**vagrant destroyで仮想マシンを削除する対象の仮想環境のディレクトリー内で実行。
vagrant box updatevagrant package box_namepackage.box作成vagrant package box_name --output buckup_name.boxリストアはaddの後init。
vagrant add box_name backup_name.boxvagrant init box_name仮想マシン操作は仮想マシンのディレクトリー内で。
vagrant global-statusvagrant init box_name仮想マシンに関する操作は仮想マシンのディレクトリー内で。
vagrant upvagrant haltvagrant restartvagrant statusvagrant sshvagrant ssh-configvagrant destroy id
idはvagrant global-statusで確認vagrant snapshot save snapshot_name
vagrant snapshot list
vagrant snapshot restore snapshot_name
vagrant snapshot delete snapshot_name
手順は以下の通り。
@model_name = ModelName.new(col1: val1, ...)@model_name.savetrue/falseに応じて必要な処理を行う|
1 2 3 4 5 6 |
@tweet = Tweet.new(name: params[:name], content: params[:tweet]) if @tweet.save redirect_to('/') else render 'new' and return end |
全データを読み出す場合、モデルクラスのクラスメソッドallを使う。
@model_names = ModelName.allこの変数をviewなどで利用するときは、各フィールドをプロパティーとして参照する。
@model_names.col1
Railsでは、データベースのテーブルをモデルを通して扱う。そのための開発時点での操作は以下のとおり。
テーブルに対して1つのモデルを生成する。
基本形は以下のコマンド。
rails generate model model_name
生成時にテーブルのフィールド名とフィールドの型を指定する場合(フィールド指定の間はスペース)。
rails generate model model_name col1:type col2:type ...
primary_keybinary, booleandate, datetime, time, timestampdecimal, float, integerstring, text実行後、モデルクラスとマイグレーションの2つのクラスファイルが生成される。
モデルクラスファイル
app_name/app/models/model_name
ModelName)ApplicationRecordを継承|
1 2 |
class ModelName < ApplicationRecord end |
マイグレーションファイル
app_name/db/migrate/yyyymmddhhmmss_create_model_name.rb
ActiveRecordモジュールのMigrationクラスを継承しているCreateModelNames
create_tableはDSL(ドメイン固有言語、Railsdoc)
create_tableブロック内でフィールドが定義される|
1 2 3 4 5 6 7 8 9 10 11 |
class CreateModelNames < ActiveRecord::Migration[5.1] def change create_table :model_names do |t| t.string :col1 t.string :col2 ..... t.timestamps end end end |
モデルの削除は以下のコマンドで、モデルクラスファイルとマイグレーションファイルが削除される。
rails destroy model model_name
ただしデータベース上のテーブルは削除されない。
以下のコマンドで、マイグレーションファイルの設定に従ってデータベースにテーブルが生成される。
rails db:migrate
モデル生成時にフィールドを指定しなかった場合やモデル生成後にフィールドを追加する場合は、マイグレーションファイルにフィールドを追加する。
|
1 2 3 4 5 6 7 8 9 |
class CreateDemoRecords < ActiveRecord::Migration[6.1] def change create_table :demo_records do |t| t.型 :フィールド名 t.timestamps end end end |
一度migrateした後にマイグレーションファイルを修正して再度migrateしても反映されない。一旦rails db:rollbackでテーブル生成前の状態に戻してからマイグレーションファイルを修正して再度実行。
rails db:rollbackで直前に生成したテーブルを削除DROP TABLEを実行model_nameモデルのmodel_namesテーブルを例にとる。
model_nameモデルを削除
rails destroy model model_namerails generate migration 任意の名前def changeブロックに以下を追加
drop_table: model_namesrails db:migrationを実行db/migrate/マイグレーションファイルを削除demo_recordという名前でモデルを生成する。このモデルはname:stringとage:integerの2つのフィールドを持つモデルを生成する。
|
1 2 3 4 5 6 7 8 |
[vagrant@localhost demo_app]$ rails g model demo_record name:string Running via Spring preloader in process 24003 invoke active_record create db/migrate/20210303061311_create_demo_records.rb create app/models/demo_record.rb invoke test_unit create test/models/demo_record_test.rb create test/fixtures/demo_records.yml |
モデルファイルがapp/modelsの下に作成される。モデルファイル名はモデル生成時のモデル名のスネークケースになっている。
|
1 2 |
[vagrant@localhost demo_app]$ ls app/models/ application_record.rb concerns demo_record.rb |
モデルファイルの内容はモデルクラスの定義で、生成当初は空の定義。モデルクラス名がモデル名のパスカルケースになっている。
|
1 2 |
class DemoRecord < ApplicationRecord end |
マイグレーションファイルがdb/migrateの下に作成される。
|
1 2 |
[vagrant@localhost demo_app]$ ls db/migrate/ 20210303071205_create_demo_records.rb |
マイグレーションファイルの内容はテーブル生成クラスの定義で、create_tableブロックの中でフィールドの名前と型を指定している。
demo_recordに対して生成されるテーブルクラス名はCreateDemoRecordsで、接頭辞Createにモデル名に複数形のsがついたパスカルケースcreate_tableブロックでフィールドの型とフィールド名を定義|
1 2 3 4 5 6 7 8 9 |
class CreateDemoRecords < ActiveRecord::Migration[6.1] def change create_table :demo_records do |t| t.string :name t.timestamps end end end |
rails db:migrateコマンドにより、マイグレーションファイルの設定に基づいてテーブルを生成する。
|
1 2 3 4 5 |
[vagrant@localhost demo_app]$ rails db:migrate == 20210303063040 CreateDemoRecords: migrating ================================ -- create_table(:demo_records) -> 0.0329s == 20210303063040 CreateDemoRecords: migrated (0.0331s) ======================= |
rails dbconsoleでテーブルが生成されていることを確認する。
|
1 2 3 4 5 6 7 8 9 |
mysql> show tables; +-----------------------+ | Tables_in_demo_app_db | +-----------------------+ | ar_internal_metadata | | demo_records | | schema_migrations | +-----------------------+ 3 rows in set (0.00 sec) |
生成されたテーブルの構成を確認。
|
1 2 3 4 5 6 7 8 9 10 |
mysql> desc demo_records; +------------+--------------+------+-----+---------+----------------+ | Field | Type | Null | Key | Default | Extra | +------------+--------------+------+-----+---------+----------------+ | id | bigint | NO | PRI | NULL | auto_increment | | name | varchar(255) | YES | | NULL | | | created_at | datetime(6) | NO | | NULL | | | updated_at | datetime(6) | NO | | NULL | | +------------+--------------+------+-----+---------+----------------+ 4 rows in set (0.01 sec) |
db:migration:statusでマイグレーションの状況を確認できる。部分的にロールバックした時などの確認に便利。
|
1 2 3 4 5 6 7 8 9 10 |
[vagrant@vagrant ex_bbs]$ rails db:migrate:status database: ex_bbs_development Status Migration ID Migration Name -------------------------------------------------- up 20210320060906 Create users up 20210326083051 Add columuns to users down 20210331121751 Create posts down 20210331122545 Create post images |
rails db:rollbackにより、いったんテーブル作成前の状態に戻す。
|
1 2 3 4 5 |
[vagrant@localhost demo_app]$ rails db:rollback == 20210303071205 CreateDemoRecords: reverting ================================ -- drop_table(:demo_records) -> 0.0209s == 20210303071205 CreateDemoRecords: reverted (0.0270s) ======================= |
MySQLで確認すると、テーブルはなくなっている。
|
1 2 3 4 5 6 7 8 |
mysql> show tables; +-----------------------+ | Tables_in_demo_app_db | +-----------------------+ | ar_internal_metadata | | schema_migrations | +-----------------------+ 2 rows in set (0.00 sec) |
rails db:migrate STEP=nでロールバックするステップ数を指定可能。STEPは大文字でないと機能しない。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
[vagrant@vagrant ex_bbs]$ rails db:migrate:status database: ex_bbs_development Status Migration ID Migration Name -------------------------------------------------- up 20210320060906 Create users up 20210326083051 Add columuns to users up 20210331121751 Create posts up 20210331122545 Create post images [vagrant@vagrant ex_bbs]$ rails db:rollback STEP=2 == 20210331122545 CreatePostImages: reverting ================================= -- drop_table(:post_images) -> 0.0027s == 20210331122545 CreatePostImages: reverted (0.0059s) ======================== == 20210331121751 CreatePosts: reverting ====================================== -- drop_table(:posts) -> 0.0019s == 20210331121751 CreatePosts: reverted (0.0022s) ============================= [vagrant@vagrant ex_bbs]$ rails db:migrate:status database: ex_bbs_development Status Migration ID Migration Name -------------------------------------------------- up 20210320060906 Create users up 20210326083051 Add columuns to users down 20210331121751 Create posts down 20210331122545 Create post images |
マイグレーションファイルに新たなフィールドを1行追加する。
|
1 2 3 4 5 6 7 8 9 10 |
class CreateDemoRecords < ActiveRecord::Migration[6.1] def change create_table :demo_records do |t| t.string :name t.integer :age t.timestamps end end end |
再度マイグレート。
|
1 2 3 4 5 |
[vagrant@localhost demo_app]$ rails db:migrate == 20210303071205 CreateDemoRecords: migrating ================================ -- create_table(:demo_records) -> 0.0346s == 20210303071205 CreateDemoRecords: migrated (0.0348s) ======================= |
MySQLで確認すると、テーブルが作成されている。
|
1 2 3 4 5 6 7 8 9 |
mysql> show tables; +-----------------------+ | Tables_in_demo_app_db | +-----------------------+ | ar_internal_metadata | | demo_records | | schema_migrations | +-----------------------+ 3 rows in set (0.00 sec) |
新たなフィールドが追加されているのが確認できる。
|
1 2 3 4 5 6 7 8 9 10 11 |
mysql> desc demo_records; +------------+--------------+------+-----+---------+----------------+ | Field | Type | Null | Key | Default | Extra | +------------+--------------+------+-----+---------+----------------+ | id | bigint | NO | PRI | NULL | auto_increment | | name | varchar(255) | YES | | NULL | | | age | int | YES | | NULL | | | created_at | datetime(6) | NO | | NULL | | | updated_at | datetime(6) | NO | | NULL | | +------------+--------------+------+-----+---------+----------------+ 5 rows in set (0.00 sec) |
フォームとのパラメーターのやりとりのみを確認する。
top_page.html.erbに以下の内容を記述。
|
1 2 3 4 5 |
<h1>メモパッド</h1> <%= form_tag("/demo_contents/post_memo") do %> <input type="text" name="memo" placeholder="メモを入力" value=""> <input type="submit" value="書き込み"> <% end %> |
上記のform_tagは、submitされた内容を指定したアクションにpostするformタグを生成する。
ただし直接formタグを書くと”invalid authenticity token”エラーになる。
フォームからPOSTで送られる内容を受けるアクションを、コントローラにメソッドとして追加する。
|
1 2 3 4 5 6 7 |
class DemoContentsController < ApplicationController def top_page end def post_memo end end |
config/routes.rbファイルに、POSTに対するアクションメソッドへのルーティングを追加する。
|
1 2 3 4 |
Rails.application.routes.draw do root to: 'demo_contents#top_page' post 'demo_contents/post_memo', to: 'demo_contents#post_memo' end |
ルートページにフォームが表示され、テキストボックスにメモを入力して送信ボタンを押すと、Railsサーバーにデータが送られている様子が表示される。
|
1 2 3 4 5 6 |
Started POST "/demo_contents/post_memo" for 10.0.2.2 at 2021-03-01 22:28:24 +0900 Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1 Processing by DemoContentsController#post_memo as HTML Parameters: {"authenticity_token"=>"[FILTERED]", "memo"=>"メモ"} No template found for DemoContentsController#post_memo, rendering head :no_content Completed 204 No Content in 5ms (Allocations: 1537) |
params変数に格納されるparams変数はハッシュで、フォーム要素のname属性で指定した内容がキーになる確認のため、demo_contentsコントローラーのpost_memoアクションに1行追加する。
|
1 2 3 4 5 6 7 8 |
class DemoContentsController < ApplicationController def top_page end def post_memo puts params[:memo] end end |
ここでテキストボックスにメモを入力して送信すると、Railsサーバーにその内容が表示される。
|
1 2 3 4 5 6 7 |
Started POST "/demo_contents/post_memo" for 10.0.2.2 at 2021-03-01 22:46:37 +0900 Cannot render console from 10.0.2.2! Allowed networks: 127.0.0.0/127.255.255.255, ::1 Processing by DemoContentsController#post_memo as HTML Parameters: {"authenticity_token"=>"[FILTERED]", "memo"=>"メモ"} メモ No template found for DemoContentsController#post_memo, rendering head :no_content Completed 204 No Content in 1ms (Allocations: 329) |
上記のpost_memoアクションの内容を以下の様に変更する。
@memoにフォームから受け取ったparams[:memo]の内容をセット@変数はクラスのインスタンス変数で、これをアクションとビューで共有できる。
|
1 2 3 4 5 6 7 8 9 10 |
class DemoContentsController < ApplicationController def top_page @memo = "" end def post_memo @memo = params[:memo] render "demo_contents/top_page" and return end end |
またビューファイルtop_page.html.erbに以下の様に追記する。コントローラーでセットされた@memoの内容をHTMLで表示させている。
|
1 2 3 4 5 6 7 8 |
<h1>メモパッド</h1> <%= form_tag("/demo_contents/post_memo") do %> <input type="text" name="memo" placeholder="メモを入力" value=""> <input type="submit" value="書き込み"> <% end %> <h2>メモの内容</h2> <p><%= @memo %></p> |
この結果、送信ボタンを押すと入力したメモの内容がtop_pageに表示されるようになる。
フォーム内の要素を、以下の様にフォームヘルパー関数に書き換える。
さらにformヘルパーはhiddenタイプのinputタグを追加するが、これはCSRF対策のため。
|
1 2 3 4 5 6 7 8 9 |
<h1>メモパッド</h1> <%= form_tag("/demo_contents/post_memo") do %> <%= label_tag(:memo, "メモ:") %> <%= text_field_tag(:memo, nil, placeholder: "メモの内容") %> <%= submit_tag("書き込み") %> <% end %> <h2>メモの内容</h2> <p><%= @memo %></p> |
上記のlabel_tag、text_field_tag、submit_tagはそれぞれ対応するタグに変換される～フォームヘルパー(旧)。
|
1 2 3 4 5 6 7 8 9 10 11 |
<%= label_tag(:memo, "メモ:") %> ↓ <label for="memo">メモ:</label> <%= text_field_tag(:memo, nil, placeholder: "メモの内容") %> ↓ <input id="memo" name="memo" type="text" placeholder="メモの内容"> <%= submit_tag("書き込み") %> ↓ <input name="commit" type="submit" value="書き込み" /> |
|
1 2 3 |
<%= form_tag("URL") do %> ..... <% end %> |
|
1 2 3 4 5 |
label_tag(:user_name, "入力してください") text_field_tag(:user_name) ↓ <label for="user_name">入力してください</label> <input type="text" id="user_name" name="name> |
|
1 2 3 4 5 6 7 |
class DemoContentsController < ApplicationController ..... def post_process puts params[:user_name] end end |
タグのid/nameやラベルのforに指定する識別子の指定方法に、文字列とシンボルの2種類がある。
text_field_tag(:name)
text_field_tag("name")
いずれも生成されるタグはid/nameに文字列が設定される。
<input type="text" id="name" name="name">
form_tagはfomタグを生成する(Railsdoc)。
form_tag(action [option/HTML_attr/event]) do
end
アクションを指定
|
1 2 3 4 5 |
<%= form_tag('/users') do %> <% end %> ↓ <form action="users" method="post"> </form> |
メソッドを指定
|
1 2 3 4 5 |
<%= form_tag('/users', method: :put) do %> <% end %> ↓ <form action="users" method="put"> </form> |
multipart指定
|
1 2 3 4 5 |
<%= form_tag('/users', multipart: true) do %> <% end %> ↓ <form action="users" method="post" enctype="multipart/form-data"> </form> |
submit_tagはinputタグのtype="submit"を生成する(Railsdoc)。
submit_tag([button_name , option/HTML_attr/event])
ボタン名を指定：第1引数はボタン名
|
1 2 |
<%= submit_tag("送信") %> <input type="submit" name="commit" value="送信" data-disable-with="送信"> |
無効化
|
1 2 |
submit_tag("送信", disabled: true) <input disabled="disabled" name="commit" data-disable-with="送信" type="submit" value="送信"> |
POST中の表示の指定
|
1 2 |
submit_tag "送信", data: { disable_with: "送信中..." } <input name="commit" data-disable-with="送信中..." type="submit" value="送信"> |
label_tagはフォーム要素と関連付けられたラベルタグを生成する(Railsdoc)。
label_tag(id&name [, contents [, HTML_attr or event])
識別子と内容を指定
|
1 2 3 4 5 |
label_tag(:name, "入力してください") text_field_tag(:name) ↓ <label for="name">入力してください</label> <input type="text" id="name" name="name> |
text_field_tagはinputタグのtype="text"を生成する(Railsdoc)。
text_field_tag(id&name [, value, option/HTML_attr/event])
識別子のみ指定：第1引数がidとnameにセットされる
|
1 2 |
text_field_tag(:name) <input id="name" name="name" type="text"> |
値を指定：第2引数がvalueの値になる
|
1 2 |
text_field_tag(:name, "initial value") <input id="name" name="name" type="text" value="initial value"> |
識別子とプレースホルダーを指定
|
1 2 |
text_field_tag(:name, nil, placeholder: "Input here') <input id="name" name="name" type="text" placeholder="Input here"> |
クラス指定
|
1 2 |
text_field_tag(:name, nil, class: "class_name") <input id="name" name="name" type="text" class="class_name"> |
共有フォルダにあるファイルをホスト側のAtomで開く。
ただし、Railsのファイルを編集している場合、いったんRailsサーバーを立ち上げなおさないと内容が反映されないという症状が出た。
AtomにFTP接続用のパッケージをインストールして接続する。
手順
.ftpconfigファイルの内容を編集.ftpconfigファイルの編集に必要な情報は、コンソールからvagrant ssh-configコマンドで表示させる。
|
1 2 3 4 5 6 7 8 9 10 11 |
C:\vagrant\centos7>vagrant ssh-config Host default HostName 127.0.0.1 User vagrant Port 2222 UserKnownHostsFile /dev/null StrictHostKeyChecking no PasswordAuthentication no IdentityFile C:/vagrant/centos7/.vagrant/machines/default/virtualbox/private_key IdentitiesOnly yes LogLevel FATAL |
この情報に基づいて.ftpconfigを編集。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
{ "protocol": "sftp", "host": "127.0.0.1", "port": 2222, "user": "vagrant", "pass": "", "promptForPass": false, "remote": "/home/vagrant", "local": "", "agent": "", "privatekey": "C:/vagrant/centos7/.vagrant/machines/default/virtualbox/private_key", "passphrase": "", "hosthash": "", "ignorehost": true, "connTimeout": 10000, "keepalive": 10000, "keyboardInteractive": false, "keyboardInteractiveForPass": false, "remoteCommand": "", "remoteShell": "", "watch": [], "watchTimeout": 500 } |
Railsのerbファイルに色がつかない。config.csonを編集してみたが効果がなかった。
原因はtree-sitter parserのバグが考えられ、以下で対処。
RailsがユーザーのブラウザーからGETやPOSTなどのリクエストを受け取ると、まずルーティングファイルを参照する。
ルーティングファイルには、リクエストの種類、リクエストのターゲットURL、ターゲットURLに対応するコントローラーとアクションが記述されている。
その内容に従って必要なコントローラーが呼び出されて処理を行った後、ユーザー側へレンダリングされた内容が返される。
ルーティングファイル(routes.rb)は、プロジェクト生成時にconfigディレクトリー下に生成される。
config/routes.rb
アクションを指定してコントローラーを生成すると、routes.rbにそのアクションへのルーティングを記述した1行が追加される。
たとえばコントローラーとしてdemo_contents、そのアクションとしてtop_pageを指定して生成すると以下のような内容でルーティングの記述が追加される。
|
1 2 3 4 |
Rails.application.routes.draw do get 'demo_contents/top_page' # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html end |
一方、アクションを指定せずにコントローラーだけ指定して生成すると、route.rbへの追加は行われない。
|
1 2 3 |
Rails.application.routes.draw do # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html end |
以下の3つの記述は全て等価で、ブラウザーからURLをlocalhost:3000/demo_contents/top_pageと指定してGETリクエストしたとき、demo_contentsコントローラーのtop_pageアクションが実行される。
|
1 2 3 |
get 'demo_contents/top_page' get 'demo_contents/top_page' => 'demo_contents#top_page' get 'demo_contents/top_page', to: 'demo_contents#top_page' |
2つ目と3つ目の記述法では、URLに他の表現を設定することが可能。
以下の例ではlocalhost:3000/fooを指定した時に、demo_contentsコントローラーのtop_pageアクションが実行される。
|
1 2 |
get 'foo', to: 'demo_contents#top_page' get 'foo', controller: 'demo_contents', action: 'top_page' |
ルートページとして特定のコントローラー・アクションを設定するときは、以下の様に記述する。
|
1 2 3 |
root 'demo_contents#top_page' root :to => 'demo_contents#top_page' root to: 'demo_contents#top_page' |
項設定すると、localhost:3000のようにブラウザーからリクエストするとdemo_contentsのtop_pageアクションが実行される。
rails routesによるルーティングの確認、to:によるURLの置き換え、as:による名前付けなどの基礎的な事項は以下にまとめた。
今後
プロジェクト生成直後などに、コントローラーとアクションを生成してページをつくり、確認する。
生成時
実行時
プロジェクトディレクトリーに移動する。
cd project_name
以下のコマンドでコンローラーを作成する。アクションを指定しない時はaction_nameを省略してもよい。
rails generate controller controller_name action_name
プロジェクトディレクトリー下に以下のファイルが作成される。
app/controllers/controller_name_controller.rbapp/views/controller_name/action_name.html.erbapp/assets/stylesheets/controller_name.scssapp/controllers下のファイルにコントローラーのクラスが定義される。
クラスファイル名はスネークケース末尾に'_controller'がつけられる。拡張子は.rb。
controller_name_controller.rbファイル内容はクラス定義で、コントローラーとアクションを指定して生成した場合、以下が定義されている。
ApplicationControllerクラスを継承'_Controller'がつけられる
ControllerNameController|
1 2 3 4 |
class DemoContentsController < ApplicationController def top_page end end |
後からアクションを追加する場合、コントロールクラスのメソッドとして追加し、ルーティングを設定する。
app/viewsディレクトリーの下にコントローラー名と同じフォルダーが作成され、その下にアクション名と同じ名前のスネークケースでアクションメソッドが定義される。拡張子は.html.erb。
app/views/demo_contents/top_page.html.erb
コントローラー追加直後のビューファイルの内容はシンプルで、コントローラー#ビューの表示がH1要素で、その場所がp要素で書かれている。
|
1 2 |
<h1>DemoContents#top_page</h1> <p>Find me in app/views/demo_contents/top_page.html.erb</p> |
後からアクションを追加する場合、アクション名と同じファイル名でhtml.erbファイルを作成し、その内容にHTMLを書いていく。
コントローラーを生成すると、アプリケーション固有のスタイルシートがapp/assets/stylesheetsにつくられる。ファイル名はコントローラーと同じスネークケースで拡張子は.scss。
app/assets/stylesheets/controller_name.scss
拡張子からわかるように、スタイルシートはSCSSで書くことを想定している。
ファイルの内容はコメントのみで、ゼロからスタイルを指定するようになっている。
|
1 2 3 4 |
[vagrant@localhost demo_app]$ cat app/assets/stylesheets/demo_contents.scss // Place all the styles related to the demo_contents controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: https://sass-lang.com/ |
ルーティングファイルはconfigディレクトリー下のroutes.rbファイル。
config/routes.rb
コントローラーが生成されるのに合わせて、routes.rbに1行追加される。
|
1 2 3 4 |
Rails.application.routes.draw do get 'controller_name/action_name' # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html end |
この場合、ブラウザー側からは以下のURLでアクセスするとアクションメソッドで指定したページが表示される。
localhost:3000/controller_name/action_name
ここでプロジェクトディレクトリー下でRailsサーバーを立ち上げる
rails s -b 0.0.0.0
その後ホストのブラウザーで以下のURLを直に入力すると、シンプルなページが表示される。
localhost:3000/controller_name/action_name
コントローラーの削除は以下のコマンドで実行。
rails destroy controller controller_name
このコマンドでコントローラーファイルやビューファイルなどはきれいに削除されるが、routes.rbの記述だけは残るため別途削除する必要がある。
|
1 2 3 |
Rails.application.routes.draw do get 'controller_name/action_name' →この1行を削除 end |
demo_appというプロジェクトを作成した後、demo_contentsというコントローラーとその下のtop_pageというアクションを定義する。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
[vagrant@localhost demo_app]$ rails generate controller demo_contents top_page Running via Spring preloader in process 23232 create app/controllers/demo_contents_controller.rb route get 'demo_contents/top_page' invoke erb create app/views/demo_contents create app/views/demo_contents/top_page.html.erb invoke test_unit create test/controllers/demo_contents_controller_test.rb invoke helper create app/helpers/demo_contents_helper.rb invoke test_unit invoke assets invoke scss create app/assets/stylesheets/demo_contents.scss |
app/controllersディレクトリーの下に以下のファイルが生成される。
demo_contents_controller.rb
ファイル名はスネークケースで、コントローラー名の後ろに_controllersが付加される。拡張子は.rb。
パスカルケースでコントローラークラスの空の定義が生成される。この場合はdemo_contentsからDemoContentsControllerクラスが定義され、メソッド名はスネークケースでtop_pageとなっている。
|
1 2 3 4 5 |
[vagrant@localhost demo_app]$ cat app/controllers/demo_contents_controller.rb class DemoContentsController < ApplicationController def top_page end end |
新たに作成されたapp/views/demo_contentsディレクトリーに、アクションに対応したビューファイルが生成されている。
|
1 2 3 |
[vagrant@localhost demo_app]$ cat app/views/demo_contents/top_page.html.erb <h1>DemoContents#top_page</h1> <p>Find me in app/views/demo_contents/top_page.html.erb</p> |
この場合、ディレクトリー名がコントローラー名demo_contents、ビューファイル名がアクション名に基づいてtest_page.html.erbとなっている。
ファイルの内容はシンプルなHTML。
DemoContents#top_page)を表示app/views/demo_contents/top_page.html.erb)app/assets/stylesheets/に作成されたスタイルシート(demo_contents.scss)の内容を確認してみる。コメントのみの空の内容なのが確認できる。
|
1 2 3 4 |
[vagrant@localhost demo_app]$ cat app/assets/stylesheets/demo_contents.scss // Place all the styles related to the demo_contents controller here. // They will automatically be included in application.css. // You can use Sass (SCSS) here: https://sass-lang.com/ |
config/routes.rbを確認すると1行追加されている。
|
1 2 3 4 5 |
[vagrant@localhost demo_app]$ cat config/routes.rb Rails.application.routes.draw do get 'demo_contents/top_page' # For details on the DSL available within this file, see https://guides.rubyonrails.org/routing.html end |
以下のURLでアクションで設定されたページが表示される。
localhost:3000/demo_contents/top_page
表示結果は以下のとおりシンプル。
