前一段時間，用Django搭建一個報表分析的網站；藉此正好整理一下筆記。

1. 安裝

python有包管理工具pip，直接cd Python27/Scripts，輸入

pip install django

# install by version
pip install --upgrade Django==<version>

安裝完成後，python -c "import django; print(django.get_version())"，若能打印出Django的版本資訊，即說明安裝成功。一般地，Django安裝在Python27/Lib/site-package/django目錄。

2. Django介紹

專案

Django的架構是MTV(Model-Template-View)。輸入命令

python <path>/Python27/Lib/site-packages/django/bin/django-admin.py startproject mysite

建立mysite的Django專案，專案的檔案目錄如下：

mysite/ 
    manage.py 
    mysite/ 
        __init__.py 
        settings.py 
        urls.py 
        wsgi.py

• 最外層的mysite目錄包含了整個專案，與Django沒有半毛錢的直接關係，可改名。
• manage.py提供對專案的命令列（command-line）操作，比如：python manage.py runserver開啟服務，預設埠號為8000（若開啟埠號為8888，則python manage.py runserver 8888）。
• 內層的mysite資料夾是python package，與專案名相對應。
• __init__.py為空檔案，表示mysite是一個package。
• settings.py為專案的配置檔案。
• wsgi.py為WSGI-compatible web servers。

app

輸入python manage.py startapp polls，為專案建立了Polls app，檔案目錄結構如下：

polls/
    __init__.py
    admin.py
    apps.py
    migrations/
        __init__.py
    models.py
    tests.py
    views.py

app定義網站內容view與model層，view.py定義網站資料的獲取，而網頁格式規範是在HTML Template中所定義的。比如，在source.html中定義網頁：

{% extends "base.html" %}

{% block main %}
<table class="info" cellspacing="0" width="100%">
    <thead>...</thead>
    <tbody>
        <tr>
            <td>{{firstWeekDay}}</td>
        </tr>
    </tbody>
</table>

通過view層向html注入資料（通過context給HTML中定義變數賦值）：

# views.py
from django.shortcuts import render_to_response


def source(request):
    context = {}
    context.update(firstWeekDay=fourWeek[0])
    return render_to_response('source.html', context)

上面通過命令建專案的方式可能過於繁瑣，PyCharm是IDE中不錯一個選擇，可用來快速構建Django專案。

3. 實戰

迴圈注入

Django支援注入資料的格式為迭代集合如tuple、list等，用for迴圈依次取出：

<!-- list -->
<tbody>
    <tr>
        <td>{{firstWeekDay}}</td>
        {% for pv in firstWeekPv %}
            <td>{{pv}}</td>
        {% endfor %}
    </tr>
</tbody>

<!-- list of tuple -->
<tbody>
    {% for ad in adParent %}
        <tr>
            <td>{{ad.0}}</td>
            <td>{{ad.1}}</td>
            <td>{{ad.2}}</td>
            <td>{{ad.3}}</td>
        </tr>
    {% endfor %}
</tbdoy>

靜態匯入

Django同時支援匯入靜態css、js檔案等，建議使用絕對路徑作為root；這些配置資訊須在settings.py中新增：

STATIC_ROOT = '<path>/to/static'
# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/1.7/howto/static-files/

STATIC_URL = '/static/'

# Additional locations of static files
STATICFILES_DIRS = (
    # Put strings here, like "/home/html/static" or "C:/www/django/static".
    # Always use forward slashes, even on Windows.
    # Don't forget to use absolute paths, not relative paths.
    ('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
    ('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
    ('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/'))
)

如此，可以在HTML中自由地匯入相對路徑了：

<link rel="stylesheet" type="text/css" href="/static/css/style.css"/>

<script type="text/javascript" src="/static/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.dataTables.min.js"></script>