1. 程式人生 > >第一個Django App(六)

第一個Django App(六)

靜態檔案

    圖片,JavaScript, CSS

django.contrib.staticfiles

定製app的外觀

在polls下建立static目錄。Django將在這個目錄下查詢靜態檔案。

STATICFILES_FINDERS設定包含一個發現列表,根據這個列表來查詢靜態檔案 (來自於不同的源)

INSTALLED_APPS是一個預設的AppDirectoriesFinder查詢靜態檔案的子路徑。

再在static裡面建立/polls/style.css檔案。

編輯polls/static/polls/style.css檔案:

li a {
    color: green;
}

編輯polls/templates/polls/index.html檔案。

{% load static %}


<link rel="stylesheet" type="text/css" href="{% static 'polls/style.css' %}" />

新增背景圖片

繼續編輯polls/static/polls/style.css檔案:

body {
    background: white url("images/background.gif") no-repeat right bottom;
}

相關推薦

一個Django App

靜態檔案     圖片,JavaScript, CSS django.contrib.staticfiles 定製app的外觀 在polls下建立static目錄。Django將在這個目錄下查

Anaconda+django寫出一個web app

HERE obj short ren 混亂 all err strong anaconda 今天學習如何寫一個註冊用戶的界面。 上一節的導航欄中我們修改了導航欄右側的文字為register並將路徑設置為/register,內容如下: <li><a hre

Anaconda+django寫出一個web app

圖片 things tab tro ogr 參考 min sent clas 在安裝好Anaconda和django之後,我們就可以開始創建自己的第一個Web app,那麽首先創建一個空文件夾,之後創建的文件都在這個文件夾內。 啟動命令行進入此文件夾內,可以先通過如下命令查

Anaconda+django寫出一個web app

down lock 下載 解決 RKE 分享圖片 tinymce 今天 分享 今天開始學習網頁風格和設計,就像python有Web框架一樣,也有一些CSS框架。對於CSS框架,我們可以使用默認的樣式,也可以在原基礎上編輯修改。本教程使用的是materialize這個CSS框

Anaconda+django寫出一個web app

one reg url cat AMM filter import tex nac 今天繼續學習外鍵的使用。 當我們有了category、series和很多tutorials時,我們查看某個tutorial,可能需要這樣的路徑http://127.0.0.1:8000/c

碼出你的一個Django app——Django官方教程

碼出你的第一個Django app,第一部分 讓我們通過例項來學習。 這個教程會帶領你建立一個基礎的投票應用。 本教程由兩部分組成: 一個供使用者檢視和投票的公共站點 一個供管理員對投票進行增刪改查的站點 我們假設你已經安裝好了Django。你

一個 Django 應用 5 部分

第一個 Django 應用,第 5 部分¶ (測試) 這一篇從 教程第 4 部分 結尾的地方繼續講起。我們在前幾章成功的構建了一個線上投票應用,在這一部分裡我們將為它建立一些自動化測試。 自動化測試簡介¶ 自動化測試是什麼?¶ 測試,是用來檢查程式碼正確性的一些

最簡單的混合APP開發框架——搭建你的一個Ionic應用

上次寫了一篇關於Ionic3的文章,但是對於從來沒有接觸過Ionic的開發者來說,可能不是太友好。為了讓更多的人瞭解這個非常好的混合應用開發框架,今天這篇文章主要介紹如何從零用最快的時間做一個Ionic APP。 一)為什麼是Ionic? 如果你以前從來沒有

一個AngularJS Demo購物車

mod 購物 set sco tle ng-model -m -c 刪除 <!DOCTYPE html><html><head>   <meta charset="utf-8" />   <script sr

BlinkLED 點亮一個LED燈C#

text interval rgs pri art one namespace ane ready 界面: <StackPanel HorizontalAlignment="Center" VerticalAlignment="Center">

Django學習---博客文章頁面的超鏈接設置

_id 三個參數 name app dex pla django (六) pat Django中的超鏈接 超鏈接的目標地址 href後面是目標地址 template中可以用 {% url ‘app_name : url_name’ param %} app_name:

如何成為python聖鬥士之一個python程序1

python 小白 聖鬥士 安裝python解釋器python是跨平臺的語言,目前主流的有2.X和3.X系列版本,由於3.X系列是不兼容2.X系列的,但現如今很多程序和第三方庫都是基於2.X系列開發的,因此我們以2.X為主,期間也會穿插介紹3.X的部分特性。學習編程語言的第一步那就是hellowo

一個python程序2

小結 nts 技術 數學公式 spa 但是 漂亮 num 回車 輸入和輸出 輸出 用print加上字符串,就可以向屏幕上輸出指定的文字。比如輸出‘hello, world‘,用代碼實現如下: >>> print ‘hello, world‘ print語

Smobiler打包apk安裝包——C# 或.NET Smobiler例項開發手機app

免責宣告:此文涉及“極光”、“高德”、“掌上川電”關鍵字。本人以傳遞知識的心態發表文章,若有侵權聯絡[email protected]即刪! 目錄 一、 前言 二、建立應用 1、 註冊Smobiler的賬號 2、上傳資源 3、 連線專案 三、 應用打包

使用Phaser開發你的一個H5遊戲

本文來自網易雲社群 作者:王鴿 不知你是否還記得當年風靡一時的2048這個遊戲,一個簡單而又不簡單的遊戲,總會讓你在空閒時間玩上一會兒。 在這篇文章裡,我們將使用開源的H5框架——Phaser來重現這個遊戲。這裡你可以瞭解到遊戲內的狀態管理、Sprite元件物件等,以及如何使用Preload、Create

vue 2.0 實戰移動音樂app歌手頁面列表滾動 無法正確滾動

listview.vue <template> <scroll class="listview" :data='data' ref="listview"> <ul> <li v-for='group in data' class=

Phaser3入門教程:一個Phaser3遊戲中文版

平臺 我們剛剛在create函式中加了一段程式碼,讓我們詳細解釋一下,首先是這句: platforms = this.physics.add.staticGroup(); 這句程式碼建立了一個靜態物體組,並賦值給了變數platforms。在Arcad

Phaser3入門教程:一個Phaser3遊戲中文版

加入角色 有了這些可愛的平臺,怎麼能沒人在上面跑動呢? 在create函式中,新建一個player變數,程式碼參看part5.html: player = this.physics.add.sprite(100, 450, 'dude');

Phaser3入門教程:一個Phaser3遊戲中文版

鍵盤控制角色 碰撞已經處理好了,但我們還要讓角色動起來。不知道你是否會馬上想起去某些文件上搜尋如何加入監聽器的方法,但這裡你大可不必如此。Phaser內部已經有一個很好的鍵盤管理程式,只要用下面一段程式碼就可以使用: cursors = this.input.k

Phaser3入門教程:一個Phaser3遊戲中文版

記分牌 遊戲還有兩個要點需完成:會幹掉玩家的敵人,以及顯示玩家抓到星星的分數牌子。我們先來完成記分牌。 我們需要製作一個文字物件。為此,我們建立了兩個變數,一個用來計分,另一個是分數的文字內容: var score = 0; var scoreText