在前面的几节中我们都是用简单的django.http.HttpResponse来把内容显示到网页上，本节将讲解如何使用渲染模板的方法来显示内容

1、创建一个 zqxt_tmpl 项目，和一个 名称为 learn 的应用，并且

django-admin.py startproject zqxt_tmpl

cd zqxt_tmpl

python manage.py startapp learn

2. 把 learn 加入到 settings.INSTALLED_APPS中

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 写一个首页的视图

from django.shortcuts import render

def home(request):

    return render(request, 'home.html')

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

默认配置下，Django 的模板系统会自动找到app下面的templates文件夹中的模板文件。

目录的结构是这样的：

zqxt_tmpl

├── learn

│   ├── __init__.py

│   ├── admin.py

│   ├── migrations

│   │   └── __init__.py

│   ├── models.py

│   ├── templates

│   │   └── home.html

│   ├── tests.py

│   └── views.py

├── manage.py

└── zqxt_tmpl

    ├── __init__.py

    ├── settings.py

    ├── urls.py

    └── wsgi.py

4 directories, 12 files

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

<!DOCTYPE html>

<html>

<head>

    <title>欢迎光临</title>

</head>

<body>

欢迎光临自强学堂

</body>

</html>

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

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'),

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

]

7、创建数据库表

python manage.py migrate

8、运行开发服务器，看看效果

python manage.py runserver

网站模板设计，一般的，我们做网站有一些通用的部分，比如导航，底部，访问统计代码等等

nav.html, bottom.html, tongji.html

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

<!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中，改动也方便一些，在用到的地方include进去，其他的页面继承自base.html就好了，继承后的模板也可以在block块中include其他的模板文件

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

{% extends 'base.html' %}

{% block title %}欢迎光临首页{% endblock %}

{% block content %}

{% include 'ad.html' %}

这里是首页，欢迎光临

{% endblock %}

注意：模板一般放在app下的templates中，django会去这个文件夹中找。但假如我们每个app的templates中都有一个index.html,当我们在views.py中使用的时候，直接写一个render(request,'index.html'),django能不能找到当前app的templates文件夹中的index.html文件夹呢？（答案是不一定能，有可能找错）

Django 模板查找机制： Django 查找模板的过程是在每个 app 的 templates 文件夹中找（而不只是当前 app 中的代码只在当前的 app 的 templates 文件夹中找）。各个 app 的 templates 形成一个文件夹列表，Django 遍历这个列表，一个个文件夹进行查找，当在某一个文件夹找到的时候就停止，所有的都遍历完了还找不到指定的模板的时候就是 Template Not Found （过程类似于Python找包）。这样设计有利当然也有弊，有利是的地方是一个app可以用另一个app的模板文件，弊是有可能会找错了。所以我们使用的时候在 templates 中建立一个 app 同名的文件夹，这样就好了。

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

项目zqxt有两个app,分别为tutorial和tryit

zqxt

├── tutorial

│   ├── __init__.py

│   ├── admin.py

│   ├── models.py

│   ├── templates

│   │   └── tutorial

│   │       ├── index.html

│   │       └── search.html

│   ├── tests.py

│   └── views.py

├── tryit

│   ├── __init__.py

│   ├── admin.py

│   ├── models.py

│   ├── templates

│   │   └── tryit

│   │       ├── index.html

│   │       └── poll.html

│   ├── tests.py

│   └── views.py

├── manage.py

└── zqxt

    ├── __init__.py

    ├── settings.py

    ├── urls.py

    └── wsgi.py

这样，使用的时候，模板就是‘tutorial/index.html’和‘tryit/index.html’这样有app作为名称的一部分，就不会混淆

