Adicionando back-end com Active Admin
Criado por Rasmus Kjellberg
Este guia pressupõe que você já tenha criado um aplicativo Rails Girls seguindo o guia de desenvolvimento.
O Active Admin é um plugin do Ruby on Rails para gerar interfaces de estilo de administração. Ele abstrai padrões comuns de aplicativos de negócios para simplificar a implementação de interfaces bonitas e elegantes com muito pouco esforço. Você pode ler mais sobre o Active Admin aqui.
Adicionando a gem “Active Admin”
Abra seu Gemfile
e adicione as seguintes linhas
e rode
para instalar as gems.
Depois de atualizar sem bundle, rode o instalador
O instalador cria um inicializador utilizado para configurar os padrões utilizados pelo Active Admin e uma nova pasta em app/admin
para colocar todas as suas configrações de administrador.
Migre seu banco e inicie o servidor:
Criando sua primeira conta de administrador
Abra o Rails console e crie seu novo usuário utilizando o model AdminUser
:
Você deverá ver alguma coisa como:
Você pode sair da sessão do console com um simples comando exit
:
Acessando seu painel de administrador
Visite http://localhost:3000/admin e faça login utilizando suas credenciais.
Voila! Você está no seu novo painel de controle do Active Admin.
Adicione “Ideas” ao back-end
Para registrar seu model Ideas
com Active Admin, rode:
Atualize sua página de admin e você encontrará Ideas na navegação.
Você pode substituir “Ideas” por qualquer model que você quiser registrar com o Active Admin.
Configurando Strong Parameters
Para prevenir a exceção ActiveModel::ForbiddenAttributesError in Admin::IdeasController#update ao atualizar o model, você tem que utilizar o método permit_params para definir quais atributos podem ter sido alterados:
Abra seu arquivo app/admin/ideia.rb
e adicione :nome
, :descricao
e :imagem
ao permit_params
:
Remova “new”, “edit” e “destroy” para usuários.
Se você não quer que usuários não administradores atualize suas ideias, você pode facilmente consertar isso atualizando seu arquivo de todas para permitir apenas “index” e “show”. Adicione only: [:show, :index]
ao config/route.rb
:
Não se esqueça de remover os links agora quebrados, do seu código front-end, como: <%= link_to 'Nova Ideia', new_ideia_path %>
, <%= link_to 'Editar', edit_idea_path(ideia) %>
, <%= link_to 'Excluir', ideia, method: :delete, data: { confirm: 'Você tem certeza?' } %>
Voila! Você pode agora gerenciar uas ideias do seu novo painel de administrador!
E agora?
- Adicione outro recurso ao admin como Blog e Comentarios
Outros Guias
- Handy cheatsheet for Ruby, Rails, console etc.
- Guia 1: Tutorial de Instalação para Rails Girls
- Guia 2: Tutorial para criação da app Rails Girls
- Guia 3: Como enviar para o GitHub
- Guia 4: Colocando seu app online em…
- Guia 5: Funcionalidades de uma área de comentários para a app Rails Girls
- Guia 6: Adicione design à sua aplicação com HTML e CSS
- Guia 7: Thumbnails em listas de ideas
- Guia 8: Autenticação (para usuários) com Devise
- Guia 9: Adicionando Gravatar para a aplicação
- Guia 10: Melhorando seu design da sua aplicação com HTML e CSS
- Guia 11: Continuous Deployment
- Guia 12: Construindo um aplicativo de votação em Sinatra
- Guia 13: Construa um diário em Ruby on Rails
- Guia 14: Adicione back-end ao seu aplicativo (páginas de administração)
- Guia 15: Acesse explicações adicionais do app Rails Girls