{"id":320,"date":"2024-04-05T16:20:52","date_gmt":"2024-04-05T19:20:52","guid":{"rendered":"https:\/\/difusao.tech\/blog\/?p=320"},"modified":"2024-04-10T13:26:59","modified_gmt":"2024-04-10T16:26:59","slug":"criando-um-sistema-de-cadastro-com-django-parte-3","status":"publish","type":"post","link":"https:\/\/difusao.tech\/blog\/criando-um-sistema-de-cadastro-com-django-parte-3\/","title":{"rendered":"Criando um sistema de cadastro com Django \u2013 Parte 3"},"content":{"rendered":"
\n
\"\"<\/figure>\n<\/div>\n\n\n

Dando sequencia no nosso sistema de cadastro e caso n\u00e3o tenha visto as partes anteriores, segue o link:<\/p>\n\n\n\n

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

Criando um sistema de cadastro com Django \u2013 Parte 1<\/a><\/p>\n\n\n\n

Criando um sistema de cadastro com Django \u2013 Parte 2<\/a><\/p>\n\n\n\n

Neste post vamos realizar a parte de cadastro dentro do nosso banco de dados, segue abaixo as partes que vamos abranger neste post.<\/p>\n\n\n\n

1 – Configurar o formul\u00e1rio para envio das informa\u00e7\u00f5es que o usu\u00e1rio vai digitar para o cadastro.<\/p>\n\n\n\n

2 – Preparar o modelo a ser utilizado pelo banco de dados.<\/p>\n\n\n\n

3 – Configurar a view para receber as informa\u00e7\u00f5es do form e salvar no banco de dados.<\/p>\n\n\n\n

4 – Listar os usu\u00e1rios do banco.<\/p>\n\n\n\n

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

Configurar o formul\u00e1rio para envio das informa\u00e7\u00f5es que o usu\u00e1rio vai digitar para o cadastro.<\/strong><\/p>\n\n\n\n

Vamos no site do bootstrap e pegar um formul\u00e1rio para incluir no nosso projeto, segue abaixo o form que vamos utilizr.<\/p>\n\n\n\n

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

Depois de copiar o c\u00f3digo do formul\u00e1rio clicando no icone da prancheta, cole ele logo ap\u00f3s o seu navbar na p\u00e1gina de cadastro, ficando assim:<\/p>\n\n\n\n

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

Vamos colocar um container para melhorar a estiliza\u00e7\u00e3o, usaremos a tag <div class=”container-sm”> antes da tag <form> e fechamos com <div> depois da tag <\/form>.<\/p>\n\n\n\n

E vou fazer o mesmo com aquele texto hello world dentro do h1 e vou mudar o texto para cadastro, sendo que vou mover ele para antes da div do form, ficando tudo assim:<\/p>\n\n\n\n

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

Agora sim vamos editar o nosso form e preparar ele para o envio das informa\u00e7\u00f5es.<\/p>\n\n\n\n

Vou deixar os campos do formul\u00e1ro somente com nome, email e setor e tamb\u00e9m vamos colocar o atributo name dentro dos inputs com o seus respectivos nomes, ficando assim o nosso form editado:<\/p>\n\n\n\n

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

Agora vamos preparar o form para o envio, adicionano o action e o metodo post, devemos incluir tamb\u00e9m ap\u00f3s a tag de abertura do form o csrf_token, necess\u00e1rio para envio de informa\u00e7\u00f5es de um form para uma p\u00e1gina interna.<\/p>\n\n\n\n

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

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

Preparar o modelo a ser utilizado pelo banco de dados.<\/strong><\/p>\n\n\n\n

Vamos abrir o arquivo models.py dentro da pasta da aplica\u00e7\u00e3o e vamos preparar o nosso modelo.<\/p>\n\n\n\n

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

Esse modelo vai ser preparado e ser\u00e1 criado no banco de dados uma tabela com esse nome e essas colunas, caso voc\u00ea queira saber mais sobre os tipos de dados que pode ser utilizados vou deixar o link abaixo:<\/p>\n\n\n\n

Tipos de dados: clique aqui!<\/a><\/p>\n\n\n\n

Ap\u00f3s a cria\u00e7\u00e3o do modelo vamos executar os comandos a seguir no Powsershell, abrar com control + j:<\/p>\n\n\n\n

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

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

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

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

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

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

Feito isso vamos instalar a extens\u00e3o sqlite view para ver como ficou o nosso banco.<\/p>\n\n\n\n

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

Vamos abrir o banco e visualizar nossa tabela, ela vai estar junto com outras que s\u00e3o nativas do framework.<\/p>\n\n\n\n

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

Conseguimos ver a nossa tabela e as colunas criadas.<\/p>\n\n\n\n

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

Configurar a view para receber as informa\u00e7\u00f5es do form e salvar no banco de dados.<\/strong><\/p>\n\n\n\n

Agora vamos preparar a nossa view de usu\u00e1rios para receber as informa\u00e7\u00f5es que ser\u00e3o enviadas do formul\u00e1rio na p\u00e1gina de cadastro.<\/p>\n\n\n\n

Vamos editar a nossa fun\u00e7\u00e3o def usuarios, ficando assim:<\/p>\n\n\n\n

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

Rode o servidor e teste o formul\u00e1rio, ap\u00f3s clicar em salvar no formul\u00e1rio, visualize a sua tabela no banco e verifique se criou o usu\u00e1rio informado.<\/p>\n\n\n\n

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

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

Listar os usu\u00e1rios do banco.<\/strong><\/p>\n\n\n\n

Agora vamos fazer uma altera\u00e7\u00e3o na fun\u00e7\u00e3o def usuarios para conseguir listar os usu\u00e1rios logo ap\u00f3s o envio de um novo usu\u00e1rio.<\/p>\n\n\n\n

E depois vamos incluir um if para que quando a rota seja acessada diretamente ele somente exiba os usu\u00e1rios no banco, sem a necessidade de executar o bloco que salva no banco, ficar\u00e1 como a seguir:<\/p>\n\n\n\n

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

Onde \u00e1 vari\u00e1vel usuarios <\/strong>esta fazendo uma consulta ao modelo e solicitando todos os objetos do banco e o if verifica se no carregamento da rota foi feito com um post ou n\u00e3o, caso seja feito com um method post ela vai salvar as informa\u00e7\u00f5es recebidas no banco.<\/p>\n\n\n\n

Em seguida vamos criar uma tabela no arquivo html da rota usuarios e colocar um for para percorrer a vari\u00e1vel que recebeu as informa\u00e7\u00f5es do banco, ficando assim:<\/p>\n\n\n\n

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

Agora voc\u00ea consegue acessar a rota usu\u00e1rios diretamente e visualizar os usu\u00e1rios cadastrados.<\/p>\n\n\n\n

Vamos continuar o nosso sisteminha em um pr\u00f3ximo post:<\/p>\n\n\n\n

Criando um sistema de cadastro com Django \u2013 Parte 4<\/a><\/p>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Dando sequencia no nosso sistema de cadastro e caso n\u00e3o tenha visto as partes anteriores, segue o link:<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30,157],"tags":[222,158],"class_list":["post-320","post","type-post","status-publish","format-standard","hentry","category-programacao-e-desenvolvimento","category-python","tag-django","tag-python"],"_links":{"self":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/320","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=320"}],"version-history":[{"count":4,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/320\/revisions"}],"predecessor-version":[{"id":356,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/320\/revisions\/356"}],"wp:attachment":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/media?parent=320"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/categories?post=320"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/tags?post=320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}