4django模板的更多相关文章

  1. Jade模板引擎让你飞

    写在前面:现在jade改名成pug了 一.安装 npm install jade 二.基本使用 1.简单使用 p hello jade! 渲染后: <p>hello jade!</p ...

  2. ABP入门系列（2）——通过模板创建MAP版本项目

    一.从官网创建模板项目 进入官网下载模板项目 依次按下图选择: 输入验证码开始下载 下载提示: 二.启动项目 使用VS2015打开项目,还原Nuget包: 设置以Web结尾的项目,设置为启动项目: 打 ...

  3. CMS模板应用调研问卷

    截止目前,已经有数十家网站与我们合作,进行了MIP化改造,在搜索结果页也能看到"闪电标"的出现.除了改造方面的问题,MIP项目组被问到最多的就是:我用了wordpress,我用了织 ...

  4. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  5. 【原创分享·微信支付】C# MVC 微信支付之微信模板消息推送

    微信支付之微信模板消息推送                    今天我要跟大家分享的是“模板消息”的推送,这玩意呢,你说用途嘛,那还是真真的牛逼呐.原因在哪?就是因为它是依赖微信生存的呀,所以他能不 ...

  6. OpenCV模板匹配算法详解

    1 理论介绍 模板匹配是在一幅图像中寻找一个特定目标的方法之一,这种方法的原理非常简单,遍历图像中的每一个可能的位置,比较各处与模板是否“相似”,当相似度足够高时,就认为找到了我们的目标.OpenCV ...

  7. 前端MVC学习总结（一）——MVC概要与angular概要、模板与数据绑定

    一.前端MVC概要 1.1.库与框架的区别 框架是一个软件的半成品,在全局范围内给了大的约束.库是工具,在单点上给我们提供功能.框架是依赖库的.AngularJS是框架而jQuery则是库. 1.2. ...

  8. ThinkPHP+Smarty模板中截取包含中英文混合的字符串乱码的解决方案

    好几天没写博客了,其实有好多需要总结的,因为最近一直在忙着做项目,但是困惑了几天的Smarty模板中截取包含中英文混合的字符串乱码的问题,终于解决了,所以记录下来,需要的朋友看一下: 出现乱码的原因: ...

  9. ThinkPHP 模板substr的截取字符串函数

    ThinkPHP 模板substr的截取字符串函数在Common/function.php加上以下代码 /** ** 截取中文字符串 **/ function msubstr($str, $start ...

随机推荐

  1. JavaScript 闭包 面试题

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  2. Codeforces 463C Gargari and Bishops 题解

    题目出处: http://codeforces.com/contest/463/problem/C 感觉本题还是挺难的.须要好好总结一下. 计算对角线的公式: 1 右斜对角线,也叫主对角线的下标计算公 ...

  3. Catch That Cow(广度优先搜索_bfs)

     Catch That Cow Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 48036   Accepted: 150 ...

  4. Java Learning Path（五）资源篇

    Java Learning Path(五)资源篇 1. http://java.sun.com/ (英文) Sun的Java网站,是一个应该经常去看的地方.不用多说. 2.http://www-900 ...

  5. maven nexus myeclipse 学习

    http://b-l-east.iteye.com/blog/1246482 这篇文章比较详细的介绍了 nexus 本地仓库以及与maven的配合使用 http://blog.csdn.net/arv ...

  6. Windows2008RC2 IIS配置php执行环境

    1:下载一个php manager,安装.打开IIS管理器后,点击计算机,就能够看到右边PHPManager 静静地躺在那儿了.双击PHPManager    后我们就能够開始对PHP进行配置了. 2 ...

  7. 防火墙firewall的设置和查看

    systemctl start firewalld.service # 开启防火墙firewallsystemctl stop firewalld.service # 停止防火墙firewall sy ...

  8. Machine Learning——Unsupervised Learning（机器学习之非监督学习）

    前面,我们提到了监督学习,在机器学习中,与之对应的是非监督学习.无监督学习的问题是,在未加标签的数据中,试图找到隐藏的结构.因为提供给学习者的实例是未标记的,因此没有错误或报酬信号来评估潜在的解决方案 ...

  9. kill 命令

    Linux中的kill命令用来终止指定的进程(terminate a process)的运行,是Linux下进程管理的常用命令.通常,终止一个前台进程可以使用Ctrl+C键,但是,对于一个后台进程就须 ...

  10. Android之——清理手机SD卡缓存

    转载请注明出处:http://blog.csdn.net/l1028386804/article/details/47375595 眼下,市场上非常多Android手机软件都具有清理SD卡缓存的功能, ...