一、Django 模版 

上章是介绍简单的把django.http.HttpResponse的内容显示到网页上，下面就介绍以下如何使用渲染模版的方法来显示内容。本节代码是基于Django 1.8，但 Django 1.4 - Django 1.9操作都是一样的。

温馨提示：如果你想学习Django，那么就请您从现在开始按照笔记记录一步一步的用手把代码敲出来，千万不要偷懒哦。。。。。

1、创建一个zqxt_tmpl项目，并创建一个一个learn的应用，

root@w:~# django-admin startproject zqxt_tmpl    #项目
root@w:~# cd zqxt_tmpl/
root@w:~/zqxt_tmpl# python manage.py startapp learn  #应用

2、在把创建的应用加到settings.INSTALLED_APPS中

root@w:~/zqxt_tmpl# sudo vi zqxt_tmpl/settings.py
................
INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'learn',  #添加的应用
)

3、打开learn/views.py写一个首页视图

root@w:~/zqxt_tmpl# sudo vi learn/views.py

from django.shortcuts import render
def home(request):   #创建一个函数调用home.html
        return render(request, 'home.html')

4、在learn目录下新建一个templates文件夹，在里面创建一个home.html

默认配置下，Django的模版系统会知道在app下面找到templates文件夹中的模版文件。

root@w:~# mkdir zqxt_tmpl/learn/templates
root@w:~# touch zqxt_tmpl/learn/templates/home.html
root@w:~# tree zqxt_tmpl
zqxt_tmpl
├── learn
│   ├── admin.py
│   ├── __init__.py
│   ├── models.py
│   ├── templates
│   │   └── home.html
│   ├── tests.py
│   └── views.py
├── manage.py
└── zqxt_tmpl
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    └── wsgi.py

3 directories, 13 files

5、在home.html中写一些内容。

root@w:~# sudo vi zqxt_tmpl/learn/templates/home.html

<!DOCTYPE html>
<html>
<head>
        <title>欢迎光临</title>  #title头部欢迎语
</head>
<body>
欢迎您访问吴老二博客，希望在此学习愉快 #内部内容
</body>
</html>

6、将视图函数对应的网址，更改zqxt_tmpl/zqxt_tmpl/urls.py

root@w:~# sudo vi zqxt_tmpl/zqxt_tmpl/urls.py

from django.conf.urls import patterns, include, url

from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
     url(r'^$', 'learn.views.home', name='home'),#把前面的注释去掉
    # url(r'^blog/', include('blog.urls')),

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

Django 1.8.x及以上：

from django.conf.urls import include, url
from django.contrib import admin
from learn import views as learn_views
 
 
urlpatterns = [
    url(r'^$', learn_views.home, name='home'), #news
    url(r'^admin/', include(admin.site.urls)),
]

7、【可选】创建数据库表

root@w:~/zqxt_tmpl# python manage.py syncdb
Creating tables ...
Creating table django_admin_log
Creating table auth_permission
Creating table auth_group_permissions
Creating table auth_group
Creating table auth_user_groups
Creating table auth_user_user_permissions
Creating table auth_user
Creating table django_content_type
Creating table django_session

You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no): yes
Username (leave blank to use 'root'): root #数据名称默认root
Email address: 
Password:   #数据库密码
Password (again): 
Superuser created successfully.
Installing custom SQL ...
Installing indexes ...
Installed 0 object(s) from 0 fixture(s)

Django 1.9.x 及上：

root@w:~/zqxt_tmpl# python manage.py migrate

创建数据库虽然不会用，但是可以让一些提示消失（提示你要创建数据库之类的）

8、运行开发服务器

root@w:~/zqxt_tmpl# python manage.py runserver 192.168.1.30:8001   #如果本地测试的话就不需要加IP了
Validating models...

0 errors found
December 24, 2015 - 09:41:55
Django version 1.6.10, using settings 'zqxt_tmpl.settings'
Starting development server at http://192.168.1.30:8001/
Quit the server with CONTROL-C.

