1.環境
win10
python 2.7.14
django 1.8.2
需要用到的依賴包:MySQLdb(數據庫的接口包)、PIL/pillow(處理圖片的包)
安裝命令:
pip install django==1.8.2
pip install pillow
2、學習django需要的知識點:
python基礎
mysql基本查詢
Html css js web基礎 ajax
3.首先開啟一個Django項目
在命令行中進入需要創建django項目的目錄,目錄名稱最好不要包括中文
輸入下面的命令,創建Fanhua這個項目
django-admin startproject Fanhua
然后我們進入桌面這個目錄可以看到創建好的django項目
創建好后,運行runserver,開啟咱們的項目
瀏覽器內輸入127.0.0.0:8000可以看到歡迎界面
4創建template和static靜態文件夾
我們根據一個模版源碼來修改成為我們自己的項目,首先我們把這個項目源碼導入到template里面
文件下載
https://files.cnblogs.com/files/fanhua999/startbootstrap-sb-admin-2-gh-pages.zip
解壓這個文件
我們可以先熟悉下這個目錄下有些什么文件,后面我們主要是修改pages目錄下的html代碼
現在把我們需要的文件拷貝到static目錄下
把pages下的index.html拷貝到template目錄下
好了,准備工作昨晚了,接下來就是需要我們來做修改了
5 PyCharm中打開Fanhua這個項目,設置可以訪問index頁面
現在我們需要修改setting.py
先修改其中加載模版的目錄
os.path.join(BASE_DIR,"template").replace("\\","/")
然后修改靜態文件目錄
STATIC_URL = '/static/'
STATICFILES_DIRS = (
os.path.join(BASE_DIR,"static").replace("\\","/"),
)
現在我們想要訪問index.html,此時是訪問不了的,接下來還需要這樣做:
創建views.py
然后在views中定義一個index函數
from django.shortcuts import render_to_response
def index(request):
return render_to_response("index.html",locals())
然后設置urls.py
from django.conf.urls import include, url
from django.contrib import admin
from views import *
urlpatterns = [
url(r'^admin/', include(admin.site.urls)),
url(r'^$',index),
url(r'^index/',index),
]
Urls.py中這樣設置,可以直接訪問域名跳轉到你指定的默認網頁中
下面我們開啟下服務,瀏覽器中訪問下index
第一次開啟前可以配置下manage.py
然后運行manage.py
可以看到下面的結果標識運行成功了
然后我們在瀏覽器中輸入http://127.0.0.1:8000/index/
從訪問的結果中我們可以看出,CCS的樣式沒有加載
下面我們調整下代碼,讓css樣式也加載出來
打開template下面的index.html文件
可以看到加載css樣式的目錄如下
然后我們修改這個目錄為/static/
Ctrl+f ctrl+r
運行這兩個快捷鍵進行查找和替換
可以看到全部替換完了
然后我們訪問下index頁面可以看到能正常訪問了
6 制作base.html
我們先把index.html做一些修改
然后把菜單欄里面的
Dashboard修改為首頁,
Tables修改為登錄
Froms修改為注冊
UI Elements修改為文字列表頁
其他的就可以刪除了
修改后樣子如下:
我們現在把index.html修改成功一個base.html
新建一個base.html
把index.html里面的代碼全部負責到base.html中
為什么要創建base.html呢,因為我們建立一個模版頁面后,其他頁面是和模版頁面大體相同的,所以只修改不相同的部分代碼,從而可以減少大量的代碼。
然后base.html中的幾個部分需要修改
Title
Style
頁面標題和內容也修改下
然后修改index.html
然后看看效果
7 文章列表、文章詳情頁
有了base.html,我們就可以來制作文章詳情頁面了
新建一個text1.html
按照和index.html的事例修改,下面是我修改成了這樣的內容
點擊菜單欄的文章1跳轉到text1.html如下設置
同理設置文章2-文章6
建立text2.html – text6.html
好了,到這里是最基本的頁面設置完成了。
Python Django CMDB項目實戰之-2創建APP、建模(models.py)、數據庫同步、高級URL、前端頁面展示數據庫中數據
交流群610501884