[Série Completa] Criando um Sistema Administrativo Completo com Rails Admin

Introdução

[Todos os vídeos da série aqui]

*Veja esta série em formato de mini-curso clicando aqui.

Neste Screencast, dividido em 5 partes, nós vamos criamos 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 (assistir)
    5. Exportando para PDF com gráficos + Testando tudo isto (assistir)
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
    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

Parte 1 – Criando a estrutura do nosso Projeto + Seed

Nesta primeira parte nós criamos nosso modelo de dados e também instalamos o Rails Admin, apenas com esse passo você já é capaz de fazer o CRUD completo do seus dados.

Veja o post completo desta parte clicando aqui e veja também o projeto no Github para que você possa comparar os códigos, acesse aqui!


Parte 2 – Autenticação + Autorização + Filtrando os resultados

Nesta parte nós incluímos o Devise para gerenciar o Login e Criação de Users no nosso Projeto, também incluímos o CanCanCan para gerenciar o que os nossos Users podem alterar no sistema (Filtrando também os records que eles conseguem ver na lista).

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


img-curriculo-grafico-01


Parte 3 – Incluindo fotos + Atribuição automática de comissão

Nesta parte nós aprendemos como chamar callbacks para atribuir automaticamente uma comissão ao vendedor, editamos as tabelas e os campos que aparecem no nosso sistema administrativo para melhorar a aparência dele e simplificar a navegação e adicionamos a possibilidade de subir uma foto no Produto.

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


Parte 4 – Configurando o Rails Admin + Customizando a aparência

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 o post completo clicando aqui.
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 🙂


Parte 5 – Exportando para PDF com gráficos + Testando tudo isto

Nesta parte nós aprendemos como criar uma custom action capaz de exportar em PDF um resumo sobre os vendedores com um gráfico. Este foi o último vídeo desta parte da nossa série (Pode ser que tenhamos uma segunda parte onde vamos colocar o site no ar permitindo que as empresas usem o sistema), então se você quer uma segunda parte comente aí em baixo :).

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

Obrigado por acompanhar nossa primeira série, logo teremos mais como esta para trazer ainda mais conteúdos para você \o/


Bootcamp One Bit Code

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!

Em breve divulgarei mais informações e as datas para inscrição, 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ços,
Leonardo Scorza.

outubro 1, 2017

3 responses on "[Série Completa] Criando um Sistema Administrativo Completo com Rails Admin"

  1. Adorei a serie e estou tendo a chance de aprimorar o conhecimento que adquiri vendo a serie. Caso eu queira disponibilizar online, como poderia fazer? Funcionaria se eu utilizasse o recurso do heroku?

  2. Excelente tutorial! Neste sistema tem um admin que controla todos os usuários. Mas eu queria aprender a criar um sistema que cada usuário pudesse controlar seu perfil e somente ele visse as próprias coisas. Você poderia nos ensinar a criar uma rede social simples, com possibilidade de os usuários se cadastrarem, controlarem seus perfis e que somente eles pudessem ver as coisas que cadastram. Poderia ter também algo como amizades do facebook, em que seus amigos podem visualizar o que cadastra, se você autorizar. Eu curtiria muito. Se puder haha. Parabéns mais uma vez!

Deixe uma resposta

Feito com s2 por OneBitCode
%d blogueiros gostam disto: