1. 程式人生 > >django檢視-使用TemplateView快速執行一個bootstrap網頁

django檢視-使用TemplateView快速執行一個bootstrap網頁

使用TemplateView快速執行一個bootstrap網頁

1.百度搜索bootstrap模板或者在下面連結下載一個bootstrap模板

2.利用pycharm新建一個django專案

這裡寫圖片描述

3.建立一個app

這裡寫圖片描述
這裡寫圖片描述

3.在專案中建立一個static資料夾

這裡寫圖片描述

建立完後需要在setting檔案中設定一下static,開啟setting.py,拉到最後

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

找到INSTALLED_APPS =這個欄位在下面新增新增的app

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

4. 解壓剛才得bootstrap檔案開啟後找到index.html,把這個檔案直接複製到template資料夾下,把css,js等夾放到static資料夾下面

這裡寫圖片描述

5.修改index.html檔案中css,js等路徑

這裡寫圖片描述

6.修改urls.py檔案

from django.conf.urls import url
from django.contrib import admin
#利用TemplateView
from django.views.generic import TemplateView



urlpatterns = [
    url(r'^admin/', admin.site.urls),

    url(r'^$', TemplateView.as_view(template_name="index.html"
), name="index"), ]

7.run一下工程,就可以看到網頁啦

這裡寫圖片描述

這裡寫圖片描述

相關推薦

django檢視-使用TemplateView快速執行一個bootstrap網頁

使用TemplateView快速執行一個bootstrap網頁 1.百度搜索bootstrap模板或者在下面連結下載一個bootstrap模板 2.利用pycharm新建一個django專案 3.建立一個app 3.在專案中建立一個s

有了 serverless,前端也可以快速開發一個 Puppeteer 網頁截圖服務

更多雲原生技術資訊可關注阿里巴巴雲原生技術圈。 Puppeteer 是什麼? puppeteer 官網的介紹如下: Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over t

django第一課 建立一個簡單網頁

src info shortcut url scrip 技術 height template idt 第一步 創建項目(有問題可以看我的第一個博客)     C:\Python36\Scripts\django-admin.py startproject *** (我的寫

Django----做一個簡單網頁的教程(適合初學者)

method elf learning 也有 rmi itl color ec2 路由 這篇文字適合剛學習Django的同學,如果比較熟的就不用看了。 以下都是講在windows上的部署情況; 準備: 1、python3.6 2、pycharm profession(專業版

在pycharm中設定django環境快速執行

當我們的django專案已經搭建起來以後,剛開始一直在cmd裡面執行。想觀察程式碼的某一部分輸出是否正確的時候,只能把它傳遞給response,然後展現在網頁上看是否正確。於是就想,能不能pycharm執行,因為這樣可以print我們的一些東西,方便我們觀察輸出。 答案當然是可以的。 假設現在你已經安裝好了

django檢視執行的sql查詢語句

對於一些比較複雜的查詢在做優化時,通常需要檢視下django底層執行的sql語句。 例如: data = Tasks.objects.select_related().filter(~Q(pk=4) & (~Q(reviewer__contains='pengpai(彭湃)') | ~Q

Django中單獨執行一個 .py 檔案需要做的配置-------------外部python指令碼呼叫django專案中的方法

先做一個測試----- 在django的配置檔案settings.py中,加入一段程式碼: 在scripts/11.py,程式碼1如下: 執行結果如下: 現在將相關的配置進行寫入後 執行結果如下:

【區塊鏈】1 HyperLedger快速搭建一個Fabric1.0環境 執行測試e2e_cli專案

1 Ubuntu環境搭建(win7 64位 + VMWare14 + Ubuntu16.04) 2 Docker安裝 首先sudo apt install curl 使用阿里提供的映象進行Docker的安裝,輸入curl -fsSL https://

android 快速建立一個新的執行緒 & android執行緒的正確使用

下面是快速建立一個新執行緒的方法:第一種:直接建立子執行緒並啟動      new Thread() {@Overridepublic void run() {     //這裡寫入子執行緒需要做的工作        }   }.start();第二種:先建立子執行緒,然後啟

Django從零開始搭建一個相簿網站--3.基本檢視對映

urls.py檔案: from cilife import views as cilife_views urlpatterns = [ url(r'^admin/', admin.site.urls), url(r'^$', cilife_views.home)

php 中preg_replace執行一個正則表達式的搜索和替換

cnblogs param subject bject placement family sub ica ans preg_replace ( mixed $pattern , mixed $replacement , mixed $subject [, int $lim

逆向學習XXclient怎樣僅僅執行一個實例

關閉 code 就會 sap pan 動態 紅色 空氣 直觀 個人覺得學習分兩種, 一種是當面請教和直接從書本網絡中的資料學習. 其二就是看著令你驚嘆的作品-頓悟. 什麽?頓悟不了?那我們就一起來逆向學習吧!差點忘了,我並不打算提供Demo,這並不重

如何教你快速通過一個cmd命令啟動Oracle的兩個相關服務

安裝目錄 startup ice 11.2 start 服務 文件 我們 font 你安裝好了Oracle數據庫之後。 它都會默認開機自啟服務。 而我們為了節省電腦資源就把它給調為手動。 我們調為手動之後以後要用到Oracle數據庫就必須再去服務裏面一個一個去啟動。 這樣是

快速構建一個 Springboot

pan -1 conf tomcat one feature 添加 自動配置 span 快速構建一個 Springboot 官網:http://projects.spring.io/spring-boot/ Spring Boot可以輕松創建可以“運行”的獨立的,生產級的

springbank 開發日誌 springbank是如何執行一個handler的requestMapping對應的方法的

建立 cut 基礎 如何 chain 自然 src cnblogs 攔截器 占位 從dispatcher說起,方法doDispatch(Map request)的參數request是一個通過解析來報報文新城的map 要以request為參數執行一個handler,自然

六招助你快速建設一個優秀網站

怎樣建網站 網站建設 站長都知道一個優秀的網站對網站的影響有多重要,不僅可以為用戶帶來驚喜,還可以給網站帶來意想不到的收獲。而要建一個優秀的網站該怎樣建網站,一般有哪些步驟呢?下面就一起來分析一下。 第一、對網站的目的定位要清晰。對於網站目的的定位,每個人都不一樣的看法,但是從整體上來說,網站建

django 在建模時的一個手賤

pytho 設計 iss 建立 類設計 for ever err 數據庫 最近在寫一個網站,在建立model的時候遇到了一些問題,最後找了好久才找到為什麽。 一、django的model定義如下: from django.db import models # Cre

web學習---html,js,php,mysql一個動態網頁獲取流程

htm 註意 blog sql 寫入 conn com sqli cms 使用bootstrap的cms模版系統搭建了一個信息管理系統。通過這個系統學習動態網頁獲取的工作流程。 抓包分析一個頁面的數據請求流程如下圖所示: 同樣,對於需要向數據庫插入數據,可以使用aja

快速部署一個LNMP

lnmp1.安裝nginx # wget http://nginx.org/packages/rhel/7/x86_64/RPMS/nginx-1.8.1-1.el7.ngx.x86_64.rpm # rpm -ivh nginx-1.8.1-1.el7.ngx.x86_64.rpm 2.安裝

快速排序,一個愛情故事-java版

-- .com span 得到 跳出循環 div public while 五步 public static void myquicksort(int[] ages,int girl,int boy){ //這是一個站在數組兩端,追求完美愛情的故事 //年齡