Django继承和加载模板

一、项目基础

创建项目

shift+鼠标右键---》在此处打开命令窗口

 **anaconda

创建项目

 file---》setting---》project Interpreter

 修改为沙箱环境

 

新建视图文件，还有存放静态资源的static文件夹以及存放HTML的templates文件夹 

 

进行settings配置

 

 

导入项目模板

建立视图文件

添加视图对应的路由

启动服务

修改编码方式

在网页中加载about.html

这样就避免了以下错误

'utf-8' codec can't decode byte 0xc4 in position 158: invalid continuation byte

同时我们也看到上面的网页样式乱，这是由于路径发生了变化，因此需要改变路径

在浏览器中打开 

但是图片没有加载出来也是路径的问题，我们再次修改路径

二、继承

所谓继承就是先将几个网页相同部分提取出来形成一个模板html,而后写新的网页时直接用extends继承，在将新网页的新内容写在block块里即可。

继承多使用在博客类似的网页中。

新建base.html

 将about.html中的内容拷贝过去，此时我们保留顶部和下部，并引入content块

 listpic.html继承base.html,保留自己中间的部分，注意这里修改时要先将编码修改为utf8重新加载一遍，再删除头和尾

修改视图文件 

 修改对应路由

在浏览器中运行

 但图片未加载

如上面图片的处理方法修改图片路径即可

最终效果

 

三、加载

所谓加载就是将相同的部分保留下来，再在其中加载不同的内容，这里不同的内容使用include包含进来即可。

加载多使用在例如QQ空间，左边上边的导航切换且固定，只是右下角内容部分随着鼠标移入的导航不同内容也不同的情况。

被加载页

只保留不同的部分

加载页 

保留头和尾，加载被加载页的内容

 

添加视图文件 

 

添加路由文件 

 

在浏览器中运行