Django 系列博客（三）

前言

本篇博客介绍 django 的前后端交互及如何处理 get 请求和 post 请求。

get 请求

get请求是单纯的请求一个页面资源，一般不建议进行账号信息的传输。

配置路由

from django.conf.urls import url

from django.contrib import admin

import app.views as app_views

import newApp.views as new_views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^$', app_views.home),

    # 路由采用正则匹配, ^以什么开头 $以什么结果

    # 注: 当路由没有子路由是,才在末尾添加$

    url(r'^index/$', app_views.index),

    url(r'login', app_views.login_action),

    url(r'^new/index/$', new_views.index)

]

配置视图

from django.shortcuts import render, redirect

from django.http import HttpResponse

# Create your views here.

# 每一个请求,都对应一个视图响应函数,来出现请求,完成响应

# def index(abc):

#     return HttpResponse('hello django')  # 第一个响应

import django.core.handlers.wsgi

def login_action(request):

    return render(request, 'login.html') # 第一个响应页面

# def home(request):

#     return redirect('/index/') # 第一个重定向

def home(request):

    return render(request, 'index.html')

def index(request):

    return redirect('/')

配置页面资源

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>主页</title>

</head>

<body>

    <h1 style="text-align: center">app的主页</h1>

</body>

</html>


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>登录</title>

</head>

<body>

    <h1 style="color: red">登录</h1>

</body>

</html>

post 请求

配置路由

from django.conf.urls import url

from django.contrib import admin

from app import views

urlpatterns = [

    url(r'^admin/', admin.site.urls),

    url(r'^$', views.home),

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

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

]

配置视图

from django.shortcuts import render, redirect

import pymysql

# Create your views here.

def home(request):

    return render(request, 'index.html')

def index(request):

    return redirect('/')

'''

def login(request):

    print(request.method)

    # 如果获取GET请求的提交数据

    # import django.core.handlers.wsgi

    # print(type(request))

    # import django.http.request.QueryDict

    # print(type(request.GET))

    print(request.GET)

    # usr = request.GET['usr']  # 不安全

    usr = request.GET.get('usr', 'USR') # 安全, 第一个参数为数据的key, 第二个参数为默认值

    print(usr)

    pwd = request.GET.get('pwd') # 不设默认值,没有取到值时,返回值为None

    print(pwd)

    return render(request, 'login.html')

'''

from django.http import HttpResponse

def login(request):

    if request.method == 'GET':

        stus = request.GET.getlist('stu')

        print(stus)

        return render(request, 'login.html')

    # 没有GET分支, 发来的请求为POST

    usr = request.POST.get('usr')

    pwd = request.POST.get('pwd')

    print(usr, pwd)

    # 连接数据库 => ORM

    conn = pymysql.connect(host='localhost', port=3306, user='root', password='root', db='django')

    cur = conn.cursor(pymysql.cursors.DictCursor)

    # cur.execute('select * from user')

    # users = cur.fetchall()

    cur.execute('select * from user where usr=%s and pwd=%s', [usr, pwd])

    res = cur.fetchone()

    print(res)

    if res != None:

        return HttpResponse('登录成功')

    return HttpResponse('登录失败')

配置页面资源

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>主页</title>

{#    <link rel="stylesheet" href="./index.css">#}

{#    <link rel="stylesheet" href="/static/index.css">#}

{#    <link rel="stylesheet" href="/static/temp.css">#}

{#    <link rel="stylesheet" href="/ooo/index.css">#}

{#    <link rel="stylesheet" href="/ooo/temp.css">#}

{#    <link rel="stylesheet" href="/static/css/test.css">#}

    <link rel="stylesheet" href="/static/css/index.css">

</head>

<body>

    <h1 style="text-align: center">主页</h1>

    <img src="/static/img/001.png" alt="">

</body>

</html>


<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>登录</title>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7-dist/css/bootstrap.css">

    <style>

        .box {

            border: 1px solid #ccc;

            padding: 20px;

            border-radius: 20px;

            height: 380px;

        }

    </style>

</head>

<body>

{#<button class="btn btn-warning"> 按钮</button>#}

{#<div class="btn-group">#}

{#    <button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true"#}

{#            aria-expanded="false">#}

{#        Large button <span class="caret"></span>#}

{#    </button>#}

{#    <ul class="dropdown-menu">#}

{#        <li><a href="#">Action</a></li>#}

{#        <li><a href="#">Another action</a></li>#}

{#        <li><a href="#">Something else here</a></li>#}

{#        <li role="separator" class="divider"></li>#}

{#        <li><a href="#">Separated link</a></li>#}

{#    </ul>#}

{#</div>#}

<div class="container">

    <div class="box row col-sm-6 col-sm-offset-3">

        {# action: 没写 | http://localhost:8801/login | /login/ | {% url 'url_name' %} #}

        <form action="{% url 'lg' %}" method="GET">

{#            {% csrf_token %}#}

            <div class="form-group">

                <label for="usr">用户名:</label>

                <input type="text" class="form-control" name="usr" id="usr" placeholder="请输入用户名">

            </div>

            <div class="form-group">

                <label for="pwd">Password</label>

                <input type="password" class="form-control" name="pwd" id="pwd" placeholder="请输入密码">

            </div>

            <div class="checkbox">

                <label>

                    <input name="stu" type="checkbox" value="stu1"> 学生1

                </label>

                <label>

                    <input name="stu" type="checkbox" value="stu2"> 学生2

                </label>

                <label>

                    <input name="stu" type="checkbox" value="stu3"> 学生3

                </label>

            </div>

            <button type="submit" class="btn btn-info pull-right">登录</button>

        </form>

    </div>

</div>

{#<a href="/index/">前往主页</a>#}

</body>

<script src="/static/bootstrap-3.3.7-dist/js/jquery-3.3.1.js"></script>

<script src="/static/bootstrap-3.3.7-dist/js/bootstrap.js"></script>

</html>

前后端交互

Django请求生命周期

Django 系列博客（三）的更多相关文章

  1. Django 系列博客（十六）

    Django 系列博客(十六) 前言 本篇博客介绍 Django 的 forms 组件. 基本属性介绍 创建 forms 类时,主要涉及到字段和插件,字段用于对用户请求数据的验证,插件用于自动生成 h ...

  2. Django 系列博客（十三）

    Django 系列博客(十三) 前言 本篇博客介绍 Django 中的常用字段和参数. ORM 字段 AutoField int 自增列,必须填入参数 primary_key=True.当 model ...

  3. Django 系列博客（九）

    Django 系列博客(九) 前言 本篇博客介绍 Django 模板的导入与继承以及导入导入静态文件的几种方式. 模板导入 模板导入 语法:``{% include '模板名称' %} 如下: < ...

  4. Django 系列博客（八）

    Django 系列博客(八) 前言 本篇博客介绍 Django 中的模板层,模板都是Django 使用相关函数渲染后传输给前端在显式的,为了想要渲染出我们想要的数据,需要学习模板语法,相关过滤器.标签 ...

  5. Django 系列博客（七）

    Django 系列博客(七) 前言 本篇博客介绍 Django 中的视图层中的相关参数,HttpRequest 对象.HttpResponse 对象.JsonResponse,以及视图层的两种响应方式 ...

  6. Django 系列博客（六）

    Django 系列博客(六) 前言 本篇博客介绍 Django 中的路由控制部分,一个网络请求首先到达的就是路由这部分,经过路由与视图层的映射关系再执行相应的代码逻辑并将结果返回给客户端. Djang ...

  7. Django 系列博客（四）

    Django 系列博客(四) 前言 本篇博客介绍 django 如何和数据库进行交互并且通过 model 进行数据的增删查改 ORM简介 ORM全称是:Object Relational Mappin ...

  8. Django 系列博客（一）

    Django 系列博客(一) 前言 学习了 python 这么久,终于到了Django 框架.这可以说是 python 名气最大的web 框架了,那么从今天开始会开始从 Django框架的安装到使用一 ...

  9. Django 系列博客（十四）

    Django 系列博客(十四) 前言 本篇博客介绍在 html 中使用 ajax 与后台进行数据交互. 什么是 ajax ajax(Asynchronous Javascript And XML)翻译 ...

随机推荐

  1. 分享几个写 demo 的思路

    好久没有动笔,最近发现了一个新的写 demo 的思路,非常有意思.仔细一想,自己仿佛积累了不少写 demo 的思路和想法,总结一下,抛砖引玉. 本文所说 demo 主要分以下三种: 本地 demo 外 ...

  2. OpenGIS

    OpenGIS(Open Geodata Interoperation Specification,OGIS-开放的地理数据互操作规范)由美国OGC(OpenGIS协会,Open Geospatial ...

  3. JAVA:调用cmd指令(支持多次手工输入)

    JDK开发环境:1.8 package com.le.tool; import java.io.BufferedReader; import java.io.File; import java.io. ...

  4. RSA 前段加密 java 后台解密 已调试通过

    本人整理网上的.好多网上的调不通.在这里把调试好的贴出来. 1.   异步获取公钥(后台获取):你也可以将公钥串写在页面上: var publicKey = null; $.ajax({ url: c ...

  5. easyui 日期控件，选择日期小于等于当前日期，开始日期小于等于结束日期

    转载出处:http://blog.csdn.net/u013755149/article/details/76613028 $(function(){ $('#start_date').datebox ...

  6. zookeeper原理与安装

    Zookeeper是一个开源的分布式的,为分布式应用提供协调服务的Apache项目. 1.   Zookerper工作机制 2.   Zookeeper工作特点 3.   Zookeeper文件系统: ...

  7. chat.php

    <!DOCTYPE html><html> <meta charset="UTF-8"> <title>web chat</t ...

  8. [翻译] Visual Studio 2019 RC版发布

    [翻译] Visual Studio 2019 RC版发布 原文: Visual Studio 2019 Release Candidate (RC) now available 今天,我们将分享 V ...

  9. 谈谈npm依赖管理

    引言 现在的前端开发几乎都离不开nodejs的包管理器npm,比如前端在搭建本地开发服务以及打包编译前端代码等都会用到.在前端开发过程中,经常用到npm install来安装所需的依赖,至于其中的技术 ...

  10. Java程序入口：main()方法讲解

    Java程序的入口---main()方法的签名为:public static void main(String[] args) {...} ,其中, ♦ public修饰符:Java类由JVM调用,为 ...