Django:快速搭建自己打第一個的Blog

阿新 • • 發佈：2019-02-07

摘要: 利用Django快速搭建一個簡單的Blog。參考自《Django Web開發指南》第二章。

一直有種想要搭建自己部落格系統打衝動，可惜需要前端知識較多，而且還要安裝一系列軟體並配置（windows平臺），後來偶然發現了Django這個神器，恰巧剛學過python，於是就又裝了ubuntu（安裝各種軟體配置都方便），折騰了半天，終於搭建起來自己的第一個簡易部落格。讓我們開始吧。

一，建立專案

1,為blog建立名為mysite的工程專案：

django-admin startproject mysite

2, 專案結構如下：

.
└── mysite
    ├── manage.py
    └── mysite
        ├── __init__.py
        ├── settings.py
        ├── urls.py
        └── wsgi.py

manage.py ----- Django專案裡面的工具，通過它可以呼叫django shell和資料庫等。
settings.py ---- 包含了專案的預設設定，包括資料庫資訊，除錯標誌以及其他一些工作的變數。
urls.py ----- 負責把URL模式對映到應用程式。

二，執行開發伺服器

切換到工程目錄，執行執行伺服器命令：

[email protected]:~/csdn/mysite$ python manage.py runserver
Validating models...


0 errors found
December 04, 2016 - 02:35:16
Django version 1.6.1, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CONTROL-C.

開啟瀏覽器，輸入訪問地址：127.0.0.1：8000

三，建立blog應用

python manage.py startapp blog

mysite應用檔案結構如下：

[email protected]:~/csdn/mysite$ tree

[email protected]:~/csdn/mysite$ tree
.
├── blog
│   ├── admin.py
│   ├── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── manage.py
└── mysite
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    ├── urls.pyc
    ├── wsgi.py
    └── wsgi.pyc

四，設計你的Model

在blog目錄下的models.py是blog應用打核心檔案之一，是定義blog資料結構的地方。修改models.py，新新增BlogPost類，程式碼如下：

from django.db import models

# Create your models here.
class BlogPost(models.Model):
    title = models.CharField(max_length = 150)
    body = models.TextField()
    timestamp = models.DateTimeField()

BlogPost類是django.db.models.Model的一個子類。它有變數title(blog的標題)，body(blog的內容部分)，timestamp(blog的發表時間)。

五，設定資料庫

Dajango支援主流的資料庫伺服器（MySQL,PostgreSQL,Oracle和MSSQL），在這裡使用的是SQLite，這裡之需要通過一條簡單的命令可以建立SQLite資料庫。

建立資料庫：

切換到工程主目錄mysite/下，執行如下命令：

python manage.py syncdb

出現下面的提示，輸入yes，然後安裝提示輸入相關資訊即可。完成後會生成一個數據庫檔案db.sqllite3。

[email protected]:~/csdn/mysite/blog$ cd ..
[email protected]:~/csdn/mysite$ python manage.py syncdb
Creating tables ...
Creating table django_admin_log
Creating table auth_permission
Creating table auth_group_permissions
Creating table auth_group
Creating table auth_user_groups
Creating table auth_user_user_permissions
Creating table auth_user
Creating table django_content_type
Creating table django_session

You just installed Django's auth system, which means you don't have any superusers defined.
Would you like to create one now? (yes/no):

之後檔案目錄如下：

hu[email protected]:~/csdn/mysite$ tree
.
├── blog
│   ├── admin.py
│   ├── __init__.py
│   ├── models.py
│   ├── tests.py
│   └── views.py
├── db.sqlite3
├── manage.py
└── mysite
    ├── __init__.py
    ├── __init__.pyc
    ├── settings.py
    ├── settings.pyc
    ├── urls.py
    ├── urls.pyc
    ├── wsgi.py
    └── wsgi.pyc

六，設定自動admin應用

1,開啟mysite/mysite/urls.py，取消註釋url(r'^admin/', include(admin.site.urls))

from django.conf.urls import patterns, include, url

from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'mysite.views.home', name='home'),
    # url(r'^blog/', include('blog.urls')),

    url(r'^admin/', include(admin.site.urls)),
)

2,編輯mysite/mysite/settings.py，在INSTALLED_APPS裡面新增blog應用。

新增後的程式碼如下：

# Application definition

INSTALLED_APPS = (
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',
)

3,修改mysite/blog/models.py

在最後新增一行程式碼：

admin.site.register(BlogPost)

程式碼如下：

from django.db import models
from django.contrib import admin
# Create your models here.
class BlogPost(models.Model):
	title = models.CharField(max_length = 150)
	body = models.TextField()
	timestamp = models.DateTimeField()

admin.site.register(BlogPost)

4，開啟瀏覽器，輸入http://127.0.0.1:8000/admin/，輸入剛才建立資料庫時候填寫的帳號就能進入admin介面。

七，使用admin

1, 點選Blog Posts右側的Add和Save按鈕，新增一個帖子。

2,讓admin的BlogPost介面更加美觀

修改blog應用的models.py，為它新增一個admin.ModelAdmin的子類BlogPostAdmin.以列表形式顯示BlogPost的標題和時間。

from django.db import models
from django.contrib import admin

# Create your models here.
class BlogPost(models.Model):
	title = models.CharField(max_length = 150)
	body = models.TextField()
	timestamp = models.DateTimeField()

