python+django+mysql 从零搭建资讯类网站07

系列文章将记录本人从零开始搭建资讯类的网站，所有源码都开放哦！欢迎互相讨论学习！

源码下载地址：https://github.com/wuqiwenpk/babyteach

本系列文章导航：https://github.com/wuqiwenpk/babyteach/blob/master/README.md

 

本篇目的

本项目主要用到的三个页面中，网页顶部以及底部是相同的内容，使用页面布局，使部分页面具有可复用性。

 

1、在templates下添加base.html 

1.1、把index.html所有html代码复制到base.html中；

1.2、去掉<main></main>中间内容,并添加代码:  {% block main %} {% endblock main %}

<main role="main" class="container mt-4 mb-4 pl-0 pr-0">

{% block main %} {% endblock main %}

</main>

2、修改templates下的index.html首页html内容：

去掉所有内容，添加代码：

{% extends 'babyteach/base.html' %}

{%  block main %}

并在中间添加原来在<main role="main" ></main>中间的html代码：

重新访问首页试试效果：

3、同理修改templates下的detail.html和search.html代码内容

 

本文总结：

本项目主要用到的三个页面中，网页顶部以及底部是相同的内容，使用页面布局，使部分页面具有可复用性。

完整源码地址：https://github.com/wuqiwenpk/babyteach