{"id":293,"date":"2024-04-01T15:34:00","date_gmt":"2024-04-01T18:34:00","guid":{"rendered":"https:\/\/difusao.tech\/blog\/?p=293"},"modified":"2024-04-05T13:03:47","modified_gmt":"2024-04-05T16:03:47","slug":"criando-um-sistema-de-cadastro-com-django-parte-1","status":"publish","type":"post","link":"https:\/\/difusao.tech\/blog\/criando-um-sistema-de-cadastro-com-django-parte-1\/","title":{"rendered":"Criando um sistema de cadastro com Django – Parte 1"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n

No nosso artigo anterior fizemos um “hello world” com Django, caso voc\u00ea n\u00e3o acompanhou segue o link baixo:<\/p>\n\n\n\n

Hello world em Python usando Django<\/a><\/p>\n\n\n\n

Agora vamos realizar um sistema de cadastro, seguindo do nosso projeto criado no post anterior.<\/p>\n\n\n\n

Dentro da pasta do nosso projeto digite o comando a seguir no PowerShell para criar a nossa aplica\u00e7\u00e3o, lembrando que um projeto \u00e9 uma coisa e uma aplica\u00e7\u00e3o \u00e9 outra, em nosso projeto podemos ter mais de uma aplica\u00e7\u00e3o:<\/p>\n\n\n\n

django-admin startapp app<\/mark><\/p>\n\n\n\n

Coloquei o nome de app, mas caso voc\u00ea tenha mais de uma aplica\u00e7\u00e3o voc\u00ea poderia colocar app_cadastro, app_chat, app_resetpass, o que ficar melhor para identificar.<\/p>\n\n\n\n

Note na imagem abaixo, que nada aparece na saida do Powershell, mas o comando foi executado com sucesso e foi criado uma nova pasta com o nome da nossa aplica\u00e7\u00e3o:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Agora vamos entender um pouco da estrutura de funcionamento do Django, segue imagem:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Onde:<\/p>\n\n\n\n

Rota:<\/strong> O arquivo que define as urls de acesso a partes da nossa aplica\u00e7\u00e3o.
Em nosso caso vamos criar uma rota chamada home, que vai conter a p\u00e1gina inicial da aplia\u00e7\u00e3o.
Obs.: Mais a frente vamos definir a raiz do nosso site para essa rota tamb\u00e9m.
Esse arquivo fica dentro da pasta do nosso projeto e se chama urls.py.<\/p>\n\n\n\n

Ela vai ficar assim: 127.0.0.1:8000\/home<\/p>\n\n\n\n

Visualiza\u00e7\u00f5es:<\/strong> As views<\/strong> s\u00e3o respons\u00e1veis por determinar o que vai ser exibido em cada rota que for chamada via url, ela que sabe aonde est\u00e3o os arquivos html que formam a p\u00e1gina para determinada rota.
As views ficam definidas no arquivo views.py dentro da pasta da nossa aplica\u00e7\u00e3o.<\/p>\n\n\n\n

<\/p>\n\n\n\n

HTML: S\u00e3o os arquivos html que formam as nossas p\u00e1ginas.
Os arquivos html ficar\u00e3o dentro da pasta chamada templates que teremos que criar manualmente dentro da pasta do aplicativo.<\/p>\n\n\n\n

obs.: Note que algumas vezes falamos pasta do projeto e em outra pasta da aplia\u00e7\u00e3o, fique atento a isso.<\/p>\n\n\n\n

<\/p>\n\n\n\n

Resumo dos nossos pr\u00f3ximos passsos:<\/p>\n\n\n\n

1 – Definir as rotas no arquivo urls.py<\/p>\n\n\n\n

2 – Definir as views dentro do arquivo views.py<\/p>\n\n\n\n

3 – Construir um arquivo html dentro da pasta templates.<\/p>\n\n\n\n

4 – Configurar o nosso projeto para aceitar a aplica\u00e7\u00e3o, arquivo settings.py dentro da pasta do projeto.<\/p>\n\n\n\n

DEFINIR AS ROTAS<\/p>\n\n\n\n

O nosso arquivo de rota ficar\u00e1 como a seguir:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Na linha 3 temos a importa\u00e7\u00e3o das views: <\/p>\n\n\n\n

from app import views<\/mark><\/p>\n\n\n\n

Na linha 5 temos a configura\u00e7\u00e3o de cada rota, at\u00e9 agora somente uma:<\/p>\n\n\n\n

urlpatterns = [ path(‘home\/’, views.home, name=’home’) ]<\/mark><\/p>\n\n\n\n

Vamos entender cada parte da configura\u00e7\u00e3o da rota:<\/p>\n\n\n\n

Dentro de path temos a primeira parte definida como ‘home\/’<\/mark> essa \u00e9 a rota que ser\u00e1 digitada na url, ficando assim: 127.0.0.1:8000\/home.<\/p>\n\n\n\n

A parte views.home informa aonde que esta a view dessa rota, no caso a nossa pasta home dentro da pasta templates que iremos criar.<\/p>\n\n\n\n

DEFINIR VIEWS<\/p>\n\n\n\n

Com nossa rota definida vamos definir nossa view, as nossas views s\u00e3o fun\u00e7\u00f5es no python, veja como vai ficar:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Temos a nossa fun\u00e7\u00e3o def home(request):
O parametro request vai ficar respos\u00e1vel por receber dados na chamada.<\/p>\n\n\n\n

E em seguida o return render(request, ‘home\/home.html’)<\/p>\n\n\n\n

Que responde mandando renderizar a quem requisitou o conte\u00fado da nossa pasta de templetes, no caso o que esta dentro da pasta home\/home.html.<\/p>\n\n\n\n

DEFINIR OS ARQUIVOS HTML<\/p>\n\n\n\n

Agora que ja configuramos a nossa rota e view, vamos criar uma pasta chamada templates e dentro dela vamos colocar a nossa pasta da rota home e o seu arquivo .html.<\/p>\n\n\n\n

1 – Crie a pasta templates.<\/p>\n\n\n\n

2 – Dentro da pasta templates crie a pasta home.<\/p>\n\n\n\n

3 – Dentro da pasta home crie o arquivo home.html<\/p>\n\n\n\n

Ficando como a seguir:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

CONFIGURAR ARQUIVO SETTINGS.PY DO PROJETO<\/p>\n\n\n\n

Abra o arquivo settings.py dentro da pasta do projeto e vamos configurar para aceitar a nossa aplica\u00e7\u00e3o conforme abaixo:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Na parte de INSTALLED_APPS, colocamos o nome da pasta da aplica\u00e7\u00e3o no final como mostrado acima.<\/p>\n\n\n\n

Agora vamos rodar o nosso projeto e conferir se esta tudo indo de acordo:<\/p>\n\n\n\n

python manage.py runserver<\/mark><\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Acesse pelo navegador a url 127.0.0.0:8000\/home<\/mark><\/p>\n\n\n\n

Note que se voc\u00ea n\u00e3o colocar o \/home<\/mark> no final, vai apecer uma p\u00e1gina de erro como a seguir:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Isso acontece por que n\u00e3o definimos nada para a rota raiz.<\/p>\n\n\n\n

Ao acessar a rota corretamente vamos ver o nosso hello world da rota home:<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Vou deixar para voc\u00ea criar uma segunda rota o qual vamos listar os usu\u00e1rios do nosso sistema de cadastro, crie a rota e a view com a frase “lista de usu\u00e1rios”.<\/p>\n\n\n\n

N\u00e3o se preocupe, vamos fazer isso na parte 2, por hora tente praticar as configura\u00e7\u00f5es de rota para ir acostumando.<\/p>\n\n\n\n

At\u00e9!<\/p>\n\n\n\n

Criando um sistema de cadastro com Django – Parte 2<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

No nosso artigo anterior fizemos um “hello world” com Django, caso voc\u00ea n\u00e3o acompanhou segue o link baixo:<\/p>\n","protected":false},"author":1,"featured_media":304,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,157],"tags":[222,158,225],"class_list":["post-293","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-programacao-e-desenvolvimento","category-python","tag-django","tag-python","tag-python-django"],"_links":{"self":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/293","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/comments?post=293"}],"version-history":[{"count":2,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/293\/revisions"}],"predecessor-version":[{"id":323,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/293\/revisions\/323"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/media\/304"}],"wp:attachment":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/media?parent=293"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/categories?post=293"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/tags?post=293"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}