网页测试效果：

模版补充知识：

一般的网站通用部分，比如导航，底部，访问统计代码等。

nav.html bottom.html tongji.html
root@w:~# cd zqxt_tmpl/learn/templates/
root@w:~/zqxt_tmpl/learn/templates# touch nav.html bottom.html tongji.html

可以先写一个base.html来包含这些通用文件（include）

root@w:~/zqxt_tmpl/learn/templates# sudo vi base.html

<!DOCTYPE html>
<html>
<head>
        <title>{% block title %}默认标题{% endblock %} -吴老二博客</title>
</head>
<body>
{% include 'nav.html' %}
{% block content %}
<div>这里是默认内容，所有继承都来自这个模版，如果不覆盖就显示这里的默认内容.</div>
{% endblock %}
{% include 'bottom.html' %}
{% include 'tongji.html' %}
</body>
</html>

如果需要，写足够多的block以便继承的模版可以重写该部分，include是包含其它文件的内容，就是把一些网页共用的部分拿出来，重复利用，改动的时候也方便一些，还可以把广告代码放在一个单独的html中，改动也方便，在用到的时候直接继承base.html就好了，继承后的模版也可以在block块中include其它的模版文件。

这里用首页home.html，继承或者说扩展(extends)原来的base.html，可以简单的这样写，重写部分代码（默认值部分不用修改）

root@w:~/zqxt_tmpl/learn/templates# sudo vi home.html

<!DOCTYPE html>
<html>
<head>
        <title>欢迎光临</title>
</head>
<body>
{% extends 'base.html' %}
{% block title %}欢迎光临吴老二博客首页{% endblock %}
{% block content %}
{% include 'ad.html' %}
这里是吴老二首页，欢迎光临
{% endblock %}
</body>
</html>

浏览器浏览效果：

注：模版一般放在app下的templates下，Django会自动找到，加入每个app都有一个index.html，当我们在views.py中使用的时候，如何判断是当前app的home.html呢？

这就需要把每个app中的templates文件夹在建一个app的名称，仅和该app相关的模版放在app/templates/app目录下。

例如：项目zqxt下有两个app应用分别为tutorial和tryit

root@w:~# django-admin startproject zqxt
root@w:~# tree zqxt
zqxt
├── manage.py
└── zqxt
    ├── __init__.py
    ├── settings.py
    ├── urls.py
    └── wsgi.py

1 directory, 5 files
root@w:~# cd zqxt 
root@w:~/zqxt# python manage.py startapp tutorial
root@w:~/zqxt# python manage.py startapp tryit
root@w:~/zqxt# cd
root@w:~# 
root@w:~# tree zqxt
zqxt
├── manage.py
├── tryit
│?? ├── admin.py
│?? ├── __init__.py
│?? ├── models.py
│?? ├── tests.py
│?? └── views.py
├── tutorial
│?? ├── admin.py
│?? ├── __init__.py
│?? ├── models.py
│?? ├── tests.py
│?? └── views.py
└── zqxt
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    └── wsgi.py

3 directories, 17 files
root@w:~# cd zqxt/t
tryit/    tutorial/ 
root@w:~# cd zqxt/tutorial/
root@w:~/zqxt/tutorial# mkdir -p templates/tutorial
root@w:~/zqxt/tutorial# touch templates/tutorial/index.html templates/tutorial/search.html
root@w:~/zqxt/tutorial# cd ..
root@w:~/zqxt# cd t
tryit/    tutorial/ 
root@w:~/zqxt# cd tryit/
root@w:~/zqxt/tryit# mkdir -p templates/tryit
root@w:~/zqxt/tryit# touch templates/tryit/index.html templates/tryit/poll.html
root@w:~/zqxt/tryit# cd
root@w:~# tree zqxt
zqxt
├── manage.py
├── tryit
│?? ├── admin.py
│?? ├── __init__.py
│?? ├── models.py
│?? ├── templates
│?? │?? └── tryit
│?? │??     ├── index.html
│?? │??     └── poll.html
│?? ├── tests.py
│?? └── views.py
├── tutorial
│?? ├── admin.py
│?? ├── __init__.py
│?? ├── models.py
│?? ├── templates
│?? │?? └── tutorial
│?? │??     ├── index.html
│?? │??     └── search.html
│?? ├── tests.py
│?? └── views.py
└── zqxt
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    └── wsgi.py

