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

本文详细介绍了在Django中使用extends进行模板继承和include进行模板加载的操作步骤,包括创建项目、设置静态文件、处理编码问题以及解决样式和图片加载问题。通过实例展示了如何在views.py、urls.py、base.html、listpic.html、newlistpic.py和article.py等文件中应用这两个功能。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

 

目录

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/

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值