Introdução
*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
-
- Criando a estrutura do nosso Projeto + Seed (assistir)
- Autenticação + Autorização + Filtrando os resultados (assistir)
- Incluindo fotos + Atribuição automática de comissão (assistir)
- Configurando o Rails Admin + Customizando a aparência (assistir)
- Exportando para PDF com gráficos + Testando tudo isto (assistir)
O que vamos Aprender?
-
- Como criar um sistema administrativo
- Como implementar a autenticação
- Como implementar a autorização
- Como filtrar para que os vendedores vejam apenas seus próprios clientes, vendas e comissões
- Adicionando comissão automaticamente
- Como receber fotos no nosso sistema administrativo
- Como customizar a aparência do nosso sistema administrativo
- Como exportar para PDF e gerar gráficos
Ingredientes
-
- Ruby on Rails
- Sqlite3 (Mas você pode usar outro Database :))
- Gem: Rails Admin
- Gem: Rails Admin Rollincode
- Gem: Devise
- Gem: CanCanCan
- 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 over 60 dating servi cve.
Você pode ver o código completo acessando o projeto no Github free dating web site los angeles e escolhendo a branch “Part2”, aproveita e me segue lá também 🙂
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 angela and hodgins hook up.
Você pode ver o código completo acessando o projeto no Github free dating web site los angeles 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 free dating web site los angeles 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 free dating web site los angeles 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/
Não perca nenhum conteúdo
Receba nosso resumo semanal com os novos posts, cursos, talks e vagas o/
Muito Obrigado por acompanhar este Blog!
Sua presença aqui é uma honra para mim,
Abraços,
Leonardo Scorza.
Primeira vez no OneBitCode? Curtiu esse conteúdo?
O OneBitCode tem muito mais para você!
O OneBitCode traz conteúdos de qualidade, e em português, sobre programação com foco em Ruby on Rails e também JavaScript.
Além disso, aqui sempre levamos à você conteúdos valiosos sobre a carreira de programação, dicas sobre currículos, portfólios, perfil profissional, soft skills, enfim, tudo o que você precisa saber para continuar evoluindo como Programador(a)!
Fique por dentro de todos os conteúdos o/
Nossas redes sociais:
📹 • https://youtube.com/Onebitcode [Live todas as terças-feiras às 19h)
💻 • https://linkedin.com/company/onebitcode
🙂 • https://facebook.com/onebitcode
📱 • https://instagram.com/one_bit_code
🐦 • https://twitter.com/onebitcode
Nossos cursos:
🥇 • Programador Full Stack Javascript em 8 Semanas
💎 • Curso Completo de Ruby
⚙ • Minicurso: API Rails 5 Completo
🐞 • Minicurso de Testes para Ruby on Rails com RSpec
Espero que curta nossos conteúdos e sempre que precisar de ajuda, fala com a gente!
Estamos aqui para você 🙂
Bem-vindo à família OneBitCode o/
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?
E ai Leandro tudo bem?
Você pode usar o Heroku sim.
Na série nós vamos aprender como fazer o deploy na Digital Ocean, então fique de olho lá 🙂
Obrigado por acompanhar
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!
E ai Fernando,
Então cara em breve vai sair um curso novo do OneBitCode ensinando a fazer uma rede social do zero \o/
Estou gostando muito do tutorial, mas dei uma travada na parte 2. Fiz todos os passos da autorização, mas a pagina dando não autorizada para qualquer usuário.
E a Edson, beleza?
Cara essa série sofreu algumas pequenas modificações, a versão mais atualizada está aqui: https://onebitcode.com/course/criando-um-sistema-administrativo-completo-com-rails-admin/
Segue pelo curso e me avisa se deu certo \o/
Muito legal a serio toda, gostaria de saber como que faz pra deixar o dashboard responsivo?
Legal muito boa a serie, gostaria de saber como deixa o dashboar responsivo??