7 directories, 21 files

项目zqxt

这在使用的时候“tutorial/index.html”和“tryit/index.html”这样作为app名称的一部分，就不会混淆

二、Django 模版进阶

以下内容主要是针对Django模板中的循环，条件判断，常用的标签，过滤器的使用。

1、列表，字典，类的实例的使用

2、循环：迭代显示列表，字典等中的内容

3、条件判断：判断是否显示该内容，比如判断是手机访问，还是电脑访问，给出不一样的代码。

4、标签：for，if这样的功能都是标签。

5、过滤器：管道符号后面的功能，比如{{ var|length }},求变量长度的length就是一个过滤器。

经常需要将一个或多个变量共享给多个页面或者所有页面使用，比如在网页上显示来访者的IP，这个可以是用Django上下文渲染器来做。

实例，显示一个基本的字符串在页面上（在项目zqxt_tmpl上）

root@w:~/zqxt_tmpl/learn# sudo vi views.py

# -*- coding: utf-8 -*-
from django.shortcuts import render
def home(request):
        string = u"我在吴老二博客学习Django,用它来建网站"
        return render(request, 'home.html', {'string': string})

在视图中锄地了一个字符串名称是string到模版home.html，在模版中这样使用：

root@w:~/zqxt_tmpl/learn/templates# sudo vi home.html

{{ string }}

浏览器访问，在本机上运行：

root@w:~/zqxt_tmpl# python manage.py runserver 192.168.1.30:8000
Validating models...

0 errors found
December 25, 2015 - 03:25:16
Django version 1.6.10, using settings 'zqxt_tmpl.settings'
Starting development server at http://192.168.1.30:8000/
Quit the server with CONTROL-C.
[25/Dec/2015 03:25:32] "GET / HTTP/1.1" 200 53

浏览器：

实例二：for循环和list内容的显示在zqxt_tmpl/learn/views.py

root@w:~/zqxt_tmpl# sudo vi learn/views.py

# -*- coding: utf-8 -*-
from django.shortcuts import render
def home(request):
        TutorialList = ["HTML", "CSS", "jQuery", "Django"]
        return render(request, 'home.html', {'TutorialList': TutorialList})

在视图中传递了一个List到模版zqxt_tmpl/learn/templates/home.html，在模版中使用它：

root@w:~# sudo vi zqxt_tmpl/learn/templates/home.html

教程列表:
{% for i in TutorialList %}
{{ i }}
{% endfor %}

本地运行服务：

root@w:~/zqxt_tmpl# python manage.py runserver 192.168.1.30:8000
Validating models...

0 errors found
December 25, 2015 - 03:38:06
Django version 1.6.10, using settings 'zqxt_tmpl.settings'
Starting development server at http://192.168.1.30:8000/
Quit the server with CONTROL-C.
[25/Dec/2015 03:38:10] "GET / HTTP/1.1" 200 42

for循环要一个结束标记，上面的代码假如对应的是首页的网址（自己修改urls.py），显示在网页上就是：

总结：一般的变量之类的用{{}} (变量)，功能类的，比如循环，条件判断是用{%     %}(标签)

实例三：显示字典中的内容：

root@w:~/zqxt_tmpl# sudo vi learn/views.py

# -*- coding: utf-8 -*-
from django.shortcuts import render
def home(request):
        info_dict = {'site': u'吴老二', 'content': u'自己建网站'}
