django的继承（extends）与加载(include)

 

目录

1.创建一个django项目

2.在pycharm中打开django项目

3.创建存放静态文件(static)和html的templates文件和，视图文件 views.py

4.更改settings.py配置文件

5.以about.html为例，还原网页原有的样式

6.extends  继承

（1）views.py

（2）urls.py

（3）base.html

（4）listpic.html

7.include   加载

（1）views.py

（2）urls.py

（3）newlistpic.py

（4）article.py

---

继承： extends

把相同的部分写在base.html，不同的部分用{% block content %}{% endblock %}

{% extends "base.html" %}

加载：  include

先搭好框架，然后把想要的东西拉进来

1.创建一个django项目

前面的博客已经具体讲过方法了，详情请看https://blog.youkuaiyun.com/g_optimistic/article/details/88856501

在此简单的阐述一下步骤：

（1）首先在你想要创建django项目的目录下，鼠标--->右键---->在此处打开命令行

（2）激活Anaconda环境

activate djnagoPath

（3）创建django项目

django-admin startproject MyBlog

---

2.在pycharm中打开django项目

详情请看https://blog.youkuaiyun.com/g_optimistic/article/details/88856501

在settings中配置环境

---

3.创建存放静态文件(static)和html的templates文件和，视图文件 views.py

---

4.更改settings.py配置文件

---

5.以about.html为例，还原网页原有的样式

(1)views.py

(2)urls.py

(3)127.0.0.1:8000/base/

此时出现了编码问题

去about.html里面修改一下编码，再在浏览器中运行一下

(4)修改about.html的编码问题

(5)此时发现样式没有了，把样式加载进来

样式现在都保存在static/css

在浏览器中运行：127.0.0.1:8000/base/

此时图片加载不出来，因为图片都保存在/static/images/

修改图片的路径

ctrl+F  查找：images

ctrl+R  替换：/static/images

此时，网页就很正常了

成功！！！接下来开始继承与加载

---

6.extends  继承

把网页的相同点找出来，写在base.html

网页的相同点就是头部和尾部的东西

中间不同的是<div class="container">里面的东西,这部分用{% block content %}标签表示

（1）views.py

（2）urls.py

（3）base.html

（4）listpic.html

因为网页的东西编码都是gb2312,

直接修改好再运行的话会出现编码错误，报错提示：

先把编码改好，改成utf8编码，在浏览器中运行一下，然后再进行修改

listpic.html的内容：

继承base.html的内容

在这个网页中存放不同的部分，也就是<div class="container"></div>

运行之后还是发现，图片没有加载出来

同样的操作:

ctrl+F 查找  ：images

ctrl+R 替换： /static/images

再次运行：127.0.0.1:8000/listPic/

---

7.include   加载

先把框架搭好，把想要的东西拉进来即可

（1）views.py

（2）urls.py

（3）newlistpic.py

同样，要先修改编码，在浏览器中运行一次，然后再删掉相同的东西

还要修改图片的地址

（4）article.py

127.0.0.1:8000/article/