Cadastro e Login com Python - #04 Cadastro

No tutorial de hoje faremos o cadastro utilizando Python e Django. Vamos aprender desde o formulário html até a inserção no banco.

Dados no banco com Python

project/urls.py

Para trabalhar com cadastro vamos criar duas rotas:

path('create/', create),
path('store/', store),

app/views.py

Vamos inserir as funções relativas as rotas acima no arquivo views:

#Formulário de cadastro de usuários
def create(request):
    return render(request,'create.html')


#Inserção dos dados dos usuários no banco
def store(request):
    data = {}
    if(request.POST['password'] != request.POST['password-conf']):
        data['msg'] = 'Senha e confirmação de senha diferentes!'
        data['class'] = 'alert-danger'
    else:
        user = User.objects.create_user(request.POST['user'], request.POST['email'], request.POST['password'])
        user.first_name = request.POST['name']
        user.save()
        data['msg'] = 'Usuário cadastrado com sucesso!'
        data['class'] = 'alert-success'
    return render(request,'create.html',data)

app/templates/home.html

Na home vamos criar o link para o formulário de cadastro:

{% extends 'main.html' %}

{% block content %}
    <a href="/create/">Cadastro de Usuários</a>
{% endblock %}

app/templates/create.html

Esse será o arquivo que abrigará o template do formulário de cadastro html:

{% extends 'main.html' %}

{% block content %}
    <form name="form-users" id="formUsers" method="post" action="/store/">
        <div class="col-6 mt-4 m-auto">
            {% if msg %}
                <div class="alert {{class}}">
                    {{msg}}
                </div>
            {% endif %}

            {% csrf_token %}
            <input class="form-control mt-4" type="text" name="name" id="name" placeholder="Nome:">
            <input class="form-control mt-4" type="text" name="user" id="user" placeholder="Nome do Usuário:">
            <input class="form-control mt-4" type="password" name="password" id="password" placeholder="Senha:">
            <input class="form-control mt-4" type="password" name="password-conf" id="password-conf" placeholder="Repita a Senha:">
            <input class="form-control mt-4" type="email" name="email" id="email" placeholder="Email:">
            <input class="btn btn-primary mt-4" type="submit" value="Cadastrar">
        </div>
    </form>
{% endblock %}

Por hoje é só! Sucesso nos códigos e na vida!