Criando um Sistema Administrativo Completo com Rails Admin – PARTE 4

 

Introdução

Neste Screencast, dividido em 5 partes, nós vamos criar um sistema administrativo completo usando Rails Admin, neste exemplo vamos criar uma plataforma para que uma empresa possa gerenciar as vendas do seus representantes comerciais com dois tipos de usuário: gerente e vendedor. O vendedor poderá entrar com novas vendas, clientes e ver as suas comissões, o gerente poderá criar produtos, descontos e outros usuários.

Também vamos aprender a implementar uma série de features úteis e comuns à maioria dos APPs como autenticação usando Devise, autorização usando CanCanCan, filtro de registros baseado em quem é o dono deles, upload de fotos, customização da aparência e exportação de dados para PDF usando gráficos.

Este é o primeiro tutorial do OneBitCode dividido em vários episódios em vídeos para aumentar o detalhamento e simplificar a explicação, então se você gostar desse formato deixa um feedback ainda em baixo para eu saber e produzir mais conteúdo como este.

Episódios
    1. Criando a estrutura do nosso Projeto + Seed (assistir)
    2. Autenticação + Autorização + Filtrando os resultados (assistir)
    3. Incluindo fotos + Atribuição automática de comissão (assistir)
    4. Configurando o Rails Admin + Customizando a aparência (disponível)
    5. Exportando para PDF com gráficos + Testando tudo isto (Em breve)
O que vamos Aprender?
    1. Como criar um sistema administrativo
    2. Como implementar a autenticação
    3. Como implementar a autorização
    4. Como filtrar para que os vendedores vejam apenas seus próprios clientes, vendas e comissões
    5. Adicionando comissão automaticamente
    6. Como receber fotos no nosso sistema administrativo
    7. Como customizar a aparência do nosso sistema administrativo (Neste episódio)
    8. Como exportar para PDF e gerar gráficos
Ingredientes
    1. Ruby on Rails
    2. Sqlite3 (Mas você pode usar outro Database :))
    3. Gem: Rails Admin
    4. Gem: Rails Admin Rollincode
    5. Gem: Devise
    6. Gem: CanCanCan
    7. Gem: Carrierwave
Lista de comandos utilizados no Screencast parte 4 (Siga esses comandos enquanto acompanha o vídeo)
    1. Customizando o menu do Admin e traduzindo ele para Português (Acompanhe o vídeo para entender o contextos dos códigos mostrados a baixo)

      Adicionar no arquivo: “/config/initializers/rails_admin.rb”


      Adicionar no arquivo: “/config/initializers/rails_admin.rb”


      Adicionar no arquivo: “/config/environments/development.rb”


      Adicionar no arquivo: “/config/environments/production.rb”


      Crie um arquivo nesse path “/config/locales/pt-BR.yml” e coloque o seguinte conteúdo dentro dele (Aqui já está inserida também o exemplo da mudança dos nomes dos models):


      Crie um arquivo nesse path “/config/locales/devise.pt-BR.yml” e coloque o seguinte conteúdo dentro dele:



      Adicionar no arquivo: “/config/initializers/rails_admin.rb”

      Adicionar no arquivo: “/config/initializers/rails_admin.rb”
    2. Customizando a aparência do nosso Admin usando uma Gem:Inclua no seu Gemfile:

      Rodar no console:


      Adicionar ao arquivo “/config/application.rb”


      Rodar no console:


      Crie o arquivo nesse path “/app/assets/javascripts/rails_admin/custom/ui.js” e coloque o seguinte conteúdo nele:

    3. Agora para customizar a Gem que usamos para dar a aparência do nosso Admin, siga os passos:Fora do seu projeto no console, rode:

      Dentro da pasta do projeto que você baixou substitua o conteúdo do arquivo desse path “vendor/assets/stylesheets/rails_admin/themes/rollincode/variables.scss” pelo conteúdo a báixo:

      Crie um repositório vazio no Github ou Bitbucket para receber a nossa Gem, depois rode os seguintes comandos para subir nosso projeto para lá:

      Agora de volta ao seu Projeto Admin, no seu Gemfile altere a gem “rails_admin_rollincode” normal, pela versão que aponta para nosso repositório do Git como no exemplo a baixo:

      *Lembrando novamente que vocẽ deve realizar esses comandos acompanhando o vídeo para não perder o contexto e entender o que está acontecendo 🙂


Conclusão – Parte 4

Nesta parte nós customizamos completamente nosso sistema e demos a ele uma aparência mais moderna e elegante. Primeiro nós customizamos o menu e também realizamos a tradução do nosso Admin para Português e depois nós alteramos a aparência do admin usando uma Gem externa e para finalizar nós baixamos o código dessa Gem, alteramos algumas coisas, subimos ela para um repositório nosso no Github e fizemos o nosso Admin usar a Gem de customização que alteramos.

Aprendemos muitos conceitos sobre Rails Admin mas também aprendemos muitos conceitos sobre o Rails em si, então assista essa aula com calma e siga o passo a passo 🙂

Veja as partes anteriores da série:

  1. Parte 1
  2. Parte 2
  3. Parte 3

Você pode ver o código completo acessando o projeto no Github clicando aqui e escolhendo a branch “Part4”, aproveita e me segue lá também 🙂

O último episódio da série sairá nos próximos dias então não se esqueça de se cadastrar no canal do Youtube e habilitar as notificações.

Se inscreva também na nossa newsletter aí do lado direito em “Se Inscreva” e receba o Resumo Semanal One Bit Code 🙂

E se você perdeu as inscrições para o Primeiro Bootcamp One Bit Code e se interessa em criar um projeto real utilizando Rails 5 + Angular 2, se inscreva na lista de interessados para a próxima turma!
Ainda não temos a data definida do próximo bootcamp, mas vou enviar novidades em primeira mão para o pessoal desta lista.
Então, se você tem interesse na próxima turma, se inscreva na lista aqui.

Muito Obrigado por acompanhar este Blog!
Sua presença aqui é uma honra para mim,

Abraço,
Leonardo Scorza.[:]

outubro 1, 2017
Feito com s2 por OneBitCode
%d blogueiros gostam disto: