第14章节-Python3.5-Django实现用户登录与前端交互 13

用户名和密码验证:

首先在settings.py 把csrf注释如图:

image.png

image.png

修改login.html 代码如下:

    
    
    
    


    

        

            用户名：
            
        
        

            密码：
            
            
            {{ error_msg }}
        
    
    

注意form不要写错

image.png

• 修改

  
  
  

  image.png
• 修改views.py 代码如下:

from django.shortcuts import render

# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render


def login(request):
    # 包含用户提交的所有信息

    # 获取用户提交方法
    print(request.method)

    return render(request, 'login.html')


# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')


def home(request):
    return HttpResponse('
CMDB
')

• 运行django访问(http://127.0.0.1:8000/login)

• 效果图如下(GET方式访问服务器):

  
  
  

  image.png

• 能得到用户是用GET方式访问服务器

  
  
  

  image.png

• • 效果图如下(POST方式访问服务器)点击提交:

    
    
    

    image.png
    
    
    

    image.png

• 获取用户表单输入的数据:

image.png

• 修改views.py 代码如下:

from django.shortcuts import render

# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render


def login(request):
    # 包含用户提交的所有信息
    # 获取用户提交方法
    # print(request.method)
    # 判断用户名和密码
    if request.method == "POST":
        # 获取用户通过POST提交过来的数据
        user = request.POST['user']
        pwd = request.POST['pwd']
        print(user,pwd)

    return render(request, 'login.html')


# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')


def home(request):
    return HttpResponse('
CMDB
')

• 运行(效果图)

  
  
  

  image.png

image.png

上述再修改views.py 进行改进:

• views.py :

from django.shortcuts import render

# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render
# 重定向
from django.shortcuts import redirect


def login(request):
    # 包含用户提交的所有信息
    # 获取用户提交方法
    # print(request.method)
    # 判断用户名和密码
    if request.method == "POST":
        # 获取用户通过POST提交过来的数据(用户不存在返回None)
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user == 'root' and pwd == "123":
            # 去跳转到(重定向)
            return redirect('http://www.baidu.com')
        # user = request.POST['user']
        # pwd = request.POST['pwd']
        # print(user,pwd)

    return render(request, 'login.html')


# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')


def home(request):
    return HttpResponse('
CMDB
')

image.png

输入(u: root, m: 123)

image.png

• 效果图:

  
  
  

  image.png

• 扩充

• views.py 添加以下({'error_msg': '123'}):

  
  
  

  image.png

• 注意这里:

  
  
  

  image.png

效果图(不输入密码):

image.png

上述再修改:

image.png

• 修改views.py 代码如下:

from django.shortcuts import render

# Create your views here.
from django.shortcuts import HttpResponse
from django.shortcuts import render
# 重定向
from django.shortcuts import redirect


def login(request):
    # 包含用户提交的所有信息
    # 获取用户提交方法
    # print(request.method)
    # 判断用户名和密码
    error_msg = ""
    if request.method == "POST":
        # 获取用户通过POST提交过来的数据(用户不存在返回None)
        user = request.POST.get('user',None)
        pwd = request.POST.get('pwd',None)
        if user == 'root' and pwd == "123":
            # 去跳转到(重定向)
            return redirect('http://www.baidu.com')
        else:
            # 用户密码不正确
            error_msg = "用户名或密码错误"
        # user = request.POST['user']
        # pwd = request.POST['pwd']
        # print(user,pwd)

    return render(request, 'login.html', {'error_msg': error_msg})


# def login(request):
#     # f = open('templates/login.html', 'r', encoding='utf-8')
#     # date = f.read()
#     # f.close()
#     # return HttpResponse(date)
#     return render(request,'login.html')


def home(request):
    return HttpResponse('
CMDB
')

image.png

image.png

• 效果图:

  
  
  

  image.png