项目实战 ---- 商用落地视频搜索系统(6)---UI 结构及与service互动

目录

背景

技术问题

描述

Jinja2

概述

特性

问题解决手段

问题1

问题2

问题3

代码实现

前端代码

python代码

解释

页面展示

home

上传视频

搜索视频

背景

通过1-5 我们已经搭建好完整的后台功能，service，及准备与UI 交互的路由及接口。下面就是UI 部分的搭建。UI 部分，这次我选择了Flask作为搭建载体，他的使用非常方便，router清晰，调用也非常简洁。不再需要tomcat等单独的container运行，非常轻量化。重点是他的使用理念非常契合我的想法，我们重点看看怎么使用Flask搭建UI 并完成与后端service的互动。

技术问题

描述

html，css，js 的coding 这已经最基础的了，这里就直接跳过了。这些东西网上一搜一大堆，不是今天讨论的重点。我们今天主要聚焦在UI的 Flask 使用及搭建上。你首先需要解决两个问题：

1）后端的python 如何渲染网页及加载静态资源

2）网页中的数据如何传给后端

3）后端分析好的数据如何传给前端展示

Jinja2

Jinja2是一个基于Python的模板引擎，它以其简洁的语法、强大的功能和高度可定制性而受到广泛欢迎。以下是对Jinja2的详细介绍：