目錄
3.創建存放靜態文件(static)和html的templates文件和,視圖文件 views.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/