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.csdn.net/g_optimistic/article/details/88856501

在此簡單的闡述一下步驟:

(1)首先在你想要創建django項目的目錄下,鼠標--->右鍵---->在此處打開命令行

(2)激活Anaconda環境

activate djnagoPath

(3)創建django項目

django-admin startproject MyBlog


2.在pycharm中打開django項目

詳情請看https://blog.csdn.net/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/

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章