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/

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

 

posted @   整合侠  阅读(569)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
点击右上角即可分享
微信分享提示