Django 自稱是“最適合開發有限期的完美WEB框架”。本文參考《Django web開發指南》，快速搭建一個blog 出來，在中間涉及諸多知識點，這裡不會詳細說明，如果你是第一次接觸Django ，本文會讓你在感性上對Django有個認識，完成本文操作後會讓你有興趣閱讀的相關書籍和文件。

廢話少說，come on!!

本操作的環境：

===================

Windows 10

===================

 建立專案                                                                                                          

建立mysite專案和 blog應用：

> django-admin startproject mysite   # 建立mysite專案

> cd mysite        # 切換到mysite目錄

mysite> python manage.py startapp blog   # 建立blog應用

專案目錄結構：

 專案目錄介紹:

--------

manage.py ： Django專案裡面的工具，通過它可以呼叫django shell和資料庫等。

mysite/

| ---  settings.py ： 包含了專案的預設設定，包括資料庫資訊，除錯標誌以及其他一些工作的變數。

| ---  urls.py ： 負責把URL模式對映到應用程式。

| --- wsgi.py :  用於專案部署。

blog /

| --- admin.py  :  django 自帶admin後面管理，將models.py 中表對映到後臺。

| --- apps.py :  blog 應用的相關配置。

| --- models.py  : Django 自帶的ORM，用於設計資料庫表。

| --- tests.py  :  用於編寫Django單元測試。

| --- veiws.py ：檢視檔案，用於編寫功能的主要處理邏輯。

開啟settings.py 配置檔案，新增blog應用。

# Application definition

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'blog',
]

初始化admin後臺資料庫                                                                                                

 Python 自帶SQLite3資料庫，Django預設使用SQLite3資料庫，如果使用其它資料庫請在settings.py檔案中設定。

# Database
# https://docs.djangoproject.com/en/2.0/ref/settings/#databases

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.sqlite3',
        'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
    }
}

 Django預設幫我們做很多事情，比如User、Session 這些都需要建立表來儲存資料，Django已經把這些模組幫我準備好了，我們只需要執行資料庫同步，把相關表生成出來即可：

mysite> python manage.py migrate

Operations to perform:
  Apply all migrations: admin, auth, contenttypes, sessions
Running migrations:
  Applying contenttypes.0001_initial... OK
  Applying auth.0001_initial... OK
  Applying admin.0001_initial... OK
  Applying admin.0002_logentry_remove_auto_add... OK
  Applying contenttypes.0002_remove_content_type_name... OK
  Applying auth.0002_alter_permission_name_max_length... OK
  Applying auth.0003_alter_user_email_max_length... OK
  Applying auth.0004_alter_user_username_opts... OK
  Applying auth.0005_alter_user_last_login_null... OK
  Applying auth.0006_require_contenttypes_0002... OK
  Applying auth.0007_alter_validators_add_error_messages... OK
  Applying auth.0008_alter_user_username_max_length... OK
  Applying auth.0009_alter_user_last_name_max_length... OK
  Applying sessions.0001_initial... OK

 要想登入admin後臺，必須要有帳號，接下來建立超級管理員帳號。

mysite> python manage.py createsuperuser
Username (leave blank to use 'fnngj'): admin    # 管理員帳號
Email address: [email protected]      # email
Password:                          # 密碼
Password (again):                  # 重複密碼
Superuser created successfully.

啟動應用 & 訪問admin後臺                                                                                    

Django自帶Web，可以通過“runserver”命令啟動應用：

mysite> python manage.py runserver
Performing system checks...

System check identified no issues (0 silenced).
January 06, 2018 - 11:02:32
Django version 2.0, using settings 'mysite.settings'
Starting development server at http://127.0.0.1:8000/
Quit the server with CTRL-BREAK.

 通過瀏覽器訪問：http://127.0.0.1:8000

訪問Admin 後臺：http://127.0.0.0:8000/admin  ， 通過前面建立的超級管理員賬號。

django2.0 後臺樣式做了自適應。

 到此，準備工作結束。

注意：

如果需要修改埠號並且對外開放，需要修改settings.py中的一個值

ALLOWED_HOSTS = ['192.168.30.60', 'localhost', '127.0.0.1']

然後啟動服務

python manage.py runserver 0.0.0.0:8080

設計Model(即設計資料庫表)                                  

1、設計blog表

開啟blog目錄下的models.py檔案，這是定義blog資料結構的地方。

按 Ctrl+C 複製程式碼

按 Ctrl+C 複製程式碼

2、再次執行資料庫同步。

mysite> python manage.py makemigrations blog
Migrations for 'blog':
  blog\migrations\0001_initial.py
    - Create model BlogsPost

mysite> python manage.py migrate
Operations to perform:
  Apply all migrations: admin, auth, blog, contenttypes, sessions
Running migrations:
  Applying blog.0001_initial... OK

4、通過Admin 管理。

通過Admin後臺來管理blog表資料。開啟 admin.py 檔案。

按 Ctrl+C 複製程式碼

按 Ctrl+C 複製程式碼

5、登入Admin後臺新增blog 

再次啟動專案，訪問：http://127.0.0.1:8000/admin

部落格編寫完成，點選“SAVE” 按鈕儲存。

 到此，資料部分已經搞定。

建立模板                                                                                                  

 在blog專案下建立templates目錄（mysite/blog/templates/）,在目錄下建立模板檔案index.html，內容如下：

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

 這裡涉及到Django模板語言，迴圈讀取表中的資料，顯示標題，建立時間和正文。

建立檢視函式                                                                                          

 開啟mysite/blog/views.py檔案：

按 Ctrl+C 複製程式碼

按 Ctrl+C 複製程式碼

blog_list = BlogPost.objects.all() ：獲取資料庫裡面所擁有BlogPost物件

render返回一個頁面(index.html)，順帶把資料庫中查詢出來的所有部落格內容（blog_list）也一併返回。

建立blog的URL模式                                                                             

 在mysite/urls.py檔案裡新增blog的url：

按 Ctrl+C 複製程式碼

按 Ctrl+C 複製程式碼

 再次啟動服務（$ python manage.py runserver），訪問blog應用（http://127.0.0.1:8000/blog/）。

頁面如下：

當然，你可以繼續到admin後臺新增blog，從而重新整理這個頁是否顯示新新增的blog。

到此，專案開發完成

美化blog                                                                                                    

 修改index.html模板。

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3個meta標籤*必須*放在最前面，任何其他內容都*必須*跟隨其後！ -->
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Starter Template for Bootstrap</title>

    <!-- Bootstrap core CSS -->
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="starter-template.css" rel="stylesheet">

  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">蟲師blog</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#">Home</a></li>
            <li><a href="#about">About</a></li>
            <li><a href="#contact">Contact</a></li>
          </ul>
        </div><!--/.nav-collapse -->
      </div>
    </nav>

    <div class="container" style="margin-top: 50px;">

      <div class="starter-template">

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

      </div>

    </div><!-- /.container -->

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  </body>
</html>

 再次重新整理部落格頁面：

http://127.0.0.1/blog/  。

 請系統的學習django web框架，然後在此基礎上做更多的擴充套件，開發自己真正的blog 。

------------------------------------------------------------------------------------------------------------------------------------- 

參考：

《Django Web開發指南》 第二章

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