zoukankan      html  css  js  c++  java
  • Django:用户登录实例

    Django:用户登录实例

    一、源代码

    1,login.html代码(登录界面):

    <!DOCTYPE html>
    <html lang="zh-CN">
      <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! -->
        <meta name="description" content="">
        <meta name="author" content="">
        <title>Login</title>
        <!--引入本地css & js-->
        <link rel="stylesheet" href="../static/style/app.css"/>
      </head>
      <body>
        <div class="container">
          <form class="form-horizontal" action="/login/" method="post">
            {% csrf_token %}
            <div class="control-group">
              <label class="control-label" contenteditable="true" for="inputUser">用户</label>
              <div class="controls">
                <input name="inputUser" placeholder="User" type="text" value="lizm" />
              </div>
            </div>
            <div class="control-group">
              <label class="control-label" contenteditable="true" for="inputPassword">密码</label>
              <div class="controls">
                <input name="inputPassword" placeholder="Password" type="password" value="123456" />
              </div>
            </div>
            <div class="control-group">
              <div class="controls">
                <label class="checkbox" contenteditable="true">
                <input type="checkbox" /> Remember me </label>
                <button class="btn" contenteditable="true" type="submit">登陆</button>
                <span style="color:red;"> {{ status }}</span>
              </div>
            </div>
          </form>
        </div>
        <script type="text/javascript" src="../static/js/jquery-1.9.1.min.js"></script>
        <script type="text/javascript" src="../static/js/bootstrap.js"></script>
      </body>
    </html>

    2,views.py代码:

    from django.shortcuts import render
    from blog.models import BlogsPost
    #导入django的重定向模块
    from django.shortcuts import redirect
    
    # Create your views here.
    def blog_index(request):
        blog_list = BlogsPost.objects.all()
        return render(request,'index.html',{'blog_list':blog_list})
    
    #Login
    def login(request):
        print(request.method)
        #login.html是用POST方式提交,这里判断是POST方式后,就开始处理玩家的输入 if request.method == "POST"(低版本的用法)
        if request.POST:
            #获取login.html用户的输入,取name的值
            input_user = request.POST['inputUser']
            input_pwd = request.POST['inputPassword']
            print("用户名:%s 密码:%s" %(input_user,input_pwd))
            if input_user == 'lizm' and input_pwd == '123456':    
                print("登录成功!")
                #重定向到百度
                #return redirect("http://www.baidu.com")
                #重定向(根据urls.py中的配置的值)
                return redirect("/blog")
            else:
                print("用户名或者密码错误!")
                #如果用户输入的账号密码不对,login.html页面采用模版来渲染这段错误提示
                return render(request,'login.html',{'status':'用户名或者密码错误!'})
        return render(request,"login.html")

    3,urls.py代码:

    from django.conf.urls import *
    from django.contrib import admin
    from blog import views
    
    urlpatterns = [
        url('admin/', admin.site.urls),
        url(r'^blog',views.blog_index),
        url(r'^login/',views.login),
    ]

    4,导入bootstrap.css、bootstrap.js、jquery-1.9.1.min.js

    二、效果

    1,访问http://127.0.0.1:8000/login/

    点击“登陆”按钮,效果:

  • 相关阅读:
    oracle后台进程详解
    解决表格撑开浏览器问题,即自动换行问题
    文件后缀名修改或添加——字符串转换
    Struts1 action重定向跳转 带参数
    js 正则表达式
    js获取焦点
    select值的获取及修改
    iframe自适应高度,根据src中页面来得到。
    今个忽然晓得,原来radio不是普通去获取值的!
    查询时,如何保存获取相关路径url
  • 原文地址:https://www.cnblogs.com/lizm166/p/9437320.html
Copyright © 2011-2022 走看看