django的继承(extends)和包含(include)

转载自https://blog.csdn.net/g_optimistic/article/details/88895379

一、先创建一个django项目

1、首先在你要创建的diango项目的目录下 shift+右键 在此处打开命令行

2、激活anaconda环境

activate Djangopath

3、创建django项目

django-admin startProjec Ourblog

二、在pycharm中打开django项目

可以将你创建的django直接拖入python快捷方式,pycharm会自动打开当前目录

也可以打开pycharm打开对应目录下的文件夹·

注意配置环境   具体步可以看 https://blog.csdn.net/weixin_44239541/article/details/88900597

配置路径是file--->settings---->project OurBlog---->project interpreter ----> add ---> existing 配置的环境路径是

E:Anaconda3\envs\djangoPath\python3.exe  注意要配置正确

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

四、更改settings.py配置文件

在views(视图)文件中 使用render-to-respose('about.html') 方法指向templs文件夹里面的的html文件时,由于setting里面的设置的路径  BASE_DIR是指到当前的根目录,也就是顶层的Ourblog文件夹目录,为了将路径指向templates目录,需要在其默认的路径下采用字符串拼接的方式,将默认目录改到/templates/下

配置静态样式的路径,这一步的原理可以参照https://blog.csdn.net/sinat_38068807/article/details/88903296

 

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/

 

 

 

 

 

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值