[爆卦]django html變數是什麼?優點缺點精華區懶人包

為什麼這篇django html變數鄉民發文收入到精華區:因為在django html變數這個討論話題中,有許多相關的文章在討論,這篇最有參考價值!作者djshen (djshen)看板Python標題Re: [問題] django static標...


※ 引述《fordpines (阿福)》之銘言:
: 如題
: 自己做的結果如下(route是右下角SUM_cda29a0a.json)
: https://imgur.com/ghEU8qW
: 他好像會直譯的樣子 就算只有
: 查了一下 雖然說有查到可以用下面的方法
: https://stackoverflow.com/questions/16655851/django-1-5-how-to-use-variables-ins
: 試了這樣的寫法
: https://imgur.com/GyGt4Z8
: 但會變成這樣
: https://imgur.com/TrbqnmO
: 無關的地方反而錯了(另外一個變數抓不到)<-這樣改以前抓得到
: 之前是確定檔案名稱(e.g.data.json)用{%static data.json%}就好
: 但這次要從後段傳過來的key找static裡面同名的json檔 不知道要怎麼辦
: 可以請教一下解法嗎?

你寫web必須搞清楚的一點是 什麼事情是在後端處理 什麼事情是在前端處理

以這個例子來講

file_temp1 = "{% static "+route+" %}"

這行主要發生了什麼事

1. render template

2. 傳到browser (以上在server端發生 以下在client端發生)

3. parse HTML

4. parse & execute javascript

你主要搞混的地方是1和4

--

1. render template

django render template的時候 會用Lexer把template變成一個一個token

token分成幾個type

variable: 用{{ }}包起來的部分

block: 用{% %}包起來的部分

comment: 用{# #}包起來的部分

text: 其他


在這邊file_temp1 = "{% static "+route+" %}"會變成

file_temp1 = " 是text

static "+route+" 是block

" 是text

所以說 不管你是javascript還是什麼 只要不是variable, block或comment

django都當你是text

在render template的時候不要以為"{% static "是一對" %}"是一對

{% %}包起來的部分才是django在意的地方




接著Parser會根據不同的type來處理token 然後變成各種不同的Node

這邊就會把{% if %}{% else %}{% endif %}這類有意義的東西組合起來變成IfNode

多個block的可以 當然單一個block的{% static %}也會被抓出來變成StaticNode


先來看看static tag的用法

{% static path [as varname] %}

as varname是optional

所以static "+route+"裡面的path就是"+route+"




最後整個Node list再結合view過來的context render出結果

path "+route+"被解析為string 然後丟給StaticFilesStorage

StaticFilesStorage把STATIC_URL和path結合起來

變成/static/%2Broute%2B/ (/static/+route+/ escape後的結果)

原本那行變成

file_temp1 = "/static/%2Broute%2B/"

你應該可以在browser看到


--

4. execute javascript

因為你file_temp1右邊早就變成"/static/%2Broute%2B/"

所以你前面的route根本就不會去影響到file_temp1


--

這樣你懂了嗎?

前端javascript再怎麼樣也不可能直接去用後端的static這個東西

同樣django也不會去管javascript

他們是兩個不同的世界

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 1.162.110.53
※ 文章網址: https://www.ptt.cc/bbs/Python/M.1512670728.A.C43.html

你可能也想看看

搜尋相關網站