在Django項(xiàng)目中套用Bootstrap模板過程

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

#1. 新建一個(gè) django project

django-admin.py startproject ui_project

cd ui_project/

#2. 新建 app

django-admin.py startapp ui_app

vim ui_project/settings.py #將新定義的app名稱(ui_app)加到settings.py中的INSTALL_APPS中

vim ui_app/views.py    #定義視圖函數(shù)（訪問頁面時(shí)的內(nèi)容）

vim ui_project/urls.py #定義視圖函數(shù)相關(guān)的URL[即：訪問什么網(wǎng)址對(duì)應(yīng)什么內(nèi)容]

#3. 同步數(shù)據(jù)庫

python manage.py makemigrations

python manage.py migrate

#4. 運(yùn)行測試

python manage.py runserver

python manage.py runserver 0.0.0.0:8080

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

# http://www.ziqiangxuetang.com/django/django-template.html

# http://www.ziqiangxuetang.com/django/django-template2.html

#步驟一

$ vim ui_app/views.py    #定義視圖函數(shù)（訪問頁面時(shí)的內(nèi)容）

    from django.shortcuts import render

    def index(request):

        return render(request, 'index.html')

#步驟二

$ mkdir -p ui_app/templates #創(chuàng)建templates目錄用于存放HTML模板文件

$ echo "Hello, Django!" > ui_app/templates/index.html   #編輯HTML模板文件

#步驟三

$ vim ui_project/urls.py #定義視圖函數(shù)相關(guān)的URL

    urlpatterns = [

        url(r'^$', ui_app.views.index, name='index'),

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

    ]

1

2

3

4

5

6

7

8

9

10

11

#在ui_project目錄下新建一個(gè)叫做assets的目錄用于存放靜態(tài)文件

$ git clone https://github.com/bopoda/ace.git

$ cp -r ace/assets/ .

$ cp -f ace/index.html ui_app/templates/

$ vim ui_project/settings.py

#添加下面的內(nèi)容

PROJECT_ROOT = os.path.join(os.path.abspath(os.path.dirname(__file__)), '..')

STATICFILES_DIRS = (

    os.path.join(BASE_DIR, "assets"),

)

1

2

3

4

5

6

7

8

9

10

11

server {

    listen      80;

    server_name localhost;

    # ...

    location /assets {

        alias /opt/learn_django/ui_project/assets;

    }

    #...

}