Aprenda como criar um site com formulário e lista em 30 minutos com o Django com: formulário para inserção dos dados.
Se você já leu as principais dúvidas de quem quer aprender Django agora você já está pronto para criar um site com formulário e lista em 30 minutos:
- um modelo de dados simples
- um formulário para inserção dos dados
- uma lista para exibição dos dados
Talvez seja em menos de 30 minutos você irá criar um site com formulário e lista, mas vai depender de você!
Veja também: 74 sites que oferecem cursos online gratuitos com certificado
Não iremos mexer com CSS e nem imagens por enquanto, mas em breve farei um artigo sobre isso também.
Bom, abra o terminal e vamos começar. Considere os seguintes nomes:
Ambiente: env_crm
Projeto: crm
App: cadastro
Classe: Inscricao
Atributos: nome, cpf, idade, email, telefone, criado_em
Criando um virtualenv
$ cd env_crm
Ativando o virtualenv no Windows
Ativando o virtualenv no Linux ou Mac
Instalando as bibliotecas do Requirements.
$ pip install unipath
Na verdade o prompt do terminal vai ficar assim:
Mas vou suprimir tudo isso, mas pelo mesmo você sabe que o virtualenv está ativado.
O Unipath é um pacote que trabalha com caminhos relativos de forma orientada à objetos. Segundo Henrique Bastos, ele evita diretórios hardcoded, ou seja, não usa caminho absoluto, e sim caminhos relativos. Em settings.py veremos o uso deste pacote. Mas como ele mesmo diz, o uso de os.path não é problema, mas o Unipath ajuda bastante.
Obs: Se quiser você pode instalar uma lista de pacotes de um requirements.
$ pip install -r requirements.txt
Criando o projeto crm.
Criando uma app cadastro em env_crm/crm.
$ python manage.py startapp cadastro
Rodando o projeto.
Abra o navegador e digite http://127.0.0.1:8000/. Parabéns, seu projeto está funcionando.
Agora vamos criar todos os demais elementos. Considere que estamos na pasta env_crm/crm.
Criando forms.py
Criando os templates.
$ touch cadastro/templates/{base.html,index.html,cadastro.html,lista.html}
Veja no diagrama abaixo a relação de dependência entre os arquivos.
Agora vamos editar alguns arquivos usando o Sublime Text 3, leia também Seu primeiro projeto Django com Sublime Text no Linux de Fabiano Góes.
Vamos carregar a pasta env_crm clicando em
File > Open Folder…
Primeiro vamos editar crm/settings.py.
# BASE_DIR = os.path.dirname(os.path.dirname(__file__))
# Unipath aqui
from unipath import Path
BASE_DIR = Path(__file__).parent…
INSTALLED_APPS = (
‘django.contrib.admin’,
‘django.contrib.auth’,
‘django.contrib.contenttypes’,
‘django.contrib.sessions’,
‘django.contrib.messages’,
‘django.contrib.staticfiles’,
‘cadastro’,
)
…DATABASES = {
‘default’: {
‘ENGINE’: ‘django.db.backends.sqlite3’,
#’NAME’: os.path.join(BASE_DIR, ‘db.sqlite3’),
‘NAME’: BASE_DIR.child(‘db.sqlite3’), # Unipath aqui
}
}
LANGUAGE_CODE = ‘pt-br’
Agora vamos editar crm/cadastro/models.py.
from django.db import modelsclass Inscricao(models.Model):
nome = models.CharField(max_length=100)
cpf = models.CharField(‘CPF’, max_length=11, unique=True)
idade = models.IntegerField()
email = models.EmailField(unique=True)
telefone = models.CharField(max_length=20, blank=True)
criado_em = models.DateTimeField(‘criado em’, auto_now_add=True)class Meta:
ordering = [‘criado_em’]
verbose_name = (u‘nome’)
verbose_name_plural = (u‘nomes’)
def __unicode__(self):
return self.nome
Vamos criar o banco de dados através do comando syncdb.
Agora vamos editar crm/cadastro/views.py. Vamos usar Generic Views. Note o uso do reverse_lazy, que facilita no gerenciamento de urls nomeadas.
from django.shortcuts import render
from django.views.generic import CreateView, ListView
from django.core.urlresolvers import reverse_lazyfrom cadastro.models import Inscricao
from cadastro.forms import InscricaoFormdef home(request):
return render(request,‘index.html’)
class Criar(CreateView):
template_name = ‘cadastro.html’
model = Inscricao
success_url = reverse_lazy(‘lista’)
class Lista(ListView):
template_name = ‘lista.html’
model = Inscricao
context_object = ‘nome’
Agora vamos editar crm/urls.py.
from django.conf.urls import patterns, include, url
from cadastro.views import *from django.contrib import admin
admin.autodiscover()urlpatterns = patterns(‘cadastro.views’,
url(r‘^$’, ‘home’, name=‘home’),
url(r‘^cadastro/$’, Criar.as_view(), name=‘cadastro’),
url(r‘^lista/$’, Lista.as_view(), name=‘lista’),
url(r‘^admin/’, include(admin.site.urls)),
)
Agora vamos editar crm/cadastro/forms.py.
from django import forms
from models import Inscricaoclass InscricaoForm(forms.ModelForm):class Meta:
model = Inscricao
Agora vamos editar crm/cadastro/templates/base.html.
<html>
<head>
{% block title %}
<title>Título</title>
{% endblock title %}
</head>
<body>
<div>
<ul>
<li><a href=“{% url ‘home’ %}”>Início</a></li>
<li><a href=“{% url ‘cadastro’ %}”>Cadastro</a></li>
<li><a href=“{% url ‘lista’ %}”>Lista</a></li>
</ul>
</div>{% block content %}{% endblock content %}
</body>
</html>
Agora vamos editar crm/cadastro/templates/index.html.
{% extends ‘base.html’ %}
{% block content %}
<h1>Cadastro de Clientes</h1>
{% endblock content %}
Agora vamos editar crm/cadastro/templates/cadastro.html.
{% extends ‘base.html’ %}
{% block content %}
<form action=“” method=“POST”>
{% csrf_token %}
{{ form.as_p }}
<button type=“submit”>Criar</button>
</form>
{% endblock content %}
Leia sobre as_p que significa que os campos ficarão em parágrafos, e crsf_token (en) que é uma proteção usada durante a inserção de dados.
Agora vamos editar crm/cadastro/templates/lista.html.
{% extends ‘base.html’ %}
{% block content %}
<h1>Lista de Clientes</h1>
<table>
<tr>
<th>Nome</th>
<th>CPF</th>
<th>Idade</th>
<th>Email</th>
<th>Telefone</th>
<th>Criado em</th>
</tr>
{% for nome in object_list %}
<tr>
<td>{{ nome.nome }}</td>
<td>{{ nome.cpf }}</td>
<td>{{ nome.idade }}</td>
<td>{{ nome.email }}</td>
<td>{{ nome.telefone }}</td>
<td>{{ nome.criado_em|date:”d/m/Y” }}</td>
</tr>
{% empty %}
<li>Sem itens na lista.</li>
{% endfor %}
</table>
{% endblock content %}
Leia também Seu primeiro projeto Django com Sublime Text no Linux de Fabiano Góes.
Baixe o projeto no github.com/rg3915/crm.
Você vai gostar também:
Você pode gostar: