• 简单的django登录项目---带views视图函数(脚本文件)---用Bootstrap


    简单的django登录项目
    
    
    1、首先建立工程,建立工程请参照:https://www.cnblogs.com/effortsing/p/10394511.html
    
    2、在Firstdjango工程项目中手工创建一个文件名为static
    
    
    3、配置静态目录
    
    在setting.py中找到STATIC_URL配置如下:
    
    STATIC_URL = '/static/'
    STATICFILES_DIRS = (
      os.path.join(BASE_DIR,"static"),
    )
    
    
    4、添加APP包名(项目名称)
    
    在setting.py中找到INSTALLED_APPS添加app的包名(app也就是项目名称)
    
    INSTALLED_APPS = [
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
        'Firstdjango',            #新添加的APP名(项目名称)
    ]
    
    
    5、下载bootsrtap代码(http://www.bootcss.com/),下载后解压放在project下新创建的static目录下。
    
    6、下载dashboard.css放在static/bootstrap/css/目录下。(找不到也没关系)
    
    7、下载jquery放在static/bootstrap/js/目录下。         (找不到也没关系)
    
    
    8、在templates里新建一个名字为login.html的文件,添加内容如下:
    
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>login</title>
        <link rel="stylesheet" href="/static/bootstrap.css">
    </head>
    <body>
    
    <form class="form-horizontal" action="/login/" method="post">
      <div class="form-group">
        <label for="inputEmail3" class="col-sm-3 control-label">邮箱</label>
        <div class="col-sm-2">
          <input type="email" name="email"  class="form-control" id="inputEmail3" placeholder="Email">
        </div>
      </div>
      <div class="form-group">
        <label for="inputPassword3" class="col-sm-3 control-label">密码</label>
        <div class="col-sm-2">
          <input type="password" name="pwd"  class="form-control" id="inputPassword3" placeholder="Password">
        </div>
      </div>
      <div class="form-group">
        <div class="col-sm-offset-3 col-sm-2">
          <button type="submit" class="btn btn-default">登录</button>
            <p style="color: red">{{ error_msg }}</p>
        </div>
      </div>
    </form>
    
    </body>
    </html>
    
    
    9、然后在Firstdjango目录中找到urls.py脚本文件,用下面的代码代替urls.py脚本里面的内容:
    
    from django.conf.urls import url
    from .import views
    urlpatterns=[
        #下面代码是本例添加的路由方法与正则表达式的映射
        url(r'^login/$',views.login),
    ]
    
    
    10、在工程的Firstdjango目录中建立一个views.py视图函数脚本文件,然后在views.py文件中添加如下内容:
    
    from django.shortcuts import HttpResponse  #返回一个指定的字符串时
    from django.shortcuts import render   #返回一个HTML文件
    from django.shortcuts import redirect  #跳转到其他网页
    from django.views.decorators.csrf import csrf_exempt
    
    #禁止CSRF校验
    @csrf_exempt
    def login(request):
        error_msg = ''    #定一个变量为空   login.html 中加入一个空的p标签内容为这个变量
        if request.method == 'POST':        # form表单的模式是POST请求,如果提交就走这个流程
            email = request.POST.get('email')
            pwd = request.POST.get('pwd')
            # print(email, pwd)
            if email=='13893@qq.com' and pwd =='123':  #假设账户和密码是正确的,需要跳转到主页上去(假如说百度)
                return redirect('https://www.baidu.com')
            else:
                error_msg='邮箱或密码错误'    #等账户或者密码错误是给这个变量赋值
        return render(request,'stu_crm/login.html',{'error_msg':error_msg})   # 第一次链接url输入网址是get请求   #并且输出这个变量
    
    
    11、启动django工程
    
    
    12、浏览器访问
    
    http://127.0.0.1:8000/login
    
    输入正确账号密码就会跳转到百度,如下图所示:
    


    参照文档: https:
    //www.cnblogs.com/clbao/p/9708900.html
  • 相关阅读:
    json.decoder.JSONDecodeError: Expecting value: line 1 column 1 (char 0)
    Vue笔记(一)
    博客园设置Markdown编辑器并生成目录
    Django常用配置
    Django: django.core.exceptions.ImproperlyConfigured: Could not resolve URL for hyperlinked relationship using view name "game-detail".
    Django: AssertionError: `HyperlinkedIdentityField` requires the request in the serializer context. Add `context={'request': request}` when instantiating the serializer.
    Django CSRF cookie not set.
    HDU6962 I Love Tree(2021HDU多校第二场1002)(线段树区间加幂和模型+树链剖分)
    HDU6964 I Love Counting(2021HDU多校第二场1004)(平衡树/树状数组+二维数点+字典树)
    P4145 上帝造题的七分钟 2 / 花神游历各国(线段树)
  • 原文地址:https://www.cnblogs.com/effortsing/p/10402696.html
Copyright © 2020-2023  润新知