苏州市规划建设局网站,网页与网站设计什么是主题,wordpress 迁站,网页制作策划书模板继承就是网站的多个页面可以共享同一个页面布局或者是页面的某几个部分的内容。通过这种方式你就需要在每个页面复制粘贴同样的代码了。 如果你想改变页面某个公共部分#xff0c;你不需要每个页面的去修改#xff0c;只需要修改一个模板就行了#xff0c;这样最大化复用… 模板继承就是网站的多个页面可以共享同一个页面布局或者是页面的某几个部分的内容。通过这种方式你就需要在每个页面复制粘贴同样的代码了。 如果你想改变页面某个公共部分你不需要每个页面的去修改只需要修改一个模板就行了这样最大化复用减少了冗余也减少了出错的几率而且你敲的代码也少了。创建一个base模板一个base模板就是你全站所有页面都会继承的最基本的网站框架模板。我们在blog/templates/blog/中创建一个base.html模板blog
└───templates└───blogbase.htmlpost_list.html打开base.html然后将post_list.html的所有内容都复制过来现在它的内容如下1234567891011121314151617181920212223242526272829{% load staticfiles %}htmlheadlink relstylesheet href//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.csslink relstylesheet href//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.cssscript src//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js/scriptlink hrefhttp://fonts.googleapis.com/css?familyLobstersubsetlatin,latin-ext relstylesheet typetext/csslink relstylesheet href{% static css/blog.css %}titleDjango Girls Blog/title/headbody div classpage-header h1a href/Django Girls Blog/a/h1 /div div classcontent div classrow div classcol-md-8 {% for post in posts %} div classpost h1a href post.title /a/h1 ppublished: post.published_date /p p{{ post.text|linebreaks }}/p /div {% endfor %} /div /div /div/body/html在base.html中将…块替换成下面的12345678910111213body div classpage-header h1a href/Django Girls Blog/a/h1 /div div classcontent div classrow div classcol-md-8 {% block content %} {% endblock %} /div /div /div/body我们其实就是将{% for post in posts %}{% endfor %} 替换成了{% block content %}{% endblock %}。 在base.html中我们创建了一个名字为content的block其他页面可以通过继承base.html 替换这个content块来生成新的页面页面其他内容保持不变。保存后再修改post_list.html页面只保留的内容1234567{% for post in posts %} div classpost h1a href post.title /a/h1 ppublished: post.published_date /p p{{ post.text|linebreaks }}/p /div{% endfor %}然后添加这句到post_list.html页面的最开始部分{% extends blog/base.html %}这句话的意思就是该模板继承自blog/base.html模板还有一步就是要将刚刚的内容放到{% block content %}和 {% endblock content %}之间这时候整个页面是这样的12345678910{% extends blog/base.html %}{% block content %}{% for post in posts %} div classpost h1a href post.title /a/h1 ppublished: post.published_date /p p{{ post.text|linebreaks }}/p /div{% endfor %}{% endblock content %}保存后刷新页面看下是不是能正常工作一切都OK… 转载于:https://blog.51cto.com/xuyang007/1882791