#       TutorialList = ["HTML", "CSS", "jQuery", "Django"]
        return render(request, 'home.html', {'info_dict': info_dict})
#       return render(request, 'home.html', {'TutorialList': TutorialList})

为了和上个例子做对比我把上例注释掉了，您也可以注释掉也可以直接删除掉。

root@w:~/zqxt_tmpl# sudo vi learn/templates/home.html

【站点】：{{ info_dict.site }} 【内容】：{{ info_dict.content }}
#{% for i in TutorialList %}
#{{ i }}
#{% endfor %}

在模版注释了上个实例您也可以删除，这个实例模版中取字典的键是用info_dict.site,而不是Python中的info_dict['site'],效果如下：

注：以上实例在浏览器浏览之前都要运行以下python manage.py runserver IP:prot

还可以这样遍历字典：

root@w:~/zqxt_tmpl# sudo vi learn/templates/home.html

{% for key, value in info_dict.items %}
        {{ key }}: {{ value }}
{% endfor %}

其实就是遍历这样一个List：[('content': u'自己建网站'), ('site': u'吴老二')]

实例四：在模版进行条件判断和for循环的详细操作：

root@w:~/zqxt_tmpl# sudo vi learn/views.py

# -*- coding: utf-8 -*-
from django.shortcuts import render
def home(request):
        List = map(str, range(100)) #一个长度为100的list
        return render(request, 'home.html', {'List': List})

使用逗号将这些元素连接起来：

root@w:~/zqxt_tmpl# sudo vi learn/templates/home.html

{% for item in List %}
        {{ item }},
{% endfor %}

效果如下：

最后一个元素的后面也有一个逗号，这样不是我们想要的，如何判断是不是遍历到最后一个元素呢？

这里可以用forloop.last这个变量，如果是最后一项其为真，否则为假，更改如下：

root@w:~/zqxt_tmpl# sudo vi learn/templates/home.html

{% for item in List %}
        {{ item }}{% if not forloop.last %},{% endif %} 
{% endfor %}

for循环补充如下：

变量描述

forloop.counter 索引从1

forloop.counter0 索引从0

forloop.revcounter 索引从最大长度到1

forloop.revcounter0 索引从最大长度到0

forloop.first 当遍历的元素为第一项时为真

forloop.last 当遍历的元素为最后一项时为真

forloop.parentloop 用在嵌套的for循环中，获取上一层for循环的forloop

当列表中可能为空值时用for empty

<ul>
{% for athlete in athlete_list %}
    <li>{{ athlete.name }}</li>
{% empty %}
    <li>抱歉，列表为空</li>
{% endfor %}
</ul>

实例五，模版上得到视图对应的网址：

# views.py
def add(request, a, b):
    c = int(a) + int(b)
    return HttpResponse(str(c))
 
 
# urls.py
urlpatterns = patterns('',
    url(r'^add/(\d+)/(\d+)/$', 'app.views.add', name='add'),
)
 
 
# template html
{% url 'add' 4 5 %}

这样网址上就会显示出：/add/4/5/这个网址，假如我们以后修改urls.py中的

r'^add/(\d+)/(\d+)/$'

这一部分，改成另的，比如：

r'^jiafa/(\d+)/(\d+)/$'

这样，我们不需要在次修改模版，当再次访问的时候，网址就会自动变成/jiafa/4/5/

