{"id":307,"date":"2024-04-03T16:14:21","date_gmt":"2024-04-03T19:14:21","guid":{"rendered":"https:\/\/difusao.tech\/blog\/?p=307"},"modified":"2024-04-05T16:21:34","modified_gmt":"2024-04-05T19:21:34","slug":"criando-um-sistema-de-cadastro-com-django-parte-2","status":"publish","type":"post","link":"https:\/\/difusao.tech\/blog\/criando-um-sistema-de-cadastro-com-django-parte-2\/","title":{"rendered":"Criando um sistema de cadastro com Django \u2013 Parte 2"},"content":{"rendered":"
\n
\"\"
logo django<\/figcaption><\/figure>\n<\/div>\n\n\n

Vamos dar sequencia ao nosso sistema de cadastro, se voc\u00ea chegou agora, da uma olhada nas postagens anteriores, segue os links:<\/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

No artigo anterior, criamos nossa primeira rota e view, vamos agora incluir mais duas rotas e seguir com parte do nosso sistema de cadastro.<\/p>\n\n\n\n

Como vimos anteriormente, para incluir uma p\u00e1gina temos que definir a rota, configurar a view e criar o template a ser utilizado, vamos realizar isso na sequencia conforme as imagens abaixo:<\/p>\n\n\n\n

1 – Incluindo nova rota:<\/p>\n\n\n\n

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

Incluimos mais dois paths, cadastro e usuarios<\/p>\n\n\n\n

2 – Configurar a nossa view:<\/p>\n\n\n\n

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

Criamos mais duas fun\u00e7\u00f5es uma para cada rota.<\/p>\n\n\n\n

3 – Agora vamos criar as pastas e arquivos html:<\/p>\n\n\n\n

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

Criamos a pasta para cada view e seus respectivos arquivos index.html.<\/p>\n\n\n\n

Agora vamos colocar um menu em cada view.<\/p>\n\n\n\n

Entre no site do bootstrap e pegue um template padr\u00e3o conforme mostrado na imagen:<\/p>\n\n\n\n

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

O bot\u00e3o com o icone de uma prancheta serve para copiar o c\u00f3digo do template padr\u00e3o do bootstrap, cole em cada arquivo index.html de cada view.
A nossa p\u00e1gina n\u00e3o vai conter nada demais, apenas um Hello, word por enquanto.<\/p>\n\n\n\n

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

Feito isso vamos colocar um menu, procure no menu lateral do site do bootstrap o nome “navbar”.<\/p>\n\n\n\n

Dentro da op\u00e7\u00e3o navbar, role a p\u00e1gina at\u00e9 encontra a op\u00e7\u00e3o Toggle, copie o c\u00f3digo clicando na prancheta.<\/p>\n\n\n\n

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

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

Cole o c\u00f3digo copiado logo depois da tag body nos seus arquivos index.html.<\/p>\n\n\n\n

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

Agora altere o meu para que fique apenas as op\u00e7\u00f5es, Home, Cadastro e LIstar Usu\u00e1rios, para isso basta alterar as tags li do seu html, veja na imagem acima e logo abaixo como deve ficar:<\/p>\n\n\n\n

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

Agora que j\u00e1 temos menu em todas as p\u00e1ginas, vamos colocar os links para navega\u00e7\u00e3o.<\/p>\n\n\n\n

No Django colocamos os links na tag href do arquivo .html da seguinte maneira:<\/p>\n\n\n\n

{% url ‘home’ %}<\/mark><\/p>\n\n\n\n

Abaixo como vai ficar:<\/p>\n\n\n\n

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

Sendo esse nome home o que foi definido la no arquivo de rotas em name, veja de onde \u00e9:<\/p>\n\n\n\n

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

Agora conseguimos clicar nos nomes do menu e mudar de rota de maneira mais f\u00e1cil.<\/p>\n\n\n\n

Para n\u00e3o ficar muito longo vamos encerrar por aqui e voltamos no pr\u00f3ximo, segue o link:<\/p>\n\n\n\n

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

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

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

Vamos dar sequencia ao nosso sistema de cadastro, se voc\u00ea chegou agora, da uma olhada nas postagens anteriores,<\/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-307","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\/307","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=307"}],"version-history":[{"count":2,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/307\/revisions"}],"predecessor-version":[{"id":339,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/posts\/307\/revisions\/339"}],"wp:attachment":[{"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/media?parent=307"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/categories?post=307"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/difusao.tech\/blog\/wp-json\/wp\/v2\/tags?post=307"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}