前端——web登录

登录并进行后台数据接收

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

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':
        return redirect('https://www.baidu.com')
    return render(request, 'login.html')