目錄

背景

技術(shù)問(wèn)題

描述

Jinja2

概述

特性

問(wèn)題解決手段

問(wèn)題1

問(wèn)題2

問(wèn)題3

代碼實(shí)現(xiàn)

前端代碼

python代碼

解釋

頁(yè)面展示

home

上傳視頻

搜索視頻

---

背景

通過(guò)1-5 我們已經(jīng)搭建好完整的后臺(tái)功能，service，及準(zhǔn)備與UI 交互的路由及接口。下面就是UI 部分的搭建。UI 部分，這次我選擇了Flask作為搭建載體，他的使用非常方便，router清晰，調(diào)用也非常簡(jiǎn)潔。不再需要tomcat等單獨(dú)的container運(yùn)行，非常輕量化。重點(diǎn)是他的使用理念非常契合我的想法，我們重點(diǎn)看看怎么使用Flask搭建UI 并完成與后端service的互動(dòng)。

技術(shù)問(wèn)題

描述

html，css，js 的coding 這已經(jīng)最基礎(chǔ)的了，這里就直接跳過(guò)了。這些東西網(wǎng)上一搜一大堆，不是今天討論的重點(diǎn)。我們今天主要聚焦在UI的 Flask 使用及搭建上。你首先需要解決兩個(gè)問(wèn)題：

1）后端的python 如何渲染網(wǎng)頁(yè)及加載靜態(tài)資源

2）網(wǎng)頁(yè)中的數(shù)據(jù)如何傳給后端

3）后端分析好的數(shù)據(jù)如何傳給前端展示

Jinja2

Jinja2是一個(gè)基于Python的模板引擎，它以其簡(jiǎn)潔的語(yǔ)法、強(qiáng)大的功能和高度可定制性而受到廣泛歡迎。以下是對(duì)Jinja2的詳細(xì)介紹：