先週のScaffoldなしのくだりから、6日ほど経ってるので、最初から。（前回との重複分は簡潔に）
3日目：ScaffoldなしでのApp作成
4日目：Scaffold無しでフォーム作成：ModelとView
#使用環境
ホストOS: Windows10 Home
仮想環境OS: Ubuntu Bento/Bionic
Ruby：2.51
Rails:5.2.2
rails new scanashi0314 -d mysql
#作成に必要なもの要素
- view(@ /app/views/コントローラ名/
- viewの中身がブラウザに表示される内容
- controller
- ページ表示の際、controllerを経由して、viewをブラウザに返す。
- controllerで設定したactionは、controllerと同じ名前のviewフォルダの中から、
actionと同じ名前のhtmlファイルを探してブラウザに返す
- routing
- ブラウザとcontrollerを繋ぐ。
#前準備
rails new scanshi0314 -d mysql
# gemfileのminiracerコメントイン
bundle install
# app/cinfig/datavase.ymlのパスワ変更
rails db:create
#App作成
##cotroller作成
terminal
rails g controller Users
##routing設定：ブラウザとcontrollerをつなぐ
app/config/routes.rb
Rails.application.routes.draw do
# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
get 'users', action: :index, controller: 'users'
end
##cotroller編集：modelとviewをつなぐ
app/controllers/users_controller.rb
class UsersController < ApplicationController
def index
render plain: 'Hello'
end
end
##model作成:DB操作用
terminal
# rails generate model モデル名 カラム名:データ型 カラム名:データ型 ...
rails generate model User name:string email:string sex:integer age:integer address:integer attendance:integer opinion:text
##DBのテーブル作成
terminal
rails db:migrate
rails cからレコード追加
(1..10).each do |num|
if num % 2 == 0
s = 0
ad = 0
at = 0
else
s = 1
ad = 1
at = 1
end
user = User.create(name: "taro-#{num}", email: "val-#{num}@gmail.com", sex: s, address: ad, attendance: at, opinion: "nothing special-#{num}")
user.save
end
##indexのaction定義
app/controllers/users_controller.rb
class UsersController < ApplicationController
def index
@users = User.all
end
end
##view編集
app/view/index.html.erb
<body>
<h1>Users</h1>
<table>
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Sex</th>
<th>Age</th>
<th>Address</th>
<th>Attendance</th>
<th>Opinion</th>
<th colspan="3"></th>
</tr>
</thead>
<tbody>
<% @users.each do |user| %>
<tr>
<td><%= user.name %></td>
<td><%= user.email %></td>
<td><%= user.sex %></td>
<td><%= user.age %></td>
<td><%= user.address %></td>
<td><%= user.attendance %></td>
<td><%= user.opinion %></td>
</tr>
<% end %>
</tbody>
</table>
</body>
app/views/layouts/application.html.erb
<!DOCTYPE html>
<html>
<head>
<title>CebuApp</title>
<%= csrf_meta_tags %>
<%= csp_meta_tag %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
<%= yield %>
</body>
</html>
##routing変更
app/config/routes.erb
resources :users
#actionを編集していく
##rails routesで少し確認
Prefix Verb URI Pattern Controller#Action
users GET /users(.:format) users#index
POST /users(.:format) users#create
new_user GET /users/new(.:format) users#new
edit_user GET /users/:id/edit(.:format) users#edit
user GET /users/:id(.:format) users#show
PATCH /users/:id(.:format) users#update
PUT /users/:id(.:format) users#update
DELETE /users/:id(.:format) users#destroy
(以下省略)
##showアクション定義
user_controller.rb
def show
@user = User.find params[:id]
end
##indexページのshowへのリンク作成
app/views/users/index.html.erb
# user.nameのラインを下の様に変更
<td><%= link_to user.name, user_path(user.id) %></td>
# <% link_to ("A"."/B") %> ===>>>> html上で<a href="/B">A</a>
<td><%= link_to 'Show', user %></td>
##showページからのリンク作成
- users_pathはusers#indexへのリンク
- new_user_pathはusers#newへのリンク
- edit_user_pathはusers#editへのリンク
- user_pathはusers#showへのリンク
app/views/users/show.html.erb
<p id="notice"><%= notice %></p>
<p>
<strong>Name:</strong>
<%= @user.name %>
</p>
<p>
<strong>Email:</strong>
<%= @user.email %>
</p>
<p>
<strong>Sex:</strong>
<%= @user.sex %>
</p>
<p>
<strong>Age:</strong>
<%= @user.age %>
</p>
<p>
<strong>Address:</strong>
<%= @user.address %>
</p>
<p>
<strong>Attendance:</strong>
<%= @user.attendance %>
</p>
<p>
<strong>Opinion:</strong>
<%= @user.opinion %>
</p>
<%= link_to 'Edit', edit_user_path(@user) %> |
<%= link_to 'Back', users_path %>
##editアクション定義
app/controllers/users_controller.rb
def edit
@user = User.find(params[:id])
end
##indexからeditへのリンク
<td><%= link_to 'Edit', edit_user_path(user) %></td>
##editページ編集
app/views/users/edit.html.erb
<%= form_with(model: @user, local: true) do |form| %>
<% if @user.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@user.errors.count, "error") %> prohibited this @user from being saved:</h2>
<ul>
<% @user.errors.full_messages.each do |message| %>
<li><%= message %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="field">
<%= form.label :name %>
<%= form.text_field :name %>
</div>
<div class="field">
<%= form.label :email %>
<%= form.text_field :email %>
</div>
<div class="field">
<%= form.label :sex %>
<%= form.number_field :sex %>
</div>
<div class="field">
<%= form.label :age %>
<%= form.number_field :age %>
</div>
<div class="field">
<%= form.label :address %>
<%= form.number_field :address %>
</div>
<div class="field">
<%= form.label :attendance %>
<%= form.number_field :attendance %>
</div>
<div class="field">
<%= form.label :opinion %>
<%= form.text_area :opinion %>
</div>
<div class="actions">
<%= form.submit %>
</div>
<% end %>
##updateアクション定義
def update
@user = User.find params[:id]
if @user.update(params.require(:user).permit(:name, :email, :sex, :age, :address, :attendance, :opinion))
respond_to do |format|
format.html { redirect_to @user, notice: 'User was successfully updated.' }
end
else
respond_to do |format|
format.html { render :edit }
end
end
end
##destroyアクション定義
app/controllers/users_controller.rb
def destroy
@user = User.find params[:id]
@user.destroy
respond_to do |format|
format.html { redirect_to users_url, notice: 'User was successfully destroyed.' }
end
end
##indexページからのdestroyへのリンク作成
app/views/users/index.html.erb
<td><%= link_to 'Destroy', user, method: :delete, data: { confirm: 'Are you sure?' } %></td>
##newアクション定義
app/controllers/users_controller.rb
def new
@user = User.new
end
##newページ編集
app/views/users/new.html.erb
<h1>New User</h1>
<%= form_with(model: @user, local: true) do |form| %>
<% if @user.errors.any? %>
<div id="error_explanation">
<h2><%= pluralize(@user.errors.count, "error") %> prohibited this user from being saved:</h2>
<ul>
<% @user.errors.full_messages.each do |message| %>
<li><%= message %></li>
<% end %>
</ul>
</div>
<% end %>
<div class="field">
<%= form.label :name %>
<%= form.text_field :name %>
</div>
<div class="field">
<%= form.label :email %>
<%= form.text_field :email %>
</div>
<div class="field">
<%= form.label :sex %>
<%= form.number_field :sex %>
</div>
<div class="field">
<%= form.label :age %>
<%= form.number_field :age %>
</div>
<div class="field">
<%= form.label :address %>
<%= form.number_field :address %>
</div>
<div class="field">
<%= form.label :attendance %>
<%= form.number_field :attendance %>
</div>
<div class="field">
<%= form.label :opinion %>
<%= form.text_area :opinion %>
</div>
<div class="actions">
<%= form.submit %>
</div>
<% end %>
<%= link_to 'Back', users_path %>
##indexからnewへのリンク作成
app/views/users/index.html.erb
<%= link_to 'New User', new_user_path %>
##createアクション定義
app/controllers/users_controller.rb
def create
@user = User.new(params.require(:user).permit(:name, :email, :sex, :age, :address, :attendance, :opinion))
if @user.save
respond_to do |format|
format.html { redirect_to @user, notice: 'User was successfully updated.' }
end
else
respond_to do |format|
format.html { render :edit }
end
end
end
#リファクタリング
[from wikipedia]
リファクタリング (refactoring) とは、コンピュータプログラミングにおいて、プログラムの外部から見た動作を変えずにソースコードの内部構造を整理することである。
##createアクションとupdateアクションの共通化
2アクションに下の共通箇所がある
app/controllers/users_controller.rb
@user = User.new(params.require(:user).permit(:name, :email, :sex, :age, :address, :attendance, :opinion))
リファクタリング後
app/controllers/users_controller.rb
def create
@user = User.new(user_params)
if @user.save
respond_to do |format|
format.html { redirect_to @user, notice: 'User was successfully updated.' }
end
else
respond_to do |format|
format.html { render :edit }
end
end
end
def update
@user = User.find params[:id]
if @user.update(user_params)
respond_to do |format|
format.html { redirect_to @user, notice: 'User was successfully updated.' }
end
else
respond_to do |format|
format.html { render :edit }
end
end
end
private
def user_params
params.require(:user).permit(:name, :email, :sex, :age, :address, :attendance, :opinion)
end
end
##show. edit. updata, destroyの共通化
共通部分
app/controllers/users_controller.rb
@user = User.find params[:id]
共通化した結果
app/controllers/users_controller.rb
# set_user追加
def set_user
@user = User.find params[:id]
end
# before_action追加
# show, edit, update, destroyアクションの前に、必ず実行の意
class UsersController < ApplicationController
before_action :set_user, only: [:show, :edit, :update, :destroy]
##アクションのリファクタリング後（全体）
app/controllers/users_controller.rb
class UsersController < ApplicationController
before_action :set_user, only: [:show, :edit, :update, :destroy]
def index
@users = User.all
end
def show
end
def edit
end
def update
if @user.update(user_params)
respond_to do |format|
format.html { redirect_to @user, notice: 'User was successfully updated.' }
end
else
respond_to do |format|
format.html { render :edit }
end
end
end
def destroy
@user.destroy
respond_to do |format|
format.html { redirect_to users_url, notice: 'User was successfully destroyed.' }
end
end
def new
@user = User.new
end
def create
@user = User.new(user_params)
if @user.save
respond_to do |format|
format.html { redirect_to @user, notice: 'User was successfully updated.' }
end
else
respond_to do |format|
format.html { render :edit }
end
end
end
private
def set_user
@user = User.find params[:id]
end
def user_params
params.require(:user).permit(:name, :email, :sex, :age, :address, :attendance, :opinion)
end
end
#完
全部出来るようになったが、アクション定義方法やら覚えないと。。
