简单的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、设置禁止CSRF校验

在setting.py中配置：设置禁止CSRF校验（注释掉django.middleware.csrf.CsrfViewMiddleware'）

MIDDLEWARE = [

    'django.middleware.security.SecurityMiddleware',

    'django.contrib.sessions.middleware.SessionMiddleware',

    'django.middleware.common.CommonMiddleware',

    #'django.middleware.csrf.CsrfViewMiddleware',

    'django.contrib.auth.middleware.AuthenticationMiddleware',

    'django.contrib.messages.middleware.MessageMiddleware',

    'django.middleware.clickjacking.XFrameOptionsMiddleware',

]

6、下载bootsrtap代码(http://www.bootcss.com/)，下载后解压放在project下新创建的static目录下。

7、下载dashboard.css放在static/bootstrap/css/目录下。（找不到也没关系）

8、下载jquery放在static/bootstrap/js/目录下。         （找不到也没关系）

9、在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>

10、然后在Firstdjango目录中找到urls.py脚本文件，用下面的代码代替urls.py脚本里面的内容:

from django.conf.urls import url

from .import views

urlpatterns=[

    #下面代码是本例添加的路由方法与正则表达式的映射

    url(r'^login/$',views.login),

]

11、在工程的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请求   #并且输出这个变量

注意，返回html的路径为'stu_crm/login.html'

12、启动django工程

13、浏览器访问

http://127.0.0.1:8000/login

输入正确账号密码就会跳转到百度，如下图所示：

参照文档：

https://www.cnblogs.com/clbao/p/9708900.html

建立django项目的完整流程的更多相关文章

  1. python-django项目-Linux系统建立django项目_20191117

    python-django项目-Linux系统建立django项目 1,Linux系统下面,cd /usr/local/lib/  看这个下面会有两个python版本,一个2.7,一个3.5,我们使用 ...

  2. k8s：py项目发布完整流程

    k8s:py项目发布流程 1. 编写Dockerfile # cat Dockerfile FROM python:3.6-slim USER root RUN apt-get update & ...

  3. IIS项目发布完整流程

    第一步: 发布项目 使在IIS上发布是防止源码泄露 第二步: 打开IIS(如果没有就自己安装一个)打开IIS步骤 控制面板>系统安全>管理工具>IIS管理器 填写网站的名称和之前发布 ...

  4. uwsgi+nginx部署django项目

    1. 概念解析(wsgi协议,uwsgi协议,uWSGI) 参考:https://www.cnblogs.com/wspblog/p/8575101.html 1.1 现实世界的web请求: 1.2  ...

  5. 如何使用Visual Studio Code开发Django项目

    如何获得 Visual Studio Code 访问 http://code.visualstudio.com 下载并安装. 前提条件 安装Python 2.7 及 Python 3.5,Window ...

  6. 使用pycharm创建Django项目，'django-admin' 不是内部或外部命令

    报错信息如下: (笔者的电脑为win10,python3.7,django 2.2.6 ) 第一种情况的解决方案:没有配置环境变量,Django安装之后,需要配置环境变量,命令django-admin ...

  7. django项目导航页_20191128

    django项目导航页_20191128 第一步:python-django电商项目-需求分析架构设计数据库设计_20191115 python-django-linux上mysql的安装和配置_20 ...

  8. Python_教程_使用Visual Studio Code开发Django项目

    如何获得 Visual Studio Code 访问 http://code.visualstudio.com 下载并安装. 前提条件 安装Python 2.7 及 Python 3.5,Window ...

  9. 腾讯云服务器部署 django项目整个流程

    CentOS7下部署Django项目详细操作步骤 前记:购买腾讯云服务器,配置自选,当然新用户免费体验半个月,我选择的系统是centos7系统版本, 接下来我们来看整个配置项目流程. 部署是基于:ce ...

随机推荐

  1. puppeteer报错 UnhandledPromiseRejectionWarning: Error: Protocol error (Page.getLayoutMetrics): Target closed.

    puppeteer运行时报错: UnhandledPromiseRejectionWarning: Error: Protocol error (Page.getLayoutMetrics): Tar ...

  2. 用CSS 实现 非浮动元素的 水平居中/垂直居中/水平垂直居中

    一.水平居中 (1)行内元素解决方案 只需要把行内元素包裹在一个属性display为block的父层元素中,并且把父层元素添加如下属性即可:   .parent { text-align:center ...

  3. javaWeb上传

    上传(上传不能使用BaseServlet) 1. 上传对表单限制  * method="post"  * enctype="multipart/form-data&quo ...

  4. 2019牛客暑期多校训练营（第十场）Han Xin and His Troops——扩展中国剩余定理

    题意 求解 $n$ 个模方程 $x \equiv a (mod \ b)$,不保证模数互素($1 \leq n \leq 100$,$0 \leq b < a< 10^5$). 分析 套扩 ...

  5. [bzoj 3701] Olympic Games (莫比乌斯反演)

    题目描述 给出n,m,l,r,modn,m,l,r,modn,m,l,r,mod 表示一个(n+1)∗(m+1)(n+1)*(m+1)(n+1)∗(m+1)的格点图,求能够互相看见的点对个数对modm ...

  6. Luogu P2148 [SDOI2009]E&D （sg函数 博弈）

    题目 洛谷传送门 题解 打表找sgsgsg规律. 严谨证明见:纳尔的博客 CODE #include <bits/stdc++.h> using namespace std; int sg ...

  7. HDU 6170 - Two strings | 2017 ZJUT Multi-University Training 9

    /* HDU 6170 - Two strings [ DP ] | 2017 ZJUT Multi-University Training 9 题意: 定义*可以匹配任意长度,.可以匹配任意字符,问 ...

  8. antd 表格隔行变色

    rowClassName={(record, index) => { let className = 'light-row'; if (index % 2 === 1) className = ...

  9. antd 表单获取参数

    wrappedComponentRef是为了把form的值赋值到自定的对象中 <OpenCityForm wrappedComponentRef={(inst)=>{this.cityFo ...

  10. 搭建自己的博客（十七）：添加每日阅读量并使用highcharts通过图表显示

    之前写了单篇博客的阅读量统计,今天添加了博客总阅读量统计,并且使用highcharts图表显示. 1.变化的部分