Django optimización de la página de inicio de sesión

directorio

Introducción
Ambiental listo para
código de back-end
código de front-end
para ejecutar el programa

INTRODUCCIÓN:

ver la página de inicio de sesión de arranque más mediocre, en busca de un poco cansado, ahora la página de acceso a embellecerlo.

Preparación del entorno:

1.python3
2.django
3.bootstrap3

código de back-end:

La creación de la función de inicio de sesión a la vista login_check mango

def login_action(request):
    if request.method == "POST":
        username = request.POST.get('username','')
        password = request.POST.get('password','')
        remember = request.POST.get('remember','')
        print(remember)
        user = auth.authenticate(username=username,password=password)
        if user is not None:
            auth.login(request,user) #登陆
            request.session['user'] = username 
            response = HttpResponseRedirect('/event_manager/')
            
            if remember == "on":
                # 设置cookie username *过期时间为1周
                response.set_cookie('username', username, max_age=7 * 24 * 3600)
            return response

        else:
            # return render(request,'index.html',{'error':'username or password error!'})
            return redirect('/login/')


Crear una función de vista de inicio de sesión que devuelve la página de inicio de sesión

#登录显示页面
def login(request):
    '''显示登陆页面'''
    # 获取cookie username
    if 'username' in request.COOKIES:
        # 获取记住的用户名
        username = request.COOKIES['username']
        print("用户名名:%s"%username)
    else:
        username = ''
    return render(request,'index_bak.html',{'username': username})

HTML parte de extremo delantero del código :
<div class="container" style="margin-top: 13%;">
    <div class="row">
        <div class="col-md-4 col-md-offset-4">
            <div class="panel panel-success">
                <div class="panel-heading">登录信息</div>
                <div class="panel-body">
                    <form action="/login_action/" method="post">
                        <div class="form-group has-feedback">
                            <i class="fa fa-user fa-lg"></i>
                            <input type="text" class="form-control" name="username" value="{{ username }}"
                                   placeholder="用户名">
                        </div>
                        <div class="form-group has-feedback">
                            <i class="fa fa-lock fa-lg"></i>
                            <input type="password" class="form-control" name="password"
                                   placeholder="密码">
                        </div>
                        <div class="form-group">
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="remember">记住用户名
                                </label>
                            </div>
                        </div>
                        <!-- button的btn-block 可以占满当前珊栏而不用自适应。-->
                        <button type="submit" class="btn btn-success btn-block btn-lg">登录</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

Abrir un navegador para acceder a la página de inicio de sesión:

Aquí Insertar imagen Descripción

A continuación, comparar el inicio de sesión predeterminado

Aquí Insertar imagen Descripción

Si necesita más de código fuente puede ser un grupo aditivo: 696400122 adquisición.

Publicado 82 artículos originales · ganado elogios 43 · vistas 180 000 +

Supongo que te gusta

Origin blog.csdn.net/liudinglong1989/article/details/104222030
Recomendado
Clasificación