简单的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 =='':  #假设账户和密码是正确的，需要跳转到主页上去(假如说百度)

            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
巴特西

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

最新文章

热门文章
