美文网首页
django 模板

django 模板

作者: 高阳刘 | 来源:发表于2017-10-15 19:19 被阅读0次

    1、创建一个HelloWorld项目,和一个learn的应用

    django-admin.py startproject HelloWorld
    cd HelloWorld
    python manage.py startapp learn
    

    2、把learn加入到setings.INSTALLED_APPS中

    INSTALLED_APPS = (
        'django.contrib.admin',
        'django.contrib.auth',
        'django.contrib.contenttypes',
        'django.contrib.sessions',
        'django.contrib.messages',
        'django.contrib.staticfiles',
         # 将app添加到这里
        '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文件家中的模板文件
    目录结构如下:

    HelloWorld
    ├── learn
    │   ├── __init__.py
    │   ├── admin.py
    │   ├── migrations
    │   │   └── __init__.py
    │   ├── models.py
    │   ├── templates
    │   │   └── home.html
    │   ├── tests.py
    │   └── views.py
    ├── manage.py
    └── HelloWorld
        ├── __init__.py
        ├── settings.py
        ├── urls.py
        └── wsgi.py
     
    4 directories, 12 files
    

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

    <!DOCTYPE html>
    <html>
    <head>
        <title>title</title>
    </head>
    <body>
        hello world !!!
    </body>
    </html>
    

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

    from django.conf.urls import url
    from django.contrib import admin
    from learn.views import *
    
    urlpatterns = [
        url(r'^admin/', admin.site.urls),
        url(r'^home/', home),
    ]
    

    7、运行开发服务器,看看效果

    python manage.py runserver
    

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

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

    <!DOCTYPE html>
    <html>
    <head>
        <title>
            {% block title %}
                默认标题
            {% endblock %}
        </title>
        {% block header_js %}
        {% endblock %}
    
        {% block header_css %}
        {% endblock %}
    </head>
    <body>
        {% include 'header.html' %}
     
        {% block content %}
            <div>
                这里是默认内容,所有继承自这个模板的,如果不覆盖就显示这里的默认内容。
            </div>
        {% endblock %}
     
        {% include 'footer.html' %}
        
        {% block footer_js %}
        {% endblock %}
    </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的tempaltes中都有一个index.html,当我们在views.py中使用的时候,直接写一个render(request, 'index.html'),django能不能找到当前的app的templates文件夹中的index.html文件夹呢?(答案是不一定能,有可能找错)

    django模板查找机制:django查找模板的过程是在每个app的templates文件中找(而不只是当前的app中的代码只在当前的app的templates中查找)。各个app的templates形成一个文件夹列表,django遍历这个列表,一个个文件夹进行查找,当在某一个文件夹中找到hi已停止查找,所有的都遍历完了还找不到指定模板的时候就是Templates Not Found(过程类似于python找包)。这样设计有利有弊,有利的是:一个app可以用另一个app的模板文件,弊端是:有可能会找错,所以我们使用的时候templates中建立一个app同名的文件夹,这样就好了。

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

    例如HelloWorld有两个app,分别为tutorial 和 tryit

    HelloWorld
    ├── 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
    └── HelloWorld
        ├── __init__.py
        ├── settings.py
        ├── urls.py
        └── wsgi.py
    

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

    相关文章

      网友评论

          本文标题:django 模板

          本文链接:https://www.haomeiwen.com/subject/ptycuxtx.html