Kembali lagi ke Ruby on Rails,..!!!
Karena tutorial PHP dan Laravel sudah sangat jauh, maka mulai saat ini codedoct akan lebih fokus pada tutorial ruby on rails,,
Pada tutorial sebelumnya kita sudah membuat sebuah project Rails dengan nama project-blog-ruby, kali ini pembelajaran akan lebih menitik beratkan pada pemahaman tentang routes, controller, dan view dari framework Rails ini.
Ok, jalankan terlebih dahulu project-blog-ruby dengan mengetikkan code rails server pada directory project-blog-ruby sehingga akan terlihat seperti ini,
Selanjutnya buat controller baru dengan nama Users dengan cara seperti ini,
Buka file routes.rb pada path config/ dan edit menjadi seperti ini,
Rails.application.routes.draw do
# For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
root 'application#hello'
get 'users' => 'users#index'
end
Kemudian, setelah generate controller, rails akan secara otomatis membuat file controller baru dengan nama users_controller.rb pada path app/controllers/ dan edit menjadi seperti ini,
class UsersController < ApplicationController
def index
@nama = ['Jhon', 'Garp', 'Tirex']
end
end
Setelah itu, buka file application.html.erb pada path app/views/layouts/ file ini akan kita jadikan sebagai file layout master, edit menjadi seperti ini..
<!DOCTYPE html>
<html>
<head>
<title><%= yield(:title) %> | Page</title>
<%= csrf_meta_tags %>
<%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
<%= javascript_include_tag 'application', 'data-turbolinks-track': 'reload' %>
</head>
<body>
<%= yield %>
</body>
</html>
Terakhir buat file view baru dengan nama index.html.erb pada path app/views/users dan isikan code berikut,
<%= provide(:title, "User") %>
<div class="test">hai</div>
<% @nama.each do |x| %>
<h4><%= x %></h4>
<% end %>
Jangan lupa untuk menambahkan css, anda bisa menambahkannya pada file users.scss yang terletak pada path app/assets/stylesheets/ file ini secara otomatis dibuat saat kita generate controller, edit file ini menjadi seperti ini,
// Place all the styles related to the Users controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.test{
color: green;
}
Sehingga hasilnya akan tampak seperti ini,
===DONE!===
