简单的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

 

posted @ 2019-02-19 17:59  effortsing  阅读(198)  评论(0编辑  收藏  举报