当前位置:   article > 正文

div css页面布局 模板_Django模板的导入和继承

django 引用div

a077c79682837b3388c37a04add818d9.png

Ⅰ 应用场景

  • 网页布局

430cf72d1b4ffc84b2a126de5f5daf2d.png

Ⅱ 手写css样式

  • index1.html
<!
  • 效果

96288cea68b1ac53d9091e5802e4485f.png

Ⅲ 导入

  • 第一步:新建一个 xx.html,把好看的模板写入
    • 在templates文件夹下新建html文件,删除里面所有内容,直接写入代码块
      • beauiful.html
<
  • 第二步:在你想用的地方
    • {% include 'xx.html' %} -- 引用
    • index1.html
{% 

6c577c90099d4935d647ec1c58f638c2.png

Ⅳ 继承

  • 第一步:写一个母版,写空盒子
    • <div> -- 在div内部写,表示这个div是空盒子
    • {% block 名字 %}
    • {% endblock %}
    • </div>
<!
  • 第二步:某个页面要使用母版,引入,扩写盒子
    • 完全引用
      • {% extends 'base.html' %} -- 直接引用完整html页面
<h1>我是order1继承了母版base</h1>

b52ce77123f2618360a8ed47f87f1867.png
    • 局部引用
      • {% block 名字 %} -- 名字需同母版名字对应
      • 新页面自定义的index页面 -- 只有这里同母版不同
      • 这里且仍可使用导入
      • {% endblock %}
{% 

1d325d7fdff19ddc627207cb0fd9fafa.png
本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号