1. 程式人生 > >Django中使用bookstarp框架(4)

Django中使用bookstarp框架(4)

取出 閱讀 manage http get png con 下載 join

Django中使用bookstarp框架(4)

註意:要使用bookstarp框架前,要先有css的基礎

因為主要是研究後臺的使用方法,就引入前端的框架,簡化html上的耗時(主要是不想把時間浪費在前端上-_-)

一、將bookstarp的靜態文件配置進Django

1,下載Django並取出css文件

  1.1,下載地址URL:

    https://getbootstrap.com

  1.2,基礎路徑下(與manage.py同目錄)創建:

    static/css文件夾

  1.3,進入下載獲得的安裝包->找到bootstrap.min.css文件->放進static/css文件夾

    技術分享

2,配置靜態文件的URL和對應的處理函數

  2.1,找到urls.py總url配置文件,路徑:forum\forum

  2.2,找到urlpatterns列表,將下面代碼copy進去:

    url(r‘^static/(?P<path>.*)$‘, django.contrib.staticfiles.views.serve),

    技術分享

3,告訴Django靜態文件的路徑

  3.1,找到settings.py文件,路徑:forum\forum

  3.2,在文件裏寫上如下代碼:

    STATICFILES_DIRS = (
      os.path.join(BASE_DIR, "static"),

    )

    技術分享

二、在HTML頁面引用外部css文件

  <link>標簽裏的href部分替換為css靜態文件的絕對路徑

三、開始使用bookstarp提供的css樣式

1,閱讀bookstarp的官方文檔

  1.1 css布局的使用

  1.2 控件的使用

2,了解所使用版本包含的組件樣式,唯一指導文件就是官方的文檔。

Django中使用bookstarp框架(4)