Baixe rubyonrails rapido pratico v1 marcio kina e outras Notas de estudo em PDF para Informática, somente na Docsity!

MARCIO KINA

Ruby on Rails

Guia Rápido e Prático

Ruby on Rails

Guia Rápido e Prático

SUMÁRIO

• 1. INTRODUÇÃO
• 2. CONFIGURAÇÃO
• 3. DESENVOLVIMENTO …......................................................................................
• 3.1 Criando o controller welcome ….........................................................................
• 3.2 Configurando e alterar a página inicial …...........................................................
• 3.3 Criação do controller Articles …..........................................................................
• 3.4 Primeiro formulário ….................................................................................….…
• 3.5 Criação do model Article ……………………………………………………………..
• 3.6 Salvando os dados no controller …………………………………………………....
• 3.7 Mostrar os dados ……………………………………………………………………..
• 3.8 Listar todos os dados cadastrados …………………………………………………
• 3.9 Adicionar links …………………………………………………………………………
• 3.10 Adicionar algumas validações …………………………………………………..…
• 3.11 Alterar os artigos …………………………………………………………………….
• 3.12 Reuso e limpar código duplicado ………………………………………………….
• 3.13 Apagar artigos …………………………………………………………………….…
• 3.14 Telas do sistema ………………………………………………………………….…
• REFERÊNCIAS BIBLIOGRÁFICAS ………………………………………………….…

2. CONFIGURAÇÃO

A primeira coisa é abrir o prompt do Windows (uma forma bastante prática é digitar na pesquisa do Windows cmd ) e acessar o diretório Sites. Abaixo um exemplo de como fazer isso. Dentro deste diretório vamos criar a nossa primeira aplicação. E para isto é necessário digitar o seguinte comando: rails new blog Este comando vai criar uma pasta chamada blog e dentro dela, toda a estrutura necessária para o desenvolvimento do aplicativo. Agora, é preciso acessar esta pasta, blog. cd blog Dentro desta pasta, vamos iniciar o servidor web e assim acessar as páginas criadas no navegador. Para isto, digitar o comando abaixo: ruby bin/rails server

Para parar o servidor basta digitar: Crtl + C. Com o servidor iniciado, acessar o seguinte site : http://localhost: Vai aparece a seguinte página: Bom, depois de criar a pasta blog, agora vamos efetivamente desenvolver o sistema. Vamos lá!

comentário da seguinte linha: root 'welcome#index' Se ao atualizar a página localhost:3000 e aparecer a tela abaixo: Então, é necessário acessar e alterar o seguinte arquivo app/assets/javascripts/application.js. Tirar o comentário da seguinte linha do código: require turbolinks Depois, ao atualizar a página localhost:3000 deve aparecer a seguinte tela:

Depois é necessário modificar o arquivo config/routes.rb para: Rails.application.routes.draw do resources :articles root 'welcome#index' end 3.3 Criação do controller Articles Acessar a seguinte página no browser : localhost:3000/articles/new E deve aparece a seguinte tela:

Para corrigir este erro é necessário criar o seguinte arquivo app/views/articles/new.html.erb e escrever nele o código:

New Article

. Ao acessar novamente a página localhost:3000/articles/new, deve aparecer apenas a seguinte tela:

3.4 Primeiro formulário Agora, nós vamos criar um formulário para que os usuários possam cadastrar os dados. E para isto, devemos inserir o seguinte código no arquivo app/views/articles/new.html.erb: <%= form_for :article do |f| %>

<%= f.label :title %>
<%= f.text_field :title %>

<%= f.label :text %>
<%= f.text_area :text %>

<%= f.submit %>

<% end %> Depois de escrever este código, abrir o arquivo localhost:3000/articles/new. E deve aparecer tela abaixo:

def create render plain: params[:article].inspect end end Pronto! Agora ao escrever no campo Title a frase "First article!" e no campo Text a frase "This is my first article." e clicar no botão Save Article do formulário da página localhost:3000/articles/new, deve aparece a seguinte mensagem: {"title"=>"First article!", "text"=>"This is my first article."} No próximo capítulo vamos criar o model, onde serão gravados os dados dos usuários. 3.5 Criação do model Article No prompt do Windows e dentro do caminho C:\Sites\blog, digitar o seguinte comando: ruby bin/rails generate model Article title:string text:text Com este comando criamos o model. Agora é necessário fazer a sua migração com seguinte comando: ruby bin/rake db:migrate

3.6 Salvando os dados no controller Com o model criado, é preciso fazer a ligação entre os comandos feitos pelos usuários com o banco de dados. Para isto, vamos alterar o arquivo app/controllers/articles_controller.rb. De: class ArticlesController < ApplicationController def new end def create render plain: params[:article].inspect end end Para: class ArticlesController < ApplicationController def new end def create @article = Article.new(params[:article]) @article.save redirect_to @article end end

private def article_params params.require(:article).permit(:title, :text) end end 3.7 Mostrar os dados Após cadastrar os artigos é necessário visualizar os mesmos. Para isto, é necessário incluir o show no arquivo app/controllers/articles_controller.rb. def show @article = Article.find(params[:id]) end def new end … restante do código …. Agora, vamos criar o arquivo app/views/articles/show.html.erb. Ao acessar a página localhost:3000/articles/new e cadastrar no Title a seguinte frase “Rails is Awesome” e depois cadastrar no campo Text a seguinte frase “It really is” e em seguida clicando no botão para enviar os dados, deve aparecer a tela abaixo, mostrando as informações cadastradas:

3.8 Listar todos os dados cadastrados Tambpem precisamos visualizar todos os artigos cadastrados no no nosso sistema. Para isto vamos modificar o arquivo app/controllers/articles_controller.rb. def index @articles = Article.all end def show … restante do código …. Depois adicionar o arquivo app/views/articles/index.html.erb.

3.9 Adicionar links Para acessar outras páginas do sistema precisamos de links. Então, iremos abrir o arquivo app/views/welcome/index.html.erb e adicionar o seguinte código: <%= link_to 'My Blog', controller: 'articles' %> Depois, abrir o arquivo app/views/articles/index.html.erb e adicionar o seguinte código abaixo da tag

: <%= link_to 'New article', new_article_path %> Agora, abrir o arquivo app/views/articles/new.html.erb e adicionar o link abaixo: … <% end %> <%= link_to 'Back', articles_path %> E finalmente, adicionar o link no arquivo app/views/articles/show.html.erb. <%= link_to 'Back', articles_path %> 3.10 Adicionar algumas validações As vezes, é necessário indicar para o usuário que ele precisa efetuar algumas operações obrigatórias ou passar alguma informação importante. Para isto que servem as validações. No nosso caso, vamos criar campos obrigatórios e limitação de caracteres.

Para isto, vamos abrir o arquivo app/models/article.rb e alterar com o seguinte código: class Article < ActiveRecord::Base validates :title, presence: true, length: { minimum: 5 } end Depois, modificar o arquivo app/controllers/articles_controller.rb. def new @article = Article.new end def create @article = Article.new(article_params) if @article.save redirect_to @article eles render 'new' end end private def article_params params.require(:article).permit(:title, :text) end