在前面的几节中我们都是用简单的django.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

# Create your views here.

def home(request):

    return render(request,'home.html')

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

目录结构如下：

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 lang="en">

<head>

    <meta charset="UTF-8">

    <title>欢迎光临！</title>

</head>

<body>

欢迎进入尘封学堂

</body>

</html>

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

from django.contrib import admin

from django.urls import path

from learn import views as learn_views

urlpatterns = [

    path('admin/', admin.site.urls),

    #视图对应到网址中

    path('',learn_views.home,name='home'),

]

7、[可选]创建数据库表

python manage.py syncdb

# Django 1.7.x 以及上要用

python manage.py migrate

创建的数据库虽然本节用不到，但是可以让一些提示小时（提示你要创建数据库之类的）

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

 python manage.py runserver 8091

运行的效果如下：

模板补充知识：

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

nav.html,bottom.html,tongji.html

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>{% block title %}默认标题{% endblock %}</title>

</head>

<body>

    {% include 'nav.html' %}

    {% block content %}

    <div> 这里是默认内容，所有继承自这个模板的，如果不覆盖就显示这里的默认内容</div>

    {% endblock %}

    {% include 'buttom.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作为名称的一部分，就不会混淆。

【Django模板006】的更多相关文章

  1. Django模板与Vue.js冲突问题

    参考: https://my.oschina.net/soarwilldo/blog/755984 方法1:修改vue.js的默认的绑定符号 Vue.config.delimiters = [&quo ...

  2. 在 Django 模板中遍历复杂数据结构的关键是句点字符

    在 Django 模板中遍历复杂数据结构的关键是句点字符 ( . ). 实例二 mysit/templates/myhtml2.html修改如下 <!DOCTYPE html> <h ...

  3. python django 模板

    1 用两个大括号括起来的文字{{person_name}} 称为变量 2 被 大括号和面分号包围的文件({% if ordered_warranty %})是模板标签 3 过滤器是用管道符(|) 和U ...

  4. django 模板中定义临时列表

    <ul class="num_t clr"> {% for obj in ""|ljust:"10" %} <li> ...

  5. Django 模板中引用静态资源（js,css等）

    Django 模板中免不了要用到一些js和CSS文件,查了很多网页,被弄得略晕乎,还是官网靠谱,给个链接大家可以自己看英文的. https://docs.djangoproject.com/en/1. ...

  6. Django模板-分离的模板

    上一篇Django模板-在视图中使用模板最后的问题,我们需要把数据和展现分离开. 你可能首先考虑把模板保存在文件系统的某个位置并用 Python 内建的文件操作函数来读取文件内容. 假设文件保存在 E ...

  7. Django模板-在视图中使用模板

    之前我们已经有了自己的视图mysite.views.py中,应该是这样子的 from django.http import HttpResponse import datetime def curre ...

  8. Django模板-模板标签

    接着Django模板-基础知识继续写模板相关知识. if标签 {% if %} 标签接受 and , or 或者 not 关键字来对多个变量做判断 ,或者对变量取反( not ). 但是不允许在同一个 ...

  9. Django模板-基础知识

    上一篇中带参数的URLconf虽然可以做到传参动态显示内容,但是最终现实的内容还是硬编码到Python代码中的 def hours_ahead(request,phours): try: phours ...

随机推荐

  1. js取整数、取余数

    js取整数.取余数 取整 1.取整 // 丢弃小数部分,保留整数部分 parseInt(5/2) // 2 2.向上取整 // 向上取整,有小数就整数部分加1 Math.ceil(5/2) // 3 ...

  2. 从vue源码看Vue.set()和this.$set()

    前言 最近死磕了一段时间vue源码,想想觉得还是要输出点东西,我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的. Vue.set()和this.$se ...

  3. Dear ImGUI 使用指南

    文档 1)Dear IMGui 2) 知乎 组件 1) Com 如何设置动态字符串? //char*pTest = "aaaa\0bbbb\0cccc\0dddd\0eeee\0\0&quo ...

  4. /etc/init.d/sshd配置SSHD路径忘记修改导致启动失败

    [root@lnlte2dmr3 ~]# bash[root@lnlte2dmr3 ~]# install -v -m700 -d /var/empty/sshdinstall: 正在创建目录&quo ...

  5. 核心思想：决定你是富人还是穷人的11条标准（有强烈的赚钱意识，这也是他血液里的东西，太精彩了）good

    原文地址:决定你是富人还是穷人的11条标准作者:谢仲华 1.自我认知 穷人:很少想到如何去赚钱和如何才能赚到钱,认为自己一辈子就该这样,不相信会有什么改变. 富人:骨子里就深信自己生下来不是要做穷人, ...

  6. delphi 中实现当期日期 减去 若干小时的方法

    假定当期日期为:2011-08-01 15:00:00 now - 1      :代表前一天的日期 返回值:2011-07-31 15:00:00 now - 1/3   :代表8小时前       ...

  7. oracle单字段拆分成多行

    已上图为例 先以逗号分隔拆分 拆分函数: CREATE OR REPLACE FUNCTION SPLIT(P_STRING VARCHAR2, P_SEP VARCHAR2 := ',') RETU ...

  8. python 1-100的数相加的和

    count = 1 sum = 0 while count <= 100: sum = sum + count count = count + 1 print(sum) 解释: count表示计 ...

  9. Centos7 HyperLedger Fabric 1.4 生产环境部署

    Kafka生产环境部署案例采用三个排序(orderer)服务.四个kafka.三个zookeeper和四个节点(peer)组成,共准备八台服务器,每台服务器对应的服务如下所示: kafka案例网络拓扑 ...

  10. MongoDB系列----uupdate和数组

    db.collection.update( criteria, objNew, upsert, multi ) criteria : update的查询条件,类似sql update查询内where后 ...