注意：如果是Django 1.4的话，需要在模版开头上  {% load url from future %} (如果有 extends 的话，加在 extends 下面）

这可以使用as语句将内容取别名（相当于定义一个变量），多次使用（但视图名称到网址转换只进行了一次）

{% url 'some-url-name' arg arg2 as the_url %}
 
<a href="{{ the_url }}">链接到：{{ the_url }}</a>

实例六，模版中的逻辑操作

==,!=,>=,<=,>,<这些比较都可以在模版中使用，比如：

{% if var >= 90 %}
成绩优秀，吴老二博客你没少去吧！学得不错
{% elif var >= 80 %}
成绩良好
{% elif var >= 70 %}
成绩一般
{% elif var >= 60 %}
需要努力
{% else %}
不及格啊，大哥！多去吴老二博客学习啊！
{% endif %}

and,or,not,in,not in也可以在模版中使用

假如我们判断num是不是在0到100之间：

{% if num <= 100 and num >= 0 %}
num在0到100之间
{% else %}
数值不在范围之内！
{% endif %}

假如我们判断’wulaoer‘

{% if 'wulaoer' in List %}
自强学堂在名单中
{% endif %}

实例七，模版中获取当前网址，当前用户等：

如果不是在 views.py 中用的 render 函数，是render to response的话，需要将request加入到上下文渲染器

Django 1.8 及以后 修改settings.py

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [],
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                ...
                'django.template.context_processors.request',
                ...
            ],
        },
    },
]

Django 1.7 及以前修改settings.py:

如果没有TEMPLATE_CONTEXT_PROCESSORS请自行添加下列默认值：

TEMPLATE_CONTEXT_PROCESSORS = (
    "django.contrib.auth.context_processors.auth",
    "django.core.context_processors.debug",
    "django.core.context_processors.i18n",
    "django.core.context_processors.media",
    "django.core.context_processors.static",
    "django.core.context_processors.tz",
    "django.contrib.messages.context_processors.messages",
)

然后再加上 django.core.context_processors.request

TEMPLATE_CONTEXT_PROCESSORS = (
    ...
    "django.core.context_processors.request",
    ...
)

然后在模版中我们就可以用request了。

获取当前用户：

{{ request.user }}

如果登陆就显示内容，不登陆就不显示内容：

{% if request.user.is_authenticated %}
    {{ request.user.username }}，您好！
{% else %}
    请登陆，这里放登陆链接
{% endif %}

获取当前网址：

{{ request.path }}

获取当前GET参数：

{{ request.GET.urlencode }}

合并到一起用的一个例子：

<a href="{{ request.path }}?{{ request.GET.urlencode }}&delete=1">当前网址加参数 delete</a>

比如我们可以判断delete参数是不是1来删除当前的页面内容。

转载于:https://www.cnblogs.com/wulaoer/p/5072794.html

