django開發個人簡易Blog——構建項目結構


開發之前第一步,就是構造整個的項目結構。這就好比作一幅畫,第一步就是描繪輪廓,有了輪廓,剩下的就是慢慢的填充細節。項目結構規划如下圖:

image

項目結構描述:

本項目以fengzhengBlog為根目錄。

admin、blogapp是兩個app目錄,用於實現項目主要功能:包括模型定義、視圖定義等

css、js、images分別為樣式文件、js、圖片的靜態文件存放目錄。

template目錄存放模板文件。

ueEditor是富文本編輯器uEditor的目錄。

settings.py是全局配置文件,urls.py是路由配置文件

 

以下操作全部是在windows系統下完成。

 

1.創建項目

進入項目要存放的目錄,在命令行中輸入如下指令:

#django-admin.py 在你的python安裝目錄的Lib\site-packages\django\bin目錄下
python G:\python\Python\Python2.7Install\Lib\site-packages\django\bin\django-admin.py startproject fengzhengBlog

之后會生成如下目錄結構:

fengzhengBlog

                  |__fengzhengBlog

                                        |__init.py        #有這個文件說明這個目錄是python的一個包 可以為空

                                        |__settings.py #全局配置文件

                                        |__urls.py        #路由文件

                                        |__wsgi.py       #web服務器網關接口 啟動django時用

                  |__manage.py    #可以通過python manage.py runserver 啟動網站(僅開發時使用)

2.創建blogapp,django中,一個項目下可以有多個app,每一個app可以是一塊相對獨立的功能模塊,本例中,比較簡單,blogapp就是博客管理功能模塊。負責博客系統的文章、分類等的統一管理工作。

進入fengzhengBlog/fengzhengBlog目錄,在命令窗口中執行如下命令:

python ../manage.py startapp blogapp

生成app的結構如下:

fengzhengBlog

                  |__blogapp

                                        |__migrations  #修改Model后可以在不影響現有數據的前提下重建表結構

                                        |__init.py        #有這個文件說明這個目錄是python的一個包 可以為空

                                        |__admin.py  #用於注冊和設置模型的后台管理功能

                                        |__models.py   #模型定義文件

                                        |__test.py       #單元測試文件

                                        |__views.py  #視圖

3.添加靜態文件目錄js、images、css,並在urls.py中配置靜態目錄的路由。urls.py配置如下:

( r'^css/(?P<path>.*)$', 'django.views.static.serve',
            { 'document_root': os.path.dirname(__file__) + '/css' }
),
( r'^js/(?P<path>.*)$', 'django.views.static.serve',
            { 'document_root':  os.path.dirname(__file__) + '/js' }
),
( r'^images/(?P<path>.*)$', 'django.views.static.serve',
            { 'document_root':  os.path.dirname(__file__) + '/images' }  #這里也可以寫絕對路徑
),

4.創建ueEditor目錄,將百度uEditor集成進來,集成過程可參考Django集成百度富文本編輯器uEditor

至此,項目結構規划完畢,下面,創建一個簡單的模板,添加一些簡單的html、js、圖片等,查看是否正常運行。

在template目錄下新建一個html文件,命名為test.html,內容如下:

<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
  	<script type="text/javascript" src="/js/test.js"></script>
  	<link rel="stylesheet" href="/css/bootstrap.min.css">
  </head>
  <body>
  <div style="margin:20px auto auto 10px;">
  	<image src="http://images.cnblogs.com/png_favicon.png"/>
  	<button type="button" class="btn" onclick="test()"><i>{{ btnvalue }}</i></button>
  </div>
  <body>
 </html>

在js目錄添加test.js腳本文件,定義內容如下:

function test(){
	alert('hello django');
}

在images目錄下添加png_favicon.png圖片。

在css目錄下增加bootstrap.min.css文件。

在urls.py文件中添加路由映射:

url(r'^test$','fengzhengBlog.views.test'),

在views.py中定義視圖處理方法:

#-*- coding:utf-8 -*-

from django.shortcuts import render_to_response

def test(request):
    return render_to_response("test.html",{"btnvalue":"我是動態標記內容,clicke me"})

之后運行命令:

python manage.py runserver 1989

之后再在瀏覽器中輸入http://127.0.0.1:1989/test  ,打開開發人員工具,觀察發現圖片、樣式文件、腳本文件都已經加載成功:

image

查看頁面,發現圖片正常加載,而且模板中的動態參數也正常獲取,點擊按鈕,腳本正常執行

image


免責聲明!

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



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