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. poj 3687 Labeling Balls（拓补排序）

    Description Windy has N balls of distinct weights from 1 unit to N units. Now he tries to label them ...

  2. linux系统中使用socket直接发送ARP数据

    这个重点是如这样创建socket:  sock_send = socket ( PF_PACKET , SOCK_PACKET , htons ( ETH_P_ARP) ) ; 其后所有收发的数据都是 ...

  3. C++11常用特性的使用经验总结

    转自:http://www.cnblogs.com/feng-sc C++11已经出来很久了,网上也早有很多优秀的C++11新特性的总结文章,在编写本博客之前,博主在工作和学习中学到的关于C++11方 ...

  4. MySQL 游标（PREPARE预处理语句）

    概述 本章节介绍使用游标来批量进行表操作,包括批量添加索引.批量添加字段等.如果对存储过程.变量定义.预处理还不是很熟悉先阅读我前面写过的关于这三个概念的文章,只有先了解了这三个概念才能更好的理解这篇 ...

  5. 「ZJOI2018」历史（LCT）

    「ZJOI2018」历史(LCT) \(ZJOI\) 也就数据结构可做了-- 题意:给定每个点 \(access\) 次数,使轻重链切换次数最大,带修改. \(30pts:\) 挺好想的.发现切换次数 ...

  6. 《Tornado介绍》—— 读后总结

  7. 3.CursorAdapter

    会话页面 点击菜单时编辑的按钮显示,其余的时候gone ConversationUI  public class ConversationUI extends Activity implements ...

  8. Kali学习笔记8：四层发现

    1.基于TCP协议 优点: 1.可路由且结果可靠 2.不太可能会被防火墙过滤 3.甚至可以发现端口 缺点: 速度较慢(三次握手) 利用Scapy发送ACK数据包: 配置数据包: 发送数据包: 看一下收 ...

  9. Ansible工具原理一

    ansible是新出现的自动化运维工具,基于Python开发,集合了众多运维工具(puppet.cfengine.chef.func.fabric)的优点,实现了批量系统配置.批量程序部署.批量运行命 ...

  10. Ubuntu 16.04下GDB调试

    在linux中还有一个更受大家欢迎的调试工具:GDB.GDB是一个由GNU开源组织发布的.UNIX/LINUX操作系统下的.基于命令行的.功能强大的程序调试工具.可以用来调试C,C++程序. GDB功 ...