前端——web登录

实现登录页面的注意点：

• 是否能直接打开登录后的页面(使用cookie保存用户状态)
•  

登录并进行后台数据接收

• 设置静态文件，实现静态分离

1. 配置static

STATIC_URL = '/static/'
STATICFILES_DIRS = [   #如没有需要新加
    os.path.join(BASE_DIR,'web'),
]

2. 将CSS文件放入到文件夹中，进行单独存放

3.  在HTML文件中导入CSS文件。

<link rel="stylesheet" href="/static/css/login.css" type="text/css">

• 配置登录页面，能进行提交

1. 有一个input框的type属性时submit或者有一个button按钮。

<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>

2. 更改button标签中的form标签，更改提交地址，并设置模式为post

<form class="form-signin" action="" method="post">

3. 配置键值对，设置要提交的用户名和密码的键值对。

<label for="username" class="sr-only" >Username</label>
<input type="text" id="username" class="form-control" name="username" placeholder="UserName" autofocus="">
<label for="inputPassword" class="sr-only">Password</label>
<input type="password" id="inputPassword" class="form-control" name ="pwd"placeholder="Password" >

• 接收页面提交，判断登录，重定向新网页

def login(request):
    print(request.method)
    if request.method == 'POST':
        if models.User.objects.filter(username=request.POST.get('username'),password=request.POST.get('pwd')):  
            #判断从数据库中提取的用户名和密码是否与用户输入的用户名密码匹配。
            return HttpResponse('ok')
    return render(request, 'login.html')