Django视图——登录功能

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Django Page</title>
</head>
<body>
<h1>Hello Django!</h1>
<form>
    <input name="username" type="text" placeholder="username"><br>
    <input name="password" type="text" placeholder="password"><br>
    <button id="btn" type="submit">登录</button>
</form>
</body>
</html>

我之前看过HTML和JS,但现在也忘得差不多了,带着复习吧

  • title:网页标题
  • h1:页面主题
  • form:页面表单,表单下包含元素
  • input:输入框,根据type可以定义为多种形式;palcehoder为隐性显示内容
  • botton:按钮,type为submit是提交的意思,共有button、submit、reset三种属性
  • br:换行

不进行,水太深了,真想去看的话,每一个星期根本下不来,而且你不练习,两天后又忘了,真想能记到脑子里去,估计得要一个月,所以根本不能进行扩展,用到就记用不到就算了

1.GET和POST请求

GET请求

每次调试之前,都刷新一下

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Django Page</title>
</head>
<body>
<h1>Hello Django!</h1>
<form method="get">
    <input name="username" type="text" placeholder="username"><br>
    <input name="password" type="text" placeholder="password"><br>
    <button id="btn" type="submit">登录</button>
</form>
</body>
</html>

给表单增加属性method="get"

POST请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Django Page</title>
</head>
<body>
<h1>Hello Django!</h1>
<form method="post">
    <input name="username" type="text" placeholder="username"><br>
    <input name="password" type="text" placeholder="password"><br>
    <button id="btn" type="submit">登录</button>
    {% csrf_token %}
</form>
</body>
</html>

其中{% csrf_token %},是防止“跨站请求伪造”,django针对CSRF的保护措施是在生成的每个表单中放置一个自动生成的令牌,通过这个令牌判断POST请求是否来自同一个网站。

简单介绍一下CSRF,我也是查资料:用户在浏览器上都会记录cookie,然后在访问另一个网站时带上了cookie,另一个网站拿到这个cookie就可以对用户之前登录过的网站进行攻击了。一般的解决方案是通过请求头中的referer去判断该请求来自哪儿。

2.处理请求

django可以通过form表单的action属性来指定提交的路径,在index.html中添加如下内容:

<form method="post" action="/login_action/">

设置login_action的URL,urls.py

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.index),
    path('login_action/', views.login_action),
]

编写登录动作的视图函数,view.py

def login_action(request):
    if request.method == "POST":
        username = request.POST.get('username', '')
        password = request.POST.get('password', '')
        if username == 'admin' and password == "admin123":
            return HttpResponse('login success!')
        else:
            return render(request, 'index.html', {'error': 'username or password error!'})

由于输入错误时,没有跳转,还是停留在index.html页面,所以要留有error信息的空间

index.html

<form method="post" action="/login_action/">
    <input name="username" type="text" placeholder="username"><br>
    <input name="password" type="text" placeholder="password"><br>
    {{ error }}<br>
    <button id="btn" type="submit">登录</button>
    {% csrf_token %}
</form>

3.登录成功页

显然,登录成功返回的“login success!”字符串只是中临时方案,只是为了方便验证登录的处理逻辑,现在验证没有问题之后,需要通过HTML页面来替换。

首先创建登录成功进入的页面,在template下创建login_success.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home Page</title>
</head>
<body>
<h1>Login Success!</h1>
</body>
</html>

编写视图逻辑,打开views.py,思路是登录这个动作,就是点击登录按钮时,会执行login_action这个方法,这是在index.html中已经给form配置了action这个属性。登录成功后,跳转去执行打开login_success.html页面

def login_action(request):
    if request.method == "POST":
        username = request.POST.get('username', '')
        password = request.POST.get('password', '')
        if username == 'admin' and password == "admin123":
            # return HttpResponse('login success!')
            return HttpResponseRedirect('/login_success/')
        else:
            return render(request, 'index.html', {'error': 'username or password error!'})


def login_success(request):
    return render(request, "login_success.html")

最后就是需要配置一下,打开login_success.html页面的路由信息了

在urls.py中配置

urlpatterns = [
    path('admin/', admin.site.urls),
    path('index/', views.index),
    path('login_action/',views.login_action),
    path('login_success/', views.login_success),
]

 

 

 

 

print_r('点个赞吧');
var_dump('点个赞吧');
NSLog(@"点个赞吧!")
System.out.println("点个赞吧!");
console.log("点个赞吧!");
print("点个赞吧!");
printf("点个赞吧!\n");
cout << "点个赞吧!" << endl;
Console.WriteLine("点个赞吧!");
fmt.Println("点个赞吧!")
Response.Write("点个赞吧");
alert(’点个赞吧’)

 

  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值