如何解决将 HTML 地图 (Folium) 导入 Flask 应用程序,同时保持从 HTML 文件继承的样式
from flask import Flask,render_template
app = Flask(__name__)
@app.route("/folium")
def folium():
return render_template("folium.html")
if __name__ == "__main__":
app.run(debug=True)
我还有一个 template.html 文件,它是我的网站导航栏。
<!DOCTYPE html>
<html lang="en">
<head>
<Meta charset="UTF-8">
<Meta content="width=device-width,initial-scale=1.0" name="viewport">
<link crossorigin="anonymous" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css"
integrity="sha384-giJF6kkoqNQ00vy+HMDP7azOuL0xtbfIcaT9wjKHr8RbDVddVHyTfAAsrekwKmP1" rel="stylesheet">
<script crossorigin="anonymous"
integrity="sha384-ygbV9kiqUc6oa4msXn9868pTtWMgiQaeYH7/t7LECLbyPA2x65Kgf80OJfdroafW"
src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js">
</script>
</head>
<body>
<!--Navigation Bar-->
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<div class="container-fluid">
<a class="navbar-brand" href="{{url_for('home')}}">Home</a>
<button aria-controls="navbarTogglerDemo02" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler"
data-bs-target="#navbarTogglerDemo02" data-bs-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarTogglerDemo02">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link" href="{{ url_for('folium') }}">MAC</a>
</li>
</ul>
</div>
</div>
</nav>
</body>
</html>
我正在尝试将此“template.html”文件继承到 folium 创建的“folium.html”文件中。我已尝试在 folium.html 文件中使用此语句将 template.html 扩展到 folium.html,但未呈现地图
{% extends "template.html" %}
我可以手动将 Navbar 添加到 folium.html 文件中,这工作正常,但我显然不想硬编码,并且更喜欢从 template.html 文件继承 Navbar。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。