Django之路： 模版篇相关推荐

  1. Django之路--第一篇

    1.安装django pip install django 2.创建django工程 django-admin startproject 工程名 3.创建APP python manage.py st ...

  2. Django框架之第二篇

    Django框架之第二篇 一.知识点回顾 1.MTV模型 model:模型,和数据库相关的 template:模板,存放html文件,模板语法(目的是将变量如何巧妙的嵌入到HTML页面中). view ...

  3. CYQ.Data 轻量数据层之路 使用篇三曲 MAction 取值赋值(十四)

    上一篇:CYQ.Data 轻量数据层之路 使用篇二曲 MAction 数据查询(十三) 内容概要 本篇继续上一篇内容,本节介绍所有取值与赋值的相关操作. 1:原生:像操作Row一样 2:扩展:对UI操 ...

  4. CYQ.Data 轻量数据层之路 使用篇五曲 MProc 存储过程与SQL(十六)

    上一篇:CYQ.Data 轻量数据层之路 使用篇四曲 MAction 增删改(十五) 本篇内容概要 本篇继续上一篇内容,本节介绍MProc 类的相关操作. 1:MProc 存储过程操作 2:MProc ...

  5. CYQ.Data 轻量数据层之路 使用篇-辅助工具枚举生成器 视频 C (二十)

    说明: 本次录制主要为使用篇:CYQ.Data 轻量数据层之路 优雅V1.4 辅助工具(十)   的附加视频教程. 本次视频介绍了使用工具创建存储过程/生成日志表/生成枚举文件等相关操作,同时以示例实 ...

  6. 阿里巴巴大数据之路——数据模型篇

    阿里巴巴大数据之路--数据模型篇 一.概述 1.什么是数据模型? 数据模型就是数据的组织和存储方法.主要关注的是从业务.数据存取和使用角度合理存储数据. 2.典型数据仓库建模方法论 ER模型 纬度模型 ...

  7. CYQ.Data 轻量数据层之路 使用篇-MAction 取值赋值 视频[带音乐] F (二十四)

    CYQ.Data 轻量数据层之路 使用篇-MAction 取值赋值 视频[带音乐] F (二十四) 说明: 本次录制主要为使用篇:CYQ.Data 轻量数据层之路 使用篇三曲 MAction 取值赋值 ...

  8. android底层重构,【理论】【转】Android项目重构之路:实现篇

    前两篇文章Android项目重构之路:架构篇和Android项目重构之路:界面篇已经讲了我的项目开始搭建时的架构设计和界面设计,这篇就讲讲具体怎么实现的,以实现最小化可用产品(MVP)的目标,用最简单 ...

  9. Python+django建站入门篇（2）：素数判断

    本文使用django框架搭建网站,运行之后,获取用户输入的整数,判断是否为素数并进行相应的提示. 本文技术要点: 1)使用django创建网站 2)了解MVC开发模式 3)设置路由 4)接收用户输入 ...

  10. CYQ.Data 轻量数据层之路 使用篇-MAction 数据查询 视频 D (二十一)

    2019独角兽企业重金招聘Python工程师标准>>> 说明: 本次录制主要为使用篇:CYQ.Data 轻量数据层之路 使用篇二曲 MAction 数据查询(十三)   的附加视频教 ...

最新文章

  1. OpenCV+python：色彩空间转换及色彩通道的分离和合并
  2. Dubbo原码解析（version:2.5.3）
  3. if语句输入月份判断季节_C语言循环及条件语句
  4. android时间显示中文版,系统运行时间显示工具(Vov System Uptime)
  5. solidworks无法获得下列许可standard_SolidWorks2020安装无法获得下列许可SOLIDWORKS Standard怎么解决？...
  6. 关于DataFormWebPart中CreatedModifiedInfo信息的分开使用
  7. 高通QCA9531方案定制开发主板300M 2.4G无线模块面板AP wifi路由模块 用的是什么网络变压器
  8. 世界银行的WDI世界发展指标数据EXCEL版本（1960-2017年）
  9. 宝洁中国CIO沈锋：全球日化巨头是如何做数字化的|数字思考者50人
  10. show-busy-java-threads
  11. 汉字文化杂志汉字文化杂志社汉字文化编辑部2022年第11期目录
  12. 必应壁纸爬取 def
  13. 我与谷歌共成长--谷歌常用的技巧#我和 Google 谷歌共成长
  14. 跑步运动蓝牙耳机哪个好？跑步无线运动蓝牙耳机推荐
  15. Android窗口Window的创建（悬浮窗）
  16. 三极管的经典之作，你知道吗？
  17. uniapp - 微信小程序端引入 Echarts 图表及使用详细教程，简单快速的解决方案（拒绝复杂的过程，附带详细的使用示例保姆级教程）
  18. 十二银元分三次找一假
  19. django.core.serializers.base.DeserializationError: Problem installing fixture
  20. 铁道部网站刷火车票脚本

热门文章

  1. android中的日期选择器,Android-PickerView
  2. Amazon EC2实例的登录问题
  3. Axure 安卓组件库 Material Design
  4. java中rate,Java务实际利率之Excel函数RATE
  5. 天行健，君子当自强不息
  6. 硬盘格式化后能恢复数据吗？试试这两个数据恢复秘典
  7. Linux 脚本后台执行
  8. 字符串 ASCII码
  9. Linux - nm命令
  10. 如何选择适合你的兴趣爱好（四十），美食