欢迎各位兄弟 发布技术文章

这里的技术是共享的

You are here

自强学堂 7) Django 模板

shiping1 的头像

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

本节代码是基于 Django 1.8,但Django 1.6,1.7也是通用的,操作流程也是一样的。

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

1
2
3
django-admin.py startproject zqxt_tmpl
cd zqxt_tmpl
python manage.py startapp learn

2. 把 learn 加入到 settings.INSTALLED_APPS中

1
2
3
4
5
6
7
8
9
10
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 写一个首页的视图

1
2
3
4
from django.shortcuts import render
 
def home(request):
    return render(request, 'home.html')

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

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

目录的结构是这样的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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 中写一些内容

1
2
3
4
5
6
7
8
9
<!DOCTYPE html>
<html>
<head>
    <title>欢迎光临</title>
</head>
<body>
欢迎光临自强学堂
</body>
</html>

6. 将视图函数对应到网址,更改 zqxt_tmpl/urls.py

1
2
3
4
5
6
7
8
9
from django.conf.urls import include, url
from django.contrib import admin
 
urlpatterns = [
    url(r'^$''learn.views.home', name='home'),
    # url(r'^blog/', include('blog.urls')),
 
    url(r'^admin/', include(admin.site.urls)),
]

7. 同步一下数据库

1
python manage.py migrate 或者 python manage.py syncdb

8. 运行开发服务器,看看效果

1
python manage.py runserver

图和前面有一节的一样,不在放上来了,把代码放上来 zqxt_tmpl.zip

模板中的一些循环,条件判断,标签,过滤器等使用请看下一节的内容。

 

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

nav.html, bottom.html, tongji.html

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!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 其它的html。

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

1
2
3
4
5
6
7
8
{% extends 'base.html' %}
 
{% block title %}欢迎光临首页{% endblock %}
 
{% block content %}
{% include 'ad.html' %}
这里是首页,欢迎光临
{% endblock %}

注意:模板一般放在app下的templates中,Django会自动找到。假如我们每个app都有一个 index.html,当我们在views.py中使用的时候,如何判断是当前 app 的 home.html 呢?

这就需要把每个app中的 templates 文件夹中再建一个 app 的名称,仅和该app相关的模板放在 app/templates/app/ 目录下面,例如:项目 zqxt 有两个 app,分别为 tutorial 和 tryit

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
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

模板中的一些循环,条件判断,标签,过滤器等使用请看下一节的内容。

 
被顶起来的评论
  • zack
    zack

    我是通过百度搜索"django 教程"找到此默默无闻的网站的,非常非常感谢站主提供这么好的免费的资料齐全的自学环境,而且大部分内容讲解的版本都是比较新的,也不是随便复制转载某个网站的,为站主的无私恭喜点32个赞.
    我是个刚学python的新手,刚在这个网站看完了python3的相关知识就开始django了,学这个东西纯粹是业余兴趣爱好,现在有个问题请假下:
    第7步同步数据库有什么作用,(python manage.py migrate 或者 python manage.py syncdb),为什么要同步,目前不是还没有用到数据库吗?我在学习的时候没有执行这一步也能正确显示.
    我的运行环境是ubuntu14.04 64位(虚拟机),python3.4.0,django1.8.0

zack
 
  • zack
    新手来膜拜

    找到原因了,原来是r'^$' 写成 r^$' 了,搞了我2个小时

  • zack
    新手来膜拜

    按照教程设置了之后,http://127.0.0.1:8000

    Page not found (404)
    Request Method: GET
    Request URL: http://localhost:8000/
    Using the URLconf defined in zpxt_tmp1.urls, Django tried these URL patterns, in this order:
    ^admin/
    ^& [name='home']
    The current URL, , didn't match any of these.

  • zack
    Jelivor

    {% block content %}默认标题{% endblock %} - 自强学堂 是不是应该是{% block title%}

  • zack
    zack

    我是通过百度搜索"django 教程"找到此默默无闻的网站的,非常非常感谢站主提供这么好的免费的资料齐全的自学环境,而且大部分内容讲解的版本都是比较新的,也不是随便复制转载某个网站的,为站主的无私恭喜点32个赞.
    我是个刚学python的新手,刚在这个网站看完了python3的相关知识就开始django了,学这个东西纯粹是业余兴趣爱好,现在有个问题请假下:
    第7步同步数据库有什么作用,(python manage.py migrate 或者 python manage.py syncdb),为什么要同步,目前不是还没有用到数据库吗?我在学习的时候没有执行这一步也能正确显示.
    我的运行环境是ubuntu14.04 64位(虚拟机),python3.4.0,django1.8.0

    • 涂伟忠

      很开心能帮助到您,Django中会有一些默认的数据库表,比如用来保存session的数据,自带的用户注册系统,这些都需要用到数据库,这些是默认启用的,不同步的话会有问题,当然你也可以选择在设置中不用这些表,刚开始的时候要记得同步一下就好了

    • zack
      顶顶顶

      其实你可以理解不叫同步数据库,就叫创建数据库好了,没有为什么,只是你在要创建数据库的时候,执行这命令就好了

  • zack
    liuhang

    869a808ba61ea8d3337e6811920a304e251f582309515e6034a85edf34e1e2364c540923dd547512
    为什么我同步数据库就出现问题,我想用MySQL,django1.8,python2.7,Windows环境下的

    • zack
      liuhang

      呃,图挂了

      • 涂伟忠

        你的提示说的是MySQL密码,不对,学习的时候建议使用默认的 sqlite3

      • zack
        liuhang

        回复 涂伟忠: 呃,装好的MySQL,真的很想用'ENGINE': 'django.db.backends.mysql', 
        'NAME': 'learn', 
        'USER': 'root', 
        'PASSWORD': '', 
        'HOST': '', 
        'PORT': '3306', 
        之后改成这样,但是输入不了密码。。。

      • 涂伟忠

        创建数据库 `zqxt` 步骤
        mysql -u root -p
        CREATE DATABASE `zqxt` DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci;
        use zqxt;
        GRANT ALL PRIVILEGES ON zqxt.* TO "任意用户名"@"localhost" IDENTIFIED BY "新密码";

        FLUSH PRIVILEGES;
        EXIT;

  • zack
    Tiger

    非常棒的教程!!!


来自 http://www.ziqiangxuetang.com/django/django-template.html
普通分类: