Flask嵌入前端html

1 引用文件

1.0 静态文件

<link rel="stylesheet" href="{{url_for('static', filename='css/module.css')}}">

静态文件路径

static/css/module.css

2 链接

2.1 无参数路由

• 【app.py】

from models.databases import User

api = Blueprint("blueprint_name", __name__, prefix="/api/display")
@api.route("/test/<int:id>" ,methods=["GET", "POST"])
def route_function_name(id):
	users = User.query.all()
	return render_template("test.html", users)

• 【test.html】

{% if users %}
{% for u in users %}
<a href="{{url_for('blueprint_name.route_function_name')}}">

2.2 有参数路由

• 【app.py】

from models.databases import User

api = Blueprint("blueprint_name", __name__, prefix="/api/display")
@api.route("/test/<int:id>" ,methods=["GET", "POST"])
def route_function_name(id):
	users = User.query.all()
	return render_template("test.html", users)

• 【test.html】

{% if users %}
{% for u in users %}
<a href="{{url_for('blueprint_name.route_function_name', id=u.id)}}">

3 清除浏览器缓存

场景：静态文件修改样式文件CSS后，使页面状态即时生效。
应用：修改flask配置参数SEND_FILE_MAX_AGE_DEFAULT

from flask import Flask
from datetime import timedelta

app = Flask(__name__)
app.config["SEND_FILE_MAX_AGE_DEFAULT"] = timedelta(seconds=1)

4 引入html文件

• extends方式

{% extends "test.html"%}

• include方式

{% include "test.html"%}

• import方式

{% import 'test.html' as t %}

5 日志消息

5.1 获取请求主机IP

from flask import Flask, reqeust
ip = reqeust.remote_addr 

5.2 获取请求当前时间

from datetime import datatime
time = datetime.now()

---

【参考文献】
[1]https://blog.csdn.net/hellosweet1/article/details/79729861
[2]https://www.cnblogs.com/wanghaonull/p/6339768.html
[3]https://blog.csdn.net/weixin_40894428/article/details/95335433
[4]https://cuiqingcai.com/5984.html
[5]https://blog.csdn.net/weixin_36380516/article/details/80008496