Ruby On Rails Tutorial
Ruby On Rails Tutorial
Audience
This tutorial has been designed for beginners who would like to use the Ruby framework
for developing database-backed web applications.
Prerequisites
You need to have a basic knowledge of Ruby and object-oriented programming to
understand this tutorial. In addition, you need to be familiar with internet and websites
programming in general.
Table of Contents
About the Tutorial..................................................................................................................................... i
Audience .................................................................................................................................................... i
Prerequisites .............................................................................................................................................. i
Copyright & Disclaimer .............................................................................................................................. i
Table of Contents ...................................................................................................................................... ii
1. INTRODUCTION..................................................................................................................... 1
What is Ruby? ........................................................................................................................................... 1
Why Ruby? ............................................................................................................................................... 1
Sample Ruby Code .................................................................................................................................... 2
Embedded Ruby ........................................................................................................................................ 2
What is Rails? ........................................................................................................................................... 3
Full Stack Framework ................................................................................................................................ 3
Convention over Configuration ................................................................................................................. 4
Rails Strengths .......................................................................................................................................... 4
2. INSTALLATION ....................................................................................................................... 5
Rails Installation on Windows ................................................................................................................... 5
Rails Installation on Linux ......................................................................................................................... 7
Keeping Rails Up-to-Date .......................................................................................................................... 9
Installation Verification .......................................................................................................................... 10
3. FRAMEWORK ...................................................................................................................... 12
Ruby on Rails MVC Framework ............................................................................................................... 12
Pictorial Representation of MVC Framework .......................................................................................... 13
Directory Representation of MVC Framework ........................................................................................ 13
ii
8. MIGRATIONS ....................................................................................................................... 28
What Can Rails Migration Do? ................................................................................................................ 28
Create the Migrations ............................................................................................................................. 29
Edit the Code: ......................................................................................................................................... 29
Run the Migration ................................................................................................................................... 30
Running Migrations for Production and Test Databases ......................................................................... 31
9. CONTROLLER ...................................................................................................................... 32
Implementing the list Method ................................................................................................................ 33
Implementing the show Method............................................................................................................. 33
Implementing the new Method .............................................................................................................. 34
Implementing the create Method ........................................................................................................... 34
iii
iv
1. INTRODUCTION
Ruby on Rails
What is Ruby?
Before we ride on Rails, let us recapitulate a few points of Ruby, which is the base of
Rails.
Ruby is the successful combination of:
Perl's pragmatism.
Ruby is
Why Ruby?
Ruby originated in Japan and now it is gaining popularity in US and Europe as well. The
following factors contribute towards its popularity:
Easy to learn
Rich libraries
Truly object-oriented
Helpful community
Although we have many reasons to use Ruby, there are a few drawbacks as well that
you may have to consider before implementing Ruby:
Threading model Ruby does not use native threads. Ruby threads are simulated
in the VM rather than running as native OS threads.
Ruby on Rails
def salute
puts "Hello #{@name}!"
end
end
Embedded Ruby
Ruby provides a program called ERb (Embedded Ruby), written by Seki Masatoshi. ERb
allows you to put Ruby codes inside an HTML file. ERb reads along, word for word, and
then at a certain point, when it encounters a Ruby code embedded in the document, it
starts executing the Ruby code.
You need to know only two things to prepare an ERb document:
If you want some Ruby code executed, enclose it between <% and %>.
If you want the result of the code execution to be printed out, as a part of the
output, enclose the code between <%= and %>.
Here's an example. Save the code in erbdemo.rb file. Note that a Ruby file will have an
extension .rb:
<% page_title = "Demonstration of ERb" %>
<% salutation = "Dear programmer," %>
<html>
<head>
2
Ruby on Rails
</body>
</html>
What is Rails?
You could develop a web application at least ten times faster with Rails than you
could with a typical Java framework.
An open source
applications.
Ruby
framework
for
developing
database-backed
web
Ruby on Rails
Being a full-stack framework means all the layers are built to work seamlessly
together with less code.
Your application code and your running database already contain everything that
Rails needs to know!
Rails Strengths
Rails is packed with features that make you more productive, with many of the following
features building on one other.
Metaprogramming:
Where other frameworks use extensive code generation from
scratch. Metaprogramming techniques use programs to write programs. Ruby is one of
the best languages for metaprogramming, and Rails uses this capability well. Rails also
uses code generation but relies much more on metaprogramming for the heavy lifting.
Active Record:
Rails introduces the Active Record framework, which saves objects
to the database. The Rails version of the Active Record discovers the columns in a
database schema and automatically attaches them to your domain objects using
metaprogramming.
Convention over configuration: Most web development frameworks for .NET or Java
force you to write pages of configuration code. If you follow the suggested naming
conventions, Rails doesn't need much configuration.
Scaffolding: You often create temporary code in the early stages of development to
help get an application up quickly and see how major components work together. Rails
automatically creates much of the scaffolding you'll need.
Built-in testing:
Rails creates simple automated tests you can then extend. Rails
also provides supporting code called harnesses and fixtures that make test cases easier
to write and run. Ruby can then execute all your automated tests with the rake utility.
Three environments:
Rails gives you three default environments: development,
testing, and production. Each behaves slightly differently, making your entire software
development cycle easier. For example, Rails creates a fresh copy of the Test database
for each test run.
2. INSTALLATION
Ruby on Rails
To develop a web application using Ruby on Rails Framework, you need to install the
following software
Ruby
A Web Server
A Database System
We assume that you already have installed a Web Server and a Database System on
your computer. You can use the WEBrick Web Server, which comes with Ruby. Most
websites however use Apache or lightTPD web servers in production.
Rails works with many database systems, including MySQL, PostgreSQL, SQLite, Oracle,
DB2 and SQL Server. Please refer to a corresponding Database System Setup manual to
set up your database.
Let's look at the installation instructions for Rails on Windows and Linux.
Ruby on Rails
Note: The above command may take some time to install all dependencies. Make sure
you are connected to the internet while installing gems dependencies.
Ruby on Rails
C:\> rails -v
Output
Rails 4.2.4
Congratulations! You are now on Rails over Windows.
Ruby on Rails
Use the following command for setting up the current Ruby version as default.
tp> rbenv global 2.2.3
Use the following command to verify the Ruby version.
tp> ruby -v
Output
ruby 2.2.3p173 (2015-08-18 revivion 51636) [X86_64-linux]
Ruby provides a keyword gem for installing the supported dependencies; we call them
gems. If you don't want to install the documentation for Ruby-gems, then use the
following command.
tp> echo "gem: --no-document" > ~/.gemrc
Thereafter, it is better to install the Bundler gem, because it helps to manage your
application dependencies. Use the following command to install bundler gem.
tp> gem install bundler
Ruby on Rails
Ruby on Rails
This will automatically update your Rails installation. The next time you restart your
application, it will pick up this latest version of Rails. While using this command, make
sure you are connected to the internet.
Installation Verification
You can verify if everything is set up according to your requirements or not. Use the
following command to create a demo project.
tp> rails new demo
Output
10
Ruby on Rails
It will generate a demo rail project; we will discuss about it later. Currently we have to
check if the environment is set up or not. Next, use the following command to run
WEBrick web server on your machine.
tp> cd demo
tp> rails server
It will generate auto-code to start the server
11
3. FRAMEWORK
Ruby on Rails
A framework is a program, set of programs, and/or code library that writes most of your
application for you. When you use a framework, your job is to write the parts of the
application that make it do the specific things you want.
When you set out to write a Rails application, leaving aside the configuration and other
housekeeping chores, you have to perform three primary tasks:
Describe and model your application's domain: The domain is the universe
of your application. The domain may be a music store, a university, a dating
service, an address book, or a hardware inventory. So here you have to figure
out what's in it, what entities exist in this universe and how the items in it relate
to each other. This is equivalent to modeling a database structure to keep the
entities and their relationship.
Specify what can happen in this domain: The domain model is static; you
have to make it dynamic. Addresses can be added to an address book. Musical
scores can be purchased from music stores. Users can log in to a dating service.
Students can register for classes at a university. You need to identify all the
possible scenarios or actions that the elements of your domain can participate in.
Choose and design the publicly available views of the domain: At this
point, you can start thinking in Web-browser terms. Once you've decided that
your domain has students, and that they can register for classes, you can
envision a welcome page, a registration page, and a confirmation page, etc. Each
of these pages or views shows the user how things stand at a certain point.
Based on the above three tasks, Ruby on Rails deals with a Model/View/Controller (MVC)
framework.
Model (ActiveRecord)
It maintains the relationship between the objects and the database and handles
validation, association, transactions, and more.
This subsystem is implemented in ActiveRecord library, which provides an interface and
binding between the tables in a relational database and the Ruby program code that
manipulates database records. Ruby method names are automatically generated from
the field names of database tables.
12
Ruby on Rails
View (ActionView)
It is a presentation of data in a particular format, triggered by a controller's decision to
present the data. They are script-based template systems like JSP, ASP, PHP, and very
easy to integrate with AJAX technology.
This subsystem is implemented in ActionView library, which is an Embedded Ruby (ERb)
based system for defining presentation templates for data presentation. Every Web
connection to a Rails application results in the displaying of a view.
Controller (ActionController)
The facility within the application that directs traffic, on the one hand, querying the
models for specific data, and on the other hand, organizing that data (searching, sorting,
massaging it) into a form that fits the needs of a given view.
This subsystem is implemented in ActionController, which is a data broker sitting
between ActiveRecord (the database interface) and ActionView (the presentation
engine).
Ruby on Rails
tp> ls
You will see subdirectories including (but not limited to) the following:
actionpack-x.y.z
activerecord-x.y.z
rails-x.y.z
14
4. DIRECTORY STRUCTURE
Ruby on Rails
When you use the Rails helper script to create your application, it creates the entire
directory structure for the application. Rails knows where to find things it needs within
this structure, so you don't have to provide any input.
Here is a top-level view of a directory tree created by the helper script at the time of
application creation. Except for minor changes between releases, every Rails project will
have the same structure, with the same naming conventions. This consistency gives you
a tremendous advantage; you can quickly move between Rails projects without
relearning the project's organization.
To understand this directory structure, let's use the demo application created in the
Installation chapter. It can be created using a simple helper command rails demo.
Now, go into the demo application root directory as follows:
tp> cd demo
demo> dir
You will find a directory structure as follows:
demo/
..../app
......../controller
......../helpers
......../models
......../views
............../layouts
..../components
..../config
..../db
..../doc
..../lib
..../log
..../public
..../script
..../test
..../tmp
..../vendor
README
15
Ruby on Rails
Rakefile
Now let's explain the purpose of each directory
app: It organizes your application components. It's got subdirectories that hold
the view (views and helpers), controller (controllers), and the backend business
logic (models).
app/helpers: The helpers subdirectory holds any helper classes used to assist
the model, view, and controller classes. This helps to keep the model, view, and
controller code small, focused, and uncluttered.
app/models: The models subdirectory holds the classes that model and wrap
the data stored in our application's database. In most frameworks, this part of
the application can grow pretty messy, tedious, verbose, and error-prone. Rails
makes it dead simple!
app/view: The views subdirectory holds the display templates to fill in with data
from our application, convert to HTML, and return to the user's browser.
app/view/layouts: Holds the template files for layouts to be used with views.
This models the common header/footer method of wrapping views. In your views,
define a layout using the <tt>layout:default</tt> and create a file named
default.html.erb. Inside default.html.erb, call <% yield %> to render the view
using this layout.
config: This directory contains the small amount of configuration code that your
application will need, including your database configuration (in database.yml),
your Rails environment structure (environment.rb), and routing of incoming web
requests (routes.rb). You can also tailor the behavior of the three Rails
environments for test, development, and deployment with files found in the
environments directory.
db: Usually, your Rails application will have model objects that access relational
database tables. You can manage the relational database with scripts you create
and place in this directory.
doc: Ruby has a framework, called RubyDoc, that can automatically generate
documentation for code you create. You can assist RubyDoc with comments in
your code. This directory holds all the RubyDoc-generated Rails and application
documentation.
lib: You'll put libraries here, unless they explicitly belong elsewhere (such as
vendor libraries).
log: Error logs go here. Rails creates scripts that help you manage various error
logs. You'll find separate logs for the server (server.log) and each Rails
environment (development.log, test.log, and production.log).
16
Ruby on Rails
public: Like the public directory for a web server, this directory has web files
that don't change, such as JavaScript files (public/javascripts), graphics
(public/images), stylesheets (public/stylesheets), and HTML files (public).
script: This directory holds scripts to launch and manage the various tools that
you'll use with Rails. For example, there are scripts to generate code (generate)
and launch the web server (server).
test: The tests you write and those that Rails creates for you, all goes here.
You'll see a subdirectory for mocks (mocks), unit tests (unit), fixtures (fixtures),
and functional tests (functional).
tmp:
Rails uses this directory to hold temporary files for intermediate
processing.
Apart from these directories, there will be two files available in demo directory.
README: This file contains a basic detail about Rail Application and description
of the directory structure explained above.
Rakefile:
This file is similar to Unix Makefile, which helps with building,
packaging and testing the Rails code. This will be used by rake utility supplied
along with the Ruby installation.
17
5. EXAMPLES
Ruby on Rails
In this chapter, we will create a simple but operational online library system for holding
and managing the books.
This application has a basic architecture and will be built using two ActiveRecord models
to describe the types of data that is stored:
1.
Use the rails command to create the basic skeleton of the application.
2.
3.
Configure the application to know where your database is located and the login
credentials for it.
4.
Create Rails Active Records (Models), because they are the business objects you'll
be working with in your controllers.
5.
Generate Migrations that simplify the creating and maintaining of database tables
and columns.
6.
7.
Run the following command to create a skeleton for library application. It will
create th directory structure in the current directory.
18
Ruby on Rails
This will create a subdirectory for the library application containing a complete directory
tree of folders and files for an empty Rails application. Check a complete directory
structure of the application. Check Rails Directory Structure for more detail.
Most of our development work will be creating and editing files in the library/app
subdirectories. Here's a quick rundown of how to use them:
The views subdirectory holds the display templates to fill in with data from our
application, convert to HTML, and return to the user's browser.
The models subdirectory holds the classes that model and wrap the data stored in
our application's database. In most frameworks, this part of the application can
grow pretty messy, tedious, verbose, and error-prone. Rails makes it dead
simple.
The helpers subdirectory holds any helper classes used to assist the model, view,
and controller classes. This helps to keep the model, view, and controller code
small, focused, and uncluttered.
19
Ruby on Rails
What is Next?
The next chapter explains how to create databases for your application and what is the
configuration required to access these created databases.
Further, we will see what Rails Migration is and how it is used to maintain database
tables.
20
6. DATABASE SETUP
Ruby on Rails
Before starting with this chapter, make sure your database server is up and running.
Ruby on Rails recommends to create three databases - a database each for
development, testing, and production environment. According to convention, their
names should be:
library_development
library_production
library_test
You should initialize all three of them and create a user and password for them with full
read and write privileges. We are using the root user ID for our application.
library_production
and
Configuring database.yml
At this point, you need to let Rails know about the user name and password for the
databases. You do this in the file database.yml, available in the library\config
subdirectory of Rails Application you created. This file has live configuration sections for
MySQL databases. In each of the sections you use, you need to change the username
and password lines to reflect the permissions on the databases you've created.
21
Ruby on Rails
CREATE DATABASE
Use the following command for creating a database library_production.
22
Ruby on Rails
CREATE DATABASE
Use the following command for creating a database library_test.
postgres=# CREATE DATABASE library_test OWNER rubyuser;
CREATE DATABASE
Press Ctrl+D to terminate PosgreSQL.
Configuring database.yml
At this point, you need to let Rails know the username and password for the databases.
You do this in the file database.yml, available in the library\config subdirectory of
Rails Application you created. This file has live configuration sections for PostgreSQL
databases. In each of the sections, you need to change the username and password
lines to reflect the permissions on the databases you've created.
When you finish, it should look as follows:
default: &default
adapter: postgresql
encoding: unicode
development:
adapter: postgresql
encoding: unicode
database: library_development
username: rubyuser
password: <Password for rubyuser>
test:
adapter: postgresql
encoding: unicode
database: library_test
username: rubyuser
password: <Password for rubyuser>
production:
adapter: postgresql
23
Ruby on Rails
encoding: unicode
database: library_production
username: rubyuser
password: <Password for rubyuser>
What is Next?
The next two chapters explain how to model your database tables and how to manage
those using Rails Migrations.
24
7. ACTIVE RECORDS
Ruby on Rails
Rails Active Record is the Object/Relational Mapping (ORM) layer supplied with Rails. It
closely follows the standard ORM model, which is as follows:
Rails Active Records provide an interface and binding between the tables in a relational
database and the Ruby program code that manipulates database records. Ruby method
names are automatically generated from the field names of database tables.
Each Active Record object has CRUD (Create, Read, Update, and Delete) methods for
database access. This strategy allows simple designs and straight forward mappings
between database tables and application objects.
Each entity (such as book) gets a table in the database named after it, but in the
plural (books).
Each such entity-matching table has a field called id, which contains a unique
integer for each record inserted into the table.
Given entity x and entity y, if entity y belongs to entity x, then table y has a field
called x_id.
The bulk of the fields in any table store the values for that entity's simple
properties (anything that's a number or a string).
Above rails generate model book commands generates the auto code as below
25
Ruby on Rails
You're telling the generator to create models called Book and Subject to store instances
of books and subjects. Notice that you are capitalizing Book and Subject and using the
singular form. This is a Rails paradigm that you should follow each time you create a
model.
When you use the generate tool, Rails creates the actual model file that holds all the
methods unique to the model and the business rules you define, a unit test file for
performing test-driven development, a sample data file (called fixtures) to use with the
unit tests, and a Rails migration that makes creating database tables and columns easy.
Apart from creating many other files and directories, this will create files named
book.rb and subject.rb containing a skeleton definition in the app/models directory.
Content available in book.rb:
class Book < ActiveRecord::Base
end
Content available in subject.rb:
class Subject < ActiveRecord::Base
end
one-to-one: A one-to-one relationship exists when one item has exactly one of
another item. For example, a person has exactly one birthday or a dog has
exactly one owner.
Ruby on Rails
Open book.rb in the app\model subdiractory and put the following validations:
class Book < ActiveRecord::Base
belongs_to :subject
validates_presence_of :title
validates_numericality_of :price, :message=>"Error Message"
end
Besides the validations mentioned above, there are other common validations. Check
Rails Quick Guide.
What is Next?
In the next chapter, we will learn Rails Migration, which allows you to use Ruby to define
changes to your database schema, making it possible to use a version control system to
keep things synchronized with the actual code.
27
8. MIGRATIONS
Ruby on Rails
Rails Migration allows you to use Ruby to define changes to your database schema,
making it possible to use a version control system to keep things synchronized with the
actual code.
This has many uses, including:
Production servers - Run "rake migrate" when you roll out a new release to bring
the database up to date as well.
create_table(name, options)
drop_table(name)
rename_table(old_name, new_name)
remove_column(table_name, column_name)
remove_index(table_name, column_name)
Migrations support all the basic data types: The following list of data types that
migration supports:
datetime and timestamp - store the date and time into a column.
date and time - store either the date only or time only.
Ruby on Rails
Valid column options are: The following is the valid column options:
NOTE: The activities done by Rails Migration can be done using any front-end GUI or
directly on SQL prompt, but Rails Migration makes all those activities very easy.
See the Rails API for details on these.
Ruby on Rails
def self.down
drop_table :books
end
end
The method self.up is used when migrating to a new version, self.down is used to roll
back any changes if needed. At this moment, the above script will be used to create
books table.
Modify 002_subjects.rb as follows:
class Subjects < ActiveRecord::Migration
def self.up
create_table :subjects do |t|
t.column :name, :string
end
Subject.create :name => "Physics"
Subject.create :name => "Mathematics"
Subject.create :name => "Chemistry"
Subject.create :name => "Psychology"
Subject.create :name => "Geography"
end
def self.down
drop_table :subjects
end
end
The above script will be used to create subjects table and will create five records in the
subjects table.
Ruby on Rails
What is Next?
Now, we have our database and the required tables available. In the two subsequent
chapters, we will explore two important components called Controller (ActionController)
and View (ActionView).
31
9. CONTROLLER
Ruby on Rails
The Rails controller is the logical center of your application. It coordinates the interaction
between the user, the views, and the model. The controller is also a home to a number
of important ancillary services.
It manages caching,
performance boosts.
It manages helper modules, which extend the capabilities of the view templates
without bulking up their code.
which
can
give
applications
orders-of-magnitude
The process for creating a controller is very easy, and it's similar to the process we've
already used for creating a model. We will create just one controller here:
library\> ruby script/generate controller Book
Notice that you are capitalizing Book and using the singular form. This is a Rails
paradigm that you should follow each time you create a controller.
This command accomplishes several tasks, of which the following are relevant here:
Ruby on Rails
end
def show
end
def new
end
def create
end
def edit
end
def update
end
def delete
end
end
Now let us implement all the methods one by one.
Ruby on Rails
a specific book, and it passes the id of that book via the params object so that show can
find the specific book.
if @book.save
redirect_to :action => 'list'
else
@subjects = Subject.all
render :action => 'new'
end
end
def book_params
params.require(:books).permit(:title, :price, :subject_id, :description)
end
The first line creates a new instance variable called @book that holds a Book object built
from the data, the user submitted. The book_params method is used to collect all the
fields from object:books. The data was passed from the new method to create using the
params object.
34
Ruby on Rails
The next line is a conditional statement that redirects the user to the list method if the
object saves correctly to the database. If it doesn't save, the user is sent back to the
new method. The redirect_to method is similar to performing a meta refresh on a web
page: it automatically forwards you to your destination without any user interaction.
Then @subjects = Subject.all is required in case it does not save data successfully and it
becomes similar case as with new option.
if @book.update_attributes(book_param)
redirect_to :action => 'show', :id => @book
else
@subjects = Subject.all
render :action => 'edit'
end
end
def book_param
params.require(:book).permit(:title, :price, :subject_id, :description)
end
35
Ruby on Rails
The update_attributes method is similar to the save method used by create but instead
of creating a new row in the database, it overwrites the attributes of the existing row.
Then @subjects = Subject.all line is required in case it does not save the data
successfully, then it becomes similar to edit option.
def list
@books = Book.all
end
def show
@book = Book.find(params[:id])
end
def new
@book = Book.new
36
Ruby on Rails
@subjects = Subject.all
end
def book_params
params.require(:books).permit(:title, :price, :subject_id, :description)
end
def create
@book = Book.new(book_params)
if @book.save
redirect_to :action => 'list'
else
@subjects = Subject.all
render :action => 'new'
end
end
def edit
@book = Book.find(params[:id])
@subjects = Subject.all
end
def book_param
params.require(:book).permit(:title, :price, :subject_id, :description)
end
def update
@book = Book.find(params[:id])
if @book.update_attributes(book_param)
redirect_to :action => 'show', :id => @book
else
@subjects = Subject.all
render :action => 'edit'
end
37
Ruby on Rails
end
def delete
Book.find(params[:id]).destroy
redirect_to :action => 'list'
end
def show_subjects
@subject = Subject.find(params[:id])
end
end
Now, save your controller file.
What is Next?
You have created almost all the methods, which will work on backend. Next, we will
define routes (URLs) for actions.
38
Ruby on Rails
The routing module provides URL rewriting in native Ruby. It's a way to redirect
incoming requests to controllers and actions. It replaces the mod_rewrite rules. Best of
all, Rails' Routing works with any web server. Routes are defined in app/config/routes.rb.
Think of creating routes as drawing a map for your requests. The map tells them where
to go based on some predefined pattern:
Rails.application.routes.draw do
Pattern 1 tells some request to go to one place
Pattern 2 tell them to go to another
...
end
Example
Let us consider our library management application contains a controller called
BookController. We have to define the routes for those actions which are defined as
methods in the BookController class.
Open routes.rb file in library/config/ directory and edit it with the following content.
Rails.application.routes.draw do
get 'books/list'
get 'books/new'
post 'books/create'
patch 'books/update'
get 'books/list'
get 'books/show'
get 'books/edit'
get 'books/delete'
get 'books/update'
get 'books/show_subjects'
end
The routes.rb file defines the actions available in the applications and the type of action
such as get, post, and patch.
Use the following command to list all your defined routes, which are useful for tracking
down routing problems in your application, or giving you a good overview of the URLs in
an application you're trying to get familiar with.
39
Ruby on Rails
What is Next?
Next, we will create the code to generate screens to display data and to take input from
the user.
40
11. VIEWS
Ruby on Rails
A Rails View is an ERb program that shares data with controllers through mutually
accessible variables.
If you look in the app/views directory of the library application, you will see one
subdirectory for each of the controllers, we have created: book. Each of these
subdirectories was created automatically when the same-named controller was created
with the generate script.
Rails let's you know that you need to create the view file for each new method. Each
method you define in the controller needs to have a corresponding erb file, with the
same name as the method, to display the data that the method is collecting.
So let's create view files for all the methods we have defined in the book_controller.rb.
While executing these views, simultaneously check these actions are applicable into the
database or not.
Now, display the actual content. Let us put the following code into list.html.erb.
<% if @books.blank? %>
<p>There are not any books currently in the system.</p>
<% else %>
<p>These are the current books in our system</p>
<ul id="books">
<% @books.each do |c| %>
<li><%= link_to c.title, {:action => 'show', :id => c.id} -%></li>
<% end %>
</ul>
41
Ruby on Rails
The code to be executed is to check whether the @books array has any objects in it. The
.blank? method returns true if the array is empty, and false if it contains any objects.
This @books object was created in controller inside the list method.
The code between the <%= %> tags is a link_to method call. The first parameter of
link_to is the text to be displayed between the <a> tags. The second parameter is what
action is called when the link is clicked. In this case, it is the show method. The final
parameter is the id of the book that is passed via the params object.
Now, try refreshing your browser and you should get the following screen because we
don't have any book in our library.
Ruby on Rails
:book - The object you are manipulating. In this case, it's a book object.
:id - The value that is stored in the database. In terms of HTML, this is the
<option> tag's value parameter.
:name- The output that the user sees in the pull-down menu. This is the value
between the <option> tags.
The next used is submit_tag, which outputs an <input> button that submits the form.
Finally, there is the end method that simply translates into </form>.
Go to your browser and visit http://localhost:3000/book/new. This will give you the
following screen.
43
Ruby on Rails
Enter some data in this form and then click the Create button. Here I have added the
following details into the fieldsTitle: Advance Physics
Price: 390
Subject: Physics
Description: This is test to create new book
When you click the Create button, it will call the create method, which does not need
any view because this method is using either list or new methods to view the results.
So, when you click the Create button, the data should submit successfully and redirect
you to the list page, in which you now have a single item listed as follows:
44
Ruby on Rails
If you click the link, you should see another Template is missing error, since you haven't
created the template file for show method yet.
<hr />
45
Ruby on Rails
'price' %></p>
46
Ruby on Rails
<li>
<%= link_to c.title, {:action => "show", :id => c.id} -%>
<b> <%= link_to 'Edit', {:action => "edit",
:id => c.id} %></b>
</li>
Now, try to browse books using the http://localhost:3000/book/list. It will give you the
listing of all the books along with Edit option. When you click the Edit option, then you
will have next screen as follows:
Now, you edit this information and then click at Save Changes button. This will result in a
call to update method available in the controller file and it will update all the changed
attribute. Notice that the update method does not need any view file because it's using
either show or edit methods to show its results.
Ruby on Rails
<b> <%= link_to 'Edit', {:action => 'edit', :id => c.id} %></b>
<b> <%= link_to "Delete", {:action => 'delete', :id => c.id},
:confirm => "Are you sure you want to delete this item?" %></b>
</li>
The :confirm parameter presents a JavaScript confirmation box asking if you really want
to perform the action. If the user clicks OK, the action proceeds, and the item is deleted.
Now, try browsing books using http://localhost:3000/book/list. It will give you listing of
all the books along with Edit and Delete options as follows:
Now using the Delete option, you can delete any listed record.
48
Ruby on Rails
This will output a list of subject on the index page, so that users can access them
directly.
Modify list.html.erb to add the following to the top of the file:
<ul id="subjects">
<% Subject.find(:all).each do |c| %>
<li><%= link_to c.name, :action => "show_subjects", :id => c.id %></li>
<% end %>
</ul>
Now try browsing books using http://localhost:3000/book/list. It will display all subjects
with links so that you can browse all the books related to that subject.
What is Next?
Hope now you are feeling comfortable with all the operations of Rails.
The next chapter explains how to use Layouts to put your data in a better way. We will
show you how to use CSS in your Rails applications.
49
12. LAYOUTS
Ruby on Rails
A layout defines the surroundings of an HTML page. It's the place to define a common
look and feel of your final output. Layout files reside in app/views/layouts.
The process involves defining a layout template and then letting the controller know that
it exists and to use it. First, let's create the template.
Add a new file called standard.html.erb to app/views/layouts. You let the controllers
know what template to use by the name of the file, so following a same naming scheme
is advised.
Add the following code to the new standard.html.erb file and save your changes:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;.
charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="en-us" />
<title>Library Info System</title>
<%= stylesheet_link_tag "style" %>
</head>
<body id="library">
<div id="container">
<div id="header">
<h1>Library Info System</h1>
<h3>Library powered by Ruby on Rails</h3>
</div>
<div id="content">
<%= yield -%>
</div>
<div id="sidebar"></div>
</div>
</body>
</html>
50
Ruby on Rails
Everything you just added were standard HTML elements except two lines. The
stylesheet_link_tag helper method outputs a stylesheet <link>. In this instance, we
are linking style.css style sheet. The yield command lets Rails know that it should put
the RHTML for the method called here.
Now open book_controller.rb and add the following line just below the first line:
class BookController < ApplicationController
layout 'standard'
def list
@books = Book.all
end
...................
It instructs the controller that we want to use a layout available in the standard.html.erb
file. Now try browsing books that will produce the following screen.
Ruby on Rails
font-size: small;
font-color: #000;
background-color: #fff;
}
a:link, a:active, a:visited {
color: #CD0000;
}
input {
margin-bottom: 5px;
}
p {
line-height: 150%;
}
div#container {
width: 760px;
margin: 0 auto;
}
div#header {
text-align: center;
padding-bottom: 15px;
}
div#content {
float: left;
width: 450px;
padding: 10px;
}
div#content h3 {
margin-top: 15px;
}
ul#books {
list-style-type: none;
}
ul#books li {
line-height: 140%;
}
div#sidebar {
52
Ruby on Rails
width: 200px;
margin-left: 480px;
}
ul#subjects {
width: 700px;
text-align: center;
padding: 5px;
background-color: #ececec;
border: 1px solid #ccc;
margin-bottom: 20px;
}
ul#subjects li {
display: inline;
padding-left: 5px;
}
Now refresh your browser and see the difference:
What is Next?
The next chapter explains how to develop applications using Rails Scaffolding to give
user access to add, delete, and modify the records in any database.
53
13. SCAFFOLDING
Ruby on Rails
While you're developing Rails applications, especially those which are mainly providing
you with a simple interface to data in a database, it can often be useful to use the
scaffold method.
Scaffolding provides more than cheap demo thrills. Here are some benefits:
You can quickly get code in front of your users for feedback.
You can learn how Rails works by looking at the generated code.
Scaffolding Example
To understand scaffolding, lets create a database called cookbook and a table called
recipes.
54
Ruby on Rails
To instruct Rails how to find the database, edit the configuration file
cookbook\config\database.yml and change the database name to cookbook. Leave the
password empty. When you finish, it should look as follows:
development:
adapter: mysql
database: cookbook
username: root
password: [password]
host: localhost
test:
adapter: mysql
database: cookbook
username: root
password: [password]
host: localhost
production:
adapter: mysql
database: cookbook
username: root
password: [password]
host: localhost
Rails lets you run in the development mode, test mode, or production mode, using
different databases. This application uses the same database for each.
55
Ruby on Rails
The Controller
Let's look at the code behind the controller. This code is generated by the scaffold
generator. If you open app/controllers/recipes_controller.rb, then you will find
something as follows:
class RecipesController < ApplicationController
before_action :set_recipe, only: [:show, :edit, :update, :destroy]
# GET /recipes
# GET /recipes.json
def index
@recipes = Recipe.all
end
56
Ruby on Rails
# GET /recipes/1
# GET /recipes/1.json
def show
end
# GET /recipes/new
def new
@recipe = Recipe.new
end
# GET /recipes/1/edit
def edit
end
# POST /recipes
# POST /recipes.json
def create
@recipe = Recipe.new(recipe_params)
respond_to do |format|
if @recipe.save
format.html { redirect_to @recipe, notice: 'Recipe was successfully
created.' }
format.json { render :show, status: :created, location: @recipe }
else
format.html { render :new }
format.json { render json: @recipe.errors, status:
:unprocessable_entity }
end
end
end
# PATCH/PUT /recipes/1
# PATCH/PUT /recipes/1.json
def update
57
Ruby on Rails
respond_to do |format|
if @recipe.update(recipe_params)
format.html { redirect_to @recipe, notice: 'Recipe was successfully
updated.' }
format.json { render :show, status: :ok, location: @recipe }
else
format.html { render :edit }
format.json { render json: @recipe.errors, status:
:unprocessable_entity }
end
end
end
# DELETE /recipes/1
# DELETE /recipes/1.json
def destroy
@recipe.destroy
respond_to do |format|
format.html { redirect_to recipes_url, notice: 'Recipe was successfully
destroyed.' }
format.json { head :no_content }
end
end
private
# Use callbacks to share common setup or constraints between actions.
def set_recipe
@recipe = Recipe.find(params[:id])
end
# Never trust parameters from the scary internet, only allow the white list
through.
def recipe_params
params.require(:recipe).permit(:tittle, :instructions)
end
end
58
Ruby on Rails
When the user of a Rails application selects an action, e.g. "Show" - the controller will
execute any code in the appropriate section - "def show" - and then by default will
render a template of the same name - "show.html.erb". This default behavior can be
overwritten.
The controller uses ActiveRecord methods such as find, find_all, new, save,
update_attributes, and destroy to move data to and from the database tables. Note that
you do not have to write any SQL statements, rails will take care of it automatically.
This single line of code will bring the database table to life. It will provide with a simple
interface to your data, and ways of:
When creating or editing an entry, scaffold will do all the hard work like form generation
and handling for you, and will even provide clever form generation, supporting the
following types of inputs:
Date selectors
Date-time selectors
59
Ruby on Rails
Once you press the Create button to create a new recipe, your record is added into the
recipes table and it shows the following result:
You can see the option to edit, show, and destroy the records. So, play around with
these options.
You can also list down all the recipes available in the recipes table using the URL
http://127.0.0.1:3000/recipe/list.
Ruby on Rails
Ruby on Rails
The Views
All the views and corresponding all the controller methods are created by scaffold
command and they are available in the app/views/recipes directory.
62
Ruby on Rails
Ajax stands for Asynchronous JavaScript and XML. Ajax is not a single technology; it is
a suite of several technologies. Ajax incorporates the following:
Ajax enables you to retrieve data for a web page without having to refresh the contents
of the entire page. In the basic web architecture, the user clicks a link or submits a form.
The form is submitted to the server, which then sends back a response. The response is
then displayed for the user on a new page.
When you interact with an Ajax-powered web page, it loads an Ajax engine in the
background. The engine is written in JavaScript and its responsibility is to both
communicate with the web server and display the results to the user. When you submit
data using an Ajax-powered form, the server returns an HTML fragment that contains
the server's response and displays only the data that is new or changed as opposed to
refreshing the entire page.
For a complete detail on AJAX you can go through our AJAX Tutorial
Some trigger fires: This trigger could be the user clicking on a button or link,
the user making changes to the data on a form or in a field, or just a periodic
trigger (based on a timer).
The web client calls the server: A JavaScript method, XMLHttpRequest, sends
data associated with the trigger to an action handler on the server. The data
might be the ID of a checkbox, the text in an entry field, or a whole form.
The server does processing: The server-side action handler (Rails controller
action) does something with the data and returns an HTML fragment to the web
client.
63
Ruby on Rails
The client receives the response: The client-side JavaScript, which Rails
creates automatically, receives the HTML fragment and uses it to update a
specified part of the current page's HTML, often the content of a <div> tag.
These steps are the simplest way to use Ajax in a Rails application, but with a little extra
work, you can have the server return any kind of data in response to an Ajax request,
and you can create custom JavaScript in the browser to perform more involved
interactions.
AJAX Example
This example works based on scaffold, Destroy concept works based on ajax.
In this example, we will provide, list, show, and create operations on subject table. If
you don't have any understanding on Library Info System explained in the previous
chapters, then we would suggest you to go through the previous chapters first and then
continue with AJAX on Rails.
Creating an Application
Let us start with the creation of an application. It will be done as follows:
rails new ponies
The above command creates an application, now we need to call the app directory using
with cd command. It will enter in to an application directory then we need to call a
scaffold command. It will be done as follows
rails generate scaffold Pony name:string profession:string
The above command generates the scaffold with name and profession column. We need
to migrate the data base as follows command
rake db:migrate
Now Run the Rails application as follows command
rails s
Now open the web browser and call a url as http://localhost:3000/ponies/new, The
output will be as follows
64
Ruby on Rails
Creating an Ajax
Now open app/views/ponies/index.html.erb with suitable text editors. Update your
destroy line with :remote => true, :class => 'delete_pony'.At finally, it looks like as
follows
to
your
other
.erb
files
(under
Ruby on Rails
$('.delete_pony').bind('ajax:success', function() {
$(this).closest('tr').fadeOut();
});
Now Open your controller file which is placed at app/controllers/ponies_controller.rb and
add the following code in destroy method as shown below
# DELETE /ponies/1
# DELETE /ponies/1.json
def destroy
@pony = Pony.find(params[:id])
@pony.destroy
respond_to do |format|
format.html { redirect_to ponies_url }
format.json { head :no_content }
format.js
end
end
At finally controller page is as shown image.
66
Ruby on Rails
Now click on back button, it will show all pony created information as shown image
Till now, we are working on scaffold, now click on destroy button, it will call a pop-up as
shown below image, the pop-up works based on Ajax.
67
Ruby on Rails
If Click on ok button, it will delete the record from pony.Here I have clicked ok
button.Final output will be as follows
68
Ruby on Rails
You may have a requirement in which you want your site visitors to upload a file on your
server. Rails makes it very easy to handle this requirement. Now we will proceed with a
simple and small Rails project.
As usual, let's start off with a new Rails application called testfile. Let's create the basic
structure of the application by using simple rails command.
tp> rails new testfile
Before starting application development, we should install gem files as shown below:
gem install carrierwave
gem install bootstrap-sass
Open up your gemfile and add the following two gems at the bottom as shown in the
following image:
After adding gems in the gem file, we need to run the following command on the
console:
bundle install
Ruby on Rails
def new
@resume = Resume.new
end
def create
@resume = Resume.new(resume_params)
if @resume.save
redirect_to resumes_path, notice: "The resume #{@resume.name} has been
uploaded."
else
render "new"
end
end
70
Ruby on Rails
def destroy
@resume = Resume.find(params[:id])
@resume.destroy
redirect_to resumes_path, notice:
deleted."
end
private
def resume_params
params.require(:resume).permit(:name, :attachment)
end
end
Let's
add
bootstrap
implementation
app/assets/stylesheets/resumes.css.scss
in
css
file.css
file
could
be
in
@import "bootstrap";
Now open up app/views/layouts/application.html.erb and add codes as shown below
<!DOCTYPE html>
<html>
<head>
<title>Tutorialspoint</title>
<%= stylesheet_link_tag
track" => true %>
Ruby on Rails
Ruby on Rails
</div>
<% end %>
<div class="well">
<%= form_for @resume, html: { multipart: true } do |f| %>
<%= f.label :name %>
<%= f.text_field :name %>
<%= f.label :attachment %>
<%= f.file_field :attachment %>
<%= f.submit "Save", class: "btn btn-primary" %>
<% end %>
</div>
Now start the server and visit http://localhost:3000. It will produce a screen similar to
as follows:
One last thing we need to do is filter the list of allowed filetypes. For that we need add
simple code as shown below at app/uploaders/attachment_uploader.rb
class AttachmentUploader < CarrierWave::Uploader::Base
storage :file
def store_dir
"uploads/#{model.class.to_s.underscore}/#{mounted_as}/#{model.id}"
end
def extension_white_list
%w(pdf doc htm html docx)
73
Ruby on Rails
end
end
Now start the server and visit http://localhost:3000. Now input a wrong format; it will
generate a wrong message as shown below:
For a complete detail on File object, you need to go through the Ruby Reference
Manual.
74
Ruby on Rails
Action Mailer is the Rails component that enables applications to send and receive
emails. In this chapter, we will see how to send an email using Rails. Lets start creating
an emails project using the following command.
tp> rails new mailtest
This will create the required framework to proceed. Now, we will start with configuring
the ActionMailer.
'smtp.gmail.com',
port:
587,
domain:
'example.com',
user_name:
'<username>',
password:
'<password>',
authentication:
'plain',
enable_starttls_auto: true
Replace each hash value with proper settings for your Simple Mail Transfer Protocol
(SMTP) server. You can take this information from your Internet Service Provider if you
already don't know. You don't need to change port number 25 and authentication type if
you are using a standard SMTP server.
You may also change the default email message format. If you prefer to send email in
HTML instead of plain text format, add the following line to config/environment.rb as
well:
ActionMailer::Base.default_content_type = "text/html"
75
Ruby on Rails
Generate a Mailer
Use the following command to generate a mailer as follows:
tp> cd emails
emails> rails generate mailer Usermailer
This will create a file user_mailer.rb in the app\mailer directory. Check the content of
this file as follows:
class Emailer < ActionMailer::Base
end
Let's create one method as follows:
class UserMailer < ApplicationMailer
default from: '[email protected]'
def welcome_email(user)
@user = user
@url
= 'http://www.gmail.com'
default Hash - This is a hash of default values for any email you send from this
mailer. In this case we are setting the :from header to a value for all messages in
this class. This can be overridden on a per-email basis.
mail - The actual email message, we are passing the :to and :subject headers in.
Ruby on Rails
<p>
You have successfully signed up to example.com,
your username is: <%= @user.login %>.<br>
</p>
<p>
To login to the site, just follow this link: <%= @url %>.
</p>
<p>Thanks for joining and have a great day!</p>
</body>
</html>
Next we will create a text part for this application as follow
Welcome to example.com, <%= @user.name %>
===============================================
To login to the site, just follow this link: <%= @url %>.
77
Ruby on Rails
respond_to do |format|
if @user.save
# Tell the UserMailer to send a welcome email after save
UserMailer.welcome_email(@user).deliver_later
This will send your message and will display the text message "Message sent
successfully" and output as follow
sent mail to [email protected] (2023.Sms)
[ActiveJob] [ActionMailler::DeliveryJob] [2cfde3c-260e-4a33-1a6ada13a9b] Date:
Thu, 09 Jul 2015 11:44:05 +0530
From: [email protected]
78
Ruby on Rails
To: [email protected]
Message-Id: <[email protected]>
Subject: Welcome to My Awesome Site
Mime-Version: 1.0
Content-Type: multipart/alternative;
boundary="--mimepart_559e112d601c8_f1031e7f20233f5";
charset=UTF-8
Content-Transfer-Encoding:7bit
For more information on how to send emails using Rails, please go through ActionMailer.
79