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

2019-11-14 17:43:18

字體：大中小

來源：轉載

供稿：網友

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

項目結構描述:

本項目以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.VEVb.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_responsedef test(request):    return render_to_response("test.html",{"btnvalue":"我是動態標記內容，clicke me"})

之后運行命令：