Django之用户登录实例

1，django目录结构(需要用到的文件用红箭头标记)：

2，首先在templates模版目录下创建login.html文件

3，将bootstrap导入到static/plugins目录下 PS：Bootstrap是Twitter推出的一个用于前端开发的开源工具包，有很丰富的前端各种案例

4，首先在templates下创建login.html登陆首页

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登陆</title>
    <link rel="stylesheet" href="/static/plugins/bootstrap/css/bootstrap.css"></link>
</head>
<body>
    <div class="container">
        <form class="form-horizontal" action="/login/" method="post">
              <div class="form-group">
                <label for="inputEmail3" class="col-sm-2 control-label">Email</label>
                <div class="col-sm-10">
                  <input type="email" name="email" class="form-control" placeholder="Email">
                </div>
              </div>
              <div class="form-group">
                <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
                <div class="col-sm-10">
                  <input type="password" name="pwd" class="form-control" placeholder="Password">
                </div>
              </div>
              <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10">
                  <button type="submit" class="btn btn-default">Sign in</button>
                    <span style="color:red;"> {{ status }}</span>
                </div>
              </div>
        </form>
    </div>


<script type="text/javascript" src="/static/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="static/plugins/bootstrap/js/bootstrap.js"></script>
</body>
</html>

5，先把login.html加到django的路由表里面，django的路由文件是urls.py

from django.conf.urls import include, url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/', include(admin.site.urls)),
    url(r'^home/', views.home),
    url(r'^son/', views.son),
    url(r'^login/',views.login),
]


6，路由文件添加好后，在vies.py中添加登陆认证逻辑

def login(request):
   print request.method
   if request.method == "POST":    #login.html是用POST方式提交，这里判断是POST方式后，就开始处理玩家的输入
      input_email = request.POST['email'] #获取login.html用户的输入，取name的值 <input type="email" name="email" class="form-control" placeholder="Email">
       input_pwd = request.POST['pwd']     #获取login.html用户的输入，取name的值 <input type="password" name="pwd" class="form-control" placeholder="Password">

      if input_email == 'lei@qq.com' and input_pwd == "123":
         from django.shortcuts import redirect    #导入django的重定向模块
         return redirect("http://www.baidu.com")  #重定向到百度
      else:
         return render(request, 'login.html',{'status':'ERROR Incorrect username or password'})    #如果用户输入的账号密码不对，就提示错误信息"ERROR Incorrect username or password" ，login.html页面采用模版来渲染这段错误提示

   return render(request,'login.html')

7，验证效果

首先故意输错，看页面提示什么

输入错误的账号密码后，页面提示红色错误

这次输入正确的账号密码，正常是会跳转到http://www.baidu.com 这里就不展示了。

posted @ 2017-06-16 18:16 Ray雷阅读(7815) 评论(0) 收藏举报

刷新页面返回顶部

Django之用户登录实例

公告