class BlogPostAdmin(admin.ModelAdmin):
    list_display = ('title','timestamp')

admin.site.register(BlogPost,BlogPostAdmin)

重新整理瀏覽器，如若出現如下問題：

在mysite目錄執行如下命令，後再次重新整理。

[email protected]:~/csdn/mysite$ python manage.py syncdb
Creating tables ...
Creating table blog_blogpost
Installing custom SQL ...
Installing indexes ...
Installed 0 object(s) from 0 fixture(s)

八，建立Blog的公共部分。

從Django的角度看，一個頁面具有三個典型的元件：

一個模板（template）：模板負責把傳遞進來的資訊顯示出來。
一個檢視（viw）：檢視負責從資料庫獲取需要顯示的資訊。
一個URL模式：它負責把收到的請求和你的試圖函式匹配，有時候也會向檢視傳遞一些引數。

其實前面的步驟而言，我們已經是完成了model這個模組的功能了，接下來就是做好檢視的對映就可以了。

V（views.py)檢視層

from django.shortcuts import *
from django.http import HttpResponse
from blog.models import BlogPost
from blog.views import *

# Create your views here.

def myBlogs(request):
 	blog_list = BlogPost.objects.all()
    	return render_to_response('BlogTemplate.html',{'blog_list':blog_list})

這裡面用到了模板檔案，還傳給了模板一個列表型別的引數。

在blog目錄下建立template目錄（mysite/blog/templates）,建立模板檔案BlogTemplate.html,它的內容如下：

{% for post in blog_list %}
<h2>{{ post.title }}</h2>
<p>{{ post.timestamp }}</p>
<p>{{ post.body }}</p>
{% endfor%}

C(controller)urls.py

可以說這個檔案將Django各部分鬆耦合的功能銜接到了一起，完成了整個專案的運轉的非核心的核心了，是關於如何對映的邏輯的處理。

from django.conf.urls import patterns, include, url
from django.contrib import admin
from blog.views import *
#admin.autodiscover()

urlpatterns = patterns('',
    # Examples:
    # url(r'^$', 'mysite.views.home', name='home'),
    # url(r'^blog/', include('blog.urls')),

    url(r'^admin/', include(admin.site.urls)),
    url(r'myblog',myblog),
)

輸入http://127.0.0.1:8000/myblog，就刻印訪問我們的部落格系統了。這樣就實現了我們部落格系統打建立，但是由於沒有新增樣式，看起來不是很好看，所以接下來我們要新增以下模板的樣式。

九，模板配置

接著剛才的繼續，關於模板，這裡面可謂是有著很深的設計哲學。瞭解過的大家肯定都會有感觸，我就不多說了。
接下來就為我們的部落格系統設定一下模板吧。

父模板base.html 按照django對模板的繼承設定，我們可以製作一個父模板。如下:

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>huang's blog</title>
</head>
<style type="text/css">
    body{
        color: #efd;
        background: #BBBBBB;
        padding: 12px 5em;
        margin:7px;
    }
    h1{
        padding: 2em;
        background: #675;
    }
    h2{
        color: #85F2F2;
        border-top: 1px dotted #fff;
        margin-top:2em;
    }
    p{
        margin:1em 0;
    }
</style>
<body>
<h1>Zhiyuan's博文</h1>
<h3>Talk is cheap,show me the code!</h3>
{% block content %}
{% endblock %}
</body>
</html>

然後就是子模板BlogTemplate.html

{% extends "base.html" %}
    {% block content %}
        {% for post in blog_list %}
            <h2>{{ post.title }}</h2>
            <p>{{ post.timestamp }}</p>
            <p>{{ post.body }}</p>
        {% endfor %}
    {% endblock %}

然後在瀏覽器中輸入
http://127.0.0.1:8000/myBlogs/.你就可以看到你的部落格列表了，如圖

好了，一個具備最基礎功能的部落格系統就搭建好了。以後再慢慢完善吧。歡迎大家一起討論學習！

感謝：

https://my.oschina.net/matrixchan/blog/184445

http://blog.csdn.net/marksinoberg/article/details/51589012

Django:快速搭建自己打第一個的Blog

Django:快速搭建自己打第一個的Blog

SpringBoot系列二：搭建自己的第一個SpringBoot程序

Django 快速搭建部落格第七節（文章詳情頁，markdown語法）

Django 快速搭建部落格第三節（資料庫表設計）

Unity進階之ET網路遊戲開發框架 05-搭建自己的第一個Scene

django 快速搭建blog

django快速搭建blog系統

微信公共號(企業號)開發框架-gochat的從零開始教程(二): 5分鐘快速搭建自己的公共號

vs2017 開始自己的第一個C++程式

2018年9月26日Django的安裝以及建立第一個Django專案和子模組

spark本地環境的搭建到執行第一個spark程式

使用falsk快速搭建自己的本地倉庫

快速搭建自己的 KMS 伺服器

go語言基礎知識-環境搭建以及編寫第一個demo程式

自己的第一個Docker釋出任務

用dev-c++寫自己的第一個opengl程式

快速搭建自己的直播伺服器，完成屬於你的直播服務。

阿里雲伺服器快速搭建自己的個人網站

最簡單的混合APP開發框架——搭建你的第一個Ionic應用（一）

快速搭建自己的物聯網平臺,zigbee協議(不會控制你的物聯網系統)

Django:快速搭建自己打第一個的Blog

相關推薦