Django 基础

Django 的路由系统

1、django 处理一个请求的流程

• django 使用一个 URLconf 模块，默认为 urls.py 文件，可以通过 setting.py 配置文件修改

ROOT_URLCONF = "Day15.urls"  # 默认值

• django 加载 URLconf 模块并寻找 urlpatterns（ django.conf.url.url() 实例的列表）
• django 依次匹配每一个 url 条目，直到请求的 URL 与第一个条目匹配
• 一旦一个正则表达式匹配上，Django 将导入并调用给出的视图（一个 python 函数或者是一个基于类的视图）
• 如果没有匹配到正则表达式，或者如果过程中抛出了一个异常，Django 将调用一个适当的错误处理视图

默认的 urls.py 文件内容如下：

from django.conf.urls import url
from django.contrib import admin


urlpatterns = [
    url(r'^admin/', admin.site.urls),
]

2、url() 方法

url(regex, view, kwargs=None, name=None)​
    # regex：正则表达式
    # view：当正则表达式匹配到后执行的 python 函数或者基于类的视图
    # kwargs：任意数量的关键字参数可以作为一个字典传递给目标视图
    # name：对 URL 进行命名，可以在 django 的任意地方，尤其是模板中进行显式的引用它

3、基本的 urls 对应

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^hello/', views.hello),
]

4、动态路由对应

将 URL 内容的一部分作为参数传递给函数，如分页，当页面有很多的时候，可以使用动态路由对应，不需要写重复的路由对应.

编辑 Day15 目录下的 urls.py 文件

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^hello/', views.hello),

    # 基于位置传递参数，可传递多个
    url(r'^page/(d+)/', views.page),
    
    # 基于名称传递参数，可传递多个
    url(r'^manage/(?P<name>w*)/(?P<nid>d*)/', views.manage),

    # 为路由添加额外的参数
    url(r'^manage1/(?P<name>w*)/', views.manage1, {'nid': 444}),
]

编辑 Day15 目录下的 views.py 文件

from django.shortcuts import HttpResponse


def hello(request):
    return HttpResponse("Hello World")


def page(request, p):
    # urls 中 d+ 匹配的值会传递给 p
    return HttpResponse("page: {}".format(p))


def manage(request, name, nid):
    # urls 中 name 和 nid 匹配到的值会分别传递给 name 和 nid
    return HttpResponse("name: {}<p>id: {}".format(name, nid))


def manage1(request, name, nid):
    # urls 中匹配到的 name 值传递给 name， 而 nid 是始终是固定值 444
    return HttpResponse("name: {}<p>id: {}".format(name, nid))

5、基于 app 的路由映射

首先在项目的 urls.py 中配置：

from django.conf.urls import url, include

urlpatterns = [
    # 通过 app 对路由进行分发，必须在 settings 的 INSTALLED_APPS 中添加 app 名称
    url(r'app01/', include('app01.urls')),
]

编辑 settings.py

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'app01',    # 添加 app01
]

然后在 app01 中创建 urls.py 文件

from django.conf.urls import url
from app01.views import index


urlpatterns = [
    url('^index/', index),
]

最后编辑 views.py 文件

def index(request):
    return HttpResponse("<h3>index web page.</h3>")

访问测试： http://127.0.0.1:8000/app01/index ,正常显示内容为 index web page。

模板

模板其实就是一些嵌套着固定语法的文本，然后将获取到的数据根据语法插入到模板中，最终将信息返回给客户端

在 settings 中指定模板文件的位置

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        # 指定模板的路径， BASE_DIR 为项目的根目录
        'DIRS': [os.path.join(BASE_DIR,  'templates'), ],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

常用方法

{{ item }}
{% for item in item_list %} {{ item }}  {% endfor %}
    {{ forloop.counter }}     // item 的序号(从1开始)
    {{ forloop.counter0 }}    // item 的序号(从0开始)
    {{ forloop.first }}       // item 是否为 list 的第一个元素
    {{ forloop.last }}        // item 是否为 list 的最后一个元素
    {{ forloop.revcounter }}  // item 的序号(反序)
{% if ordered_warranty %}  {% else %} {% endif %}
母板：{% block title %}{% endblock %}
子板：{% extends "base.html" %}
　　　{% block title %}{% endblock %}
导入：{% include "public.html" %}

帮助方法：
{{ item.event_start|date:"Y-m-d H:i:s"}}
{{ bio|truncatewords:"30" }}
{{ my_list|first|upper }}
{{ name|lower }}
自定义方法：
filter　　　　// 只能传递一个参数，可以作为模板语言的 if 条件
simple_tag　 // 支持多个参数，不能作为模板语言的 if 

实例1 [取值]:

修改 views.py 中的 index 函数

from django.shortcuts import render

def index(request):
    return render(request,  # 必须参数
                  "index.html",  # 模板文件
                  {
                      "k1": "v1",
                      "k2": [1, 2, 3, 4],
                      "k3": {"name": "wenchong", "age": 10}
                      }  # 给模板传递的值
    )

