码迷,mamicode.com
首页 > 其他好文 > 详细

模板的继承与导入

时间:2020-06-07 11:16:50      阅读:58      评论:0      收藏:0      [点我收藏+]

标签:网站页面   一个   直接   提前   扩展   home   asa   div   代码   

"""
你们有没有见过一些网站
    这些网站页面整体都大差不差 只是某一些局部在做变化    
"""
# 模版的继承 你自己先选好一个你要想继承的模版页面
{% extends home.html %}

# 继承了之后子页面跟模版页面长的是一模一样的 你需要在模版页面上提前划定可以被修改的区域
{% block content %}
    模版内容
{% endblock %}

# 子页面就可以声明想要修改哪块划定了的区域
{% block content %}
    子页面内容    
{% endblock %}


# 一般情况下模版页面上应该至少有三块可以被修改的区域
    1.css区域
  2.html区域
  3.js区域
  {% block css %}

    {% endblock %}
  
  {% block content %}

    {% endblock %}
  
  {% block js %}

    {% endblock %}
  # 每一个子页面就都可以有自己独有的css代码 html代码 js代码
  
"""
一般情况下 模版的页面上划定的区域越多 那么该模版的扩展性就越高
但是如果太多 那还不如自己直接写
"""
"""
将页面的某一个局部当成模块的形式
哪个地方需要就可以直接导入使用即可
"""
{% include wasai.html %}

 

模板的继承与导入

标签:网站页面   一个   直接   提前   扩展   home   asa   div   代码   

原文地址:https://www.cnblogs.com/mayrain/p/13059682.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!