Projeto Ecommerce Com Ruby On Rails

Fazer download em pdf ou txt
Fazer download em pdf ou txt
Você está na página 1de 7

Projeto Ecommerce com Ruby on Rails

Instale o Ruby e o Ruby on Rails:


Antes de começar a desenvolver em Ruby on Rails, você
precisará ter o Ruby instalado em seu computador. Você
também precisará instalar o Ruby on Rails, que é um
framework que torna mais fácil criar aplicativos baseados
em Ruby. Você pode fazer o download dos instaladores no
site oficial do Ruby (https://www.ruby-lang.org) e do Ruby
on Rails (https://rubyonrails.org).

Crie um novo projeto:


Para criar um novo projeto em Ruby on Rails, abra um
terminal ou prompt de comando no seu computador e digite
o seguinte comando:

javascript
Copy code
rails new ecommerce
Isso criará um novo projeto chamado "ecommerce" na
pasta atual do seu terminal.

Crie um modelo para os produtos: Para implementar a


funcionalidade de venda de produtos, você precisará de um
modelo para representar seus produtos. Para criar um
modelo em Ruby on Rails, digite o seguinte comando no
terminal:
php
Copy code
rails generate model Produto nome:string descricao:text
preco:float imagem:binary
Isso criará um novo modelo chamado "Produto" com quatro
campos: nome, descrição, preço e imagem.

Migre o modelo para o banco de dados: Agora que você


criou um modelo, precisa migra-lo para o banco de dados.
No terminal, digite o seguinte comando:
text
Copy code
rails db:migrate
Isso migrará o modelo "Produto" para o banco de dados,
criando uma tabela para armazenar os produtos.

Crie um controlador para os produtos: Um controlador é


responsável por gerenciar solicitações do usuário e
retornar uma resposta adequada. Para criar um controlador
para os produtos, digite o seguinte comando no terminal:
text
Copy code
rails generate controller Produtos
Isso criará um novo controlador chamado "Produtos" para
gerenciar solicitações relacionadas aos produtos.

Crie as rotas para o controlador: Agora que você criou um


controlador, precisa mapeá-lo para as rotas do seu
aplicativo web. Abra o arquivo "config/routes.rb" e adicione
a seguinte linha de código:
ruby
Copy code
resources :produtos
Isso criará rotas para o controlador "Produtos", incluindo
rotas padrão para visualizar, criar, atualizar e excluir
produtos.

Crie visualizações para o controlador: Para exibir os


produtos, você precisará criar visualizações para o
controlador "Produtos". Crie um novo arquivo chamado
"index.html.erb" na pasta "app/views/produtos/" e adicione
o seguinte código:
html
Copy code
<h1>Produtos</h1>

<% @produtos.each do |produto| %>


<div>
<h2><%= produto.nome %></h2>
<p><%= produto.descricao %></p>
<p><strong>Preço:</strong> <%=
number_to_currency(produto.preco) %></p>
<%= image_tag produto.imagem %>
</div>
<% end %>
Este código exibirá todos os produtos armazenados no
banco de dados, incluindo o nome do produto, a descrição,
o preço e a imagem.

Adicione funcionalidade para criar produtos: Para permitir


que os usuários criem novos produtos, você precisará
adicionar funcionalidade de criação ao controlador
"Produtos". Abra o arquivo
"app/controllers/produtos_controller.rb" e adicione o
seguinte código:
ruby
Copy code
def new
@produto = Produto.new
end

def create
@produto = Produto.new(produto_params)
if @produto.save
redirect_to @produto
else
render 'new'
end
end

private
def produto_params
params.require(:produto).permit(:nome, :descricao, :preco,
:imagem)
end
Este código criará um novo produto com base nos
parâmetros fornecidos pelo usuário e o salvará no banco
de dados. Se a criação for bem-sucedida, o usuário será
redirecionado para a página de exibição do produto. Se
não, ele será apresentado novamente ao formulário de
criação.

Crie uma visualização para criar produtos: Para permitir


que os usuários criem produtos, você precisará criar uma
visualização para o formulário de criação de produtos. Crie
um novo arquivo chamado "new.html.erb" na pasta
"app/views/produtos/" e adicione o seguinte código:
html
Copy code
<h1>Criar Produto</h1>

<%= form_with model: @produto, local: true do |form| %>


<div>
<%= form.label :nome %>
<%= form.text_field :nome %>
</div>
<div>
<%= form.label :descricao %>
<%= form.text_area :descricao %>
</div>
<div>
<%= form.label :preco %>
<%= form.text_field :preco %>
</div>
<div>
<%= form.label :imagem %>
<%= form.file_field :imagem %>
</div>
<%= form.submit "Salvar Produto", class: "button" %>
<% end %>
Este código exibirá um formulário onde o usuário pode
inserir as informações do produto a ser criado.

Adicione funcionalidade para exibir produtos individuais:


Para permitir que os usuários exibam produtos individuais,
você precisará adicionar funcionalidade de exibição ao
controlador "Produtos". Adicione o seguinte código ao
arquivo "app/controllers/produtos_controller.rb":
ruby
Copy code
def show
@produto = Produto.find(params[:id])
end
Este código encontra o produto com o ID fornecido e o
armazena em uma variável de instância para uso na
visualização.

Crie uma visualização para exibir produtos individuais: Para


exibir produtos individuais, você precisará criar uma
visualização para cada produto. Crie um novo arquivo
chamado "show.html.erb" na pasta "app/views/produtos/" e
adicione o seguinte código:
html
Copy code
<div>
<h1><%= @produto.nome %></h1>
<p><%= @produto.descricao %></p>
<p><strong>Preço:</strong> <%=
number_to_currency(@produto.preco) %></p>
<%= image_tag @produto.imagem %>
</div>
Este código exibirá o nome, descrição, preço e imagem do
produto individual.

Pronto! Agora você tem um aplicativo simples de


E-Commerce em Ruby on Rails que permite aos usuários
visualizar, criar e exibir produtos. À medida que você for
aprendendo mais sobre Rails, poderá explorar recursos
mais avançados e criar um aplicativo mais complexo.

Você também pode gostar