在 templates 目录中创建 index.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <h1>单独获取</h1>
    获取 k1 对应的值: {{ k1 }} <br />
    获取 k2 对应的列表中的第二个元素: {{ k2.1 }} <br />
    获取 k2 对应的列表中的第三个元素: {{ k2.2 }} <br />
    获取 k3 对应的字典中 name 和 age 的值: {{ k3.name }}  {{ k3.age }} <p>

    <h1>循环获取 k2 中的每一个元素: </h1>

    <table border="1">
        <tr>
            <th>列表元素</th>
            <th>从1开始的序号</th>
            <th>从0开始的序号</th>
            <th>是否为第一个元素</th>
            <th>是否为最后一个元素</th>
            <th>从1开始的序号【反序】</th>
            <th>从0开始的序号【反序】</th>
        </tr>
        {% for item in k2 %}
            <tr>
                <td> {{ item }} </td>
                <td> {{ forloop.counter }}  </td>      {# item 的序号(从1开始) #}
                <td> {{ forloop.counter0 }} </td>      {# item 的序号(从0开始) #}
                <td> {{ forloop.first }}    </td>      {# item 是否为第一个元素 #}
                <td> {{ forloop.last }}     </td>      {# item 是否为最后一个元素 #}
                <td> {{ forloop.revcounter }}  </td>   {# item 的序号(从1开始,反序) #}
                <td> {{ forloop.revcounter0 }} </td>   {# item 的序号(从0开始,反序) #}
            </tr>
        {% endfor %}
    </table>

    <h1>if 判断：</h1>
    {% if k1 == "v1" %}
        <h3>v1</h3>
    {% elif k1 == "v2" %}
        <h3>v2</h3>
    {% else %}
        <h3>v3</h3>
    {% endif %}

</body>
</html>

访问页面：

实例2 [母版和子版]

创建母版 base.html

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>测试页面V1</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        .page-header {
            background-color: blue;
            height: 50px;
            text-align: center;
            line-height: 50px;
        }
        .page-content {

        }
        .page-content .left-menu {
            background-color: aqua;
            height: 500px;
            width: 200px;
            float: left;

        }
        .page-content .left-menu ul li {
            list-style-type: none;
            width:100%;
            height:50px;
            background-color: aqua;
            border-bottom: 1px solid ;
            line-height: 50px;
        }
        .page-content .right-content {
            float: left;
        }

    </style>
</head>
<body>

    <div class="page-header">
        <h1>这里是不变化的开头部分</h1>
    </div>
    <div class="page-content">
        <div class="left-menu">
            <ul>
                <li><a href="/app01/index"> 首页</a></li>
                <li><a href="/app01/menu1"> 菜单一</a></li>
                <li><a href="/app01/menu2"> 菜单二</a></li>
                <li><a href="/app01/menu3"> 菜单三</a></li>
                <li><a href="/app01/menu4"> 菜单四</a></li>
            </ul>
        </div>
        <div class="right-content">
            {% block content %}{% endblock %}
        </div>
    </div>

</body>
</html>

创建子版：

# 分别创建下面 5 个 html 文件
### index.html
{%  extends "base.html" %}

{% block content %}
    <h1>这里是首页</h1>
{% endblock %}


### page1.html

{% extends "base.html" %}

{% block content %}
    这个是菜单二的页面
{% endblock %}


### page2.html

{% extends "base.html" %}

{% block content %}
    这个是菜单三的页面
{% endblock %}


### page3.html

{% extends "base.html" %}

{% block content %}
    这个是菜单四的页面
{% endblock %}


### page4.html

{% extends "base.html" %}

{% block content %}
    这个是菜单一的页面
{% endblock %}

编辑 app01/views.py:

def index(request):
    return render(request,  "index.html")


def menu(request, id):
    return render(request, "page{}.html".format(id))

编辑 app01/urls.py:

from django.conf.urls import url
from app01.views import index, menu


urlpatterns = [
    url('^index/', index),
    url('^menu(d)+/', menu),
]

访问页面：

http://127.0.0.1:8000/app01/index，并点击菜单，会发现只有内容部分变化，其他部分均不发生变化。

 实例3 [导入公共标签]

当一段代码需要在多个页面中重复利用时，可以使用导入 include 导入

创建公共代码 public.html：

<h1>这是公共代码块</h1>

修改 index.html 页面

{%  extends "base.html" %}

{% block content %}
    <h1>这里是首页</h1>
    
    {#导入 public.html 的内容#}
    {% include "public.html" %}
    
{% endblock %}

访问页面 http://127.0.0.1:8000/app01/index

实例4 [自定义 simple_tag 和 filter]

1、在 app01 目录下创建 templatetags 目录

** 目录名称必须为 templatetags，app01 在 settings 中已经添加。

2、在 templatetags 下创建 custom.py 文件，名称可自定义

# /user/bin/env python
__author__ = 'wenchong'


from django import template

# 变量名必须为 register
register = template.Library()


@register.simple_tag
def my_simple_tag(v1, v2, v3):
    return v1+v2+v3

# 无参数的 filter
@register.filter
def my_filter(num):
    return int(num) + 100


# 有参数的 filter
@register.filter
def filter_add(value, arg):
    return int(value) + int(arg)

3、修改 views.py

def tags(request):
    return render(request, "tags.html")

4、创建 tags.html

{#加载自定义方法#}
{% load custom %}

{#直接调用 filter#}
调用无参数的filter: {{ 1|my_filter }} <br />
调用带参数的filter: {{ 1|filter_add:100 }} <br />

调用 my_simple_tag: {% my_simple_tag 1 2 3 %}  <br />

{% if 1|my_filter == 101 %}
    原始数字为 1
{% endif %}

5、访问页面

http://127.0.0.1:8000/app01/tags

静态文件

web 请求时会有很多的静态文件，需要放在指定的目录中供下载，比如 js，css，imgs 文件

1、在项目目录下创建 statics 目录，目录名可自定义

2、在 settings 中配置静态文件路径

# 页面调用静态文件的前缀
STATIC_URL = '/static/'
# 静态文件存放路径
STATICFILES_DIRS = (
    os.path.join(BASE_DIR, 'statics'),
)

 AJAX

AJAX = 异步 JavaScript 和 XML。

AJAX 是一种用于创建快速动态网页的技术。

通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。

通常使用 AJAX 的场景：

• 用户注册时，通过 AJAX 检查用户名是否存在
• 用户登录时，检查用户名密码是否正确
• 删除数据时，通过 AJAX 把 ID 发送给后端服务器，后端服务器在数据库中删除，前段页面通过 JS 删除，页面不用重新加载

实现步骤：

1、配置静态文件目录

2、在静态文件目录 statics 中上传 jquery 文件

3、创建 login.html 文件

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div>
        <div id="message" style="color: red"></div>
        用户名:<input type="text" id="username" /> <br />
        密码:<input type="password" id="password" /> <br />
        <input type="button" value="登陆" onclick="login()">
    </div>

    <script type="application/javascript" src="/static/jquery-1.7.1.min.js"></script>
    <script>
        function login(){
            $.ajax({
                url: "/app01/login/", {# ajax 请求的 URL #}
                type: "POST",       {# 指定 ajax 请求的访问为 post #}
                dataType: "json",   {# 指定 ajax 返回的数据为 json 格式，默认为 str #}
                {# data 为 ajax 向 URL 发送的数据 #}
                data: {"username": $("#username").val(), "password": $("#password").val()},
                success: function(data){
                    {# 当用户名密码正确时，跳转到 https://www.baidu.com, 否则提示消息 #}
                    if(data.status) {
                        location.href = "https://www.baidu.com";
                    }
                    else{
                        $("#message").text(data.msg)
                    }
                }
            })

        }
    </script>
</body>
</html>

编辑 views.py

import json

def login(request):
    result = {"status": False, "msg": None}
    if request.method == "POST":
        username = request.POST.get("username", None)
        password = request.POST.get("password", None)
if username == "wenchong" and password == "123":
            result["status"] = True
        else:
            result["msg"] = "用户名或密码错误！"
        return HttpResponse(json.dumps(result))
    return render(request, "login.html")

编辑 urls.py

from app01.views import login


urlpatterns = [
    url('^login/', login),
]

访问页面

http://127.0.0.1:8000/app01/login

Model 的简单使用

1、在 settings 中 INSTALLED_APPS 添加 app01

2、创建数据库表

from django.db import models

class UserInfo(models.Model):
    # 创建数据库表 UserInfo，表中有 username 和 password 两列
    username = models.CharField(max_length=64)
    password = models.CharField(max_length=64)

3、同步数据库

python3.5 manage.py makemigrations
python3.5 manage.py migrate

# 创建超级用户
python3.5 manage.py createsuperuser

4、在 admin 中注册 UserInfo 表，编辑 admin.py

from django.contrib import admin
from app01 import models

# 将 UserInfo 表的管理添加到后台 admin
admin.site.register(models.UserInfo)

5、访问页面添加用户名

6、修改 views 中的 login 函数

import json
# 导入 UserInfo
from app01.models import UserInfo
def login(request):
    result = {"status": False, "msg": None}
    if request.method == "POST":
        username = request.POST.get("username", None)
        password = request.POST.get("password", None)
        
        # 调用数据库检查用户名和密码是否正确
        if UserInfo.objects.filter(username=username, password=password):
        # if username == "wenchong" and password == "123":
            result["status"] = True
        else:
            result["msg"] = "用户名或密码错误！"
        return HttpResponse(json.dumps(result))
    return render(request, "login.html")