Python Django CMDB項目實戰之-1如何開啟一個Django-並設置base頁、index頁、文章頁面


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM