gpt4 book ai didi

python - 在 Flask 中渲染(许多)模板

转载 作者:行者123 更新时间:2023-12-01 01:47:51 24 4
gpt4 key购买 nike

我想要一个主页,可以在选项 A 和选项 B 之间进行选择。当我单击其中一个选项时,我想要转到 page1.html(选项 A)或 page2.html(选项B)。

我有这些文件:

static/
route.js
templates/
index.html
page1.html
page2.html
web_server.py
@app.route('/')
def index():
return render_template('index.html')

@app.route('/opta')
def optionA():
return render_template('page1.html')

@app.route('/optb')
def optionB():
return render_template('page2.html')

index.html:

<body>
<button id="optionA">Option A</button>
<button id="optionB">Option B</button>
<script src="{{url_for('static', filename='route.js')}}"></script>
</body>

route.js:

$("#optionA").click(function(e) {
$.ajax({
type: "GET",
url: "/opta",
contentType: 'application/json;charset=UTF-8',
success: function(result){
console.log("Hooray");
window.location.replace("{{ url_for('optA') }}"); // doesn\'t work
var divA = $("#a"); divA.html(result); // (a is a div in page1.html) doesn\'t work too
},
error: function(textStatus, errorThrown) {
console.log(errorThrown);
}
});
});

// same for option B

最佳答案

首先,根据您概述的内容,您基本上只需要一条具有不同选项的路线,因此在 Flask 上,您可以使用 Flask variable rules用一条路线处理它:

@app.route('/', defaults={'page':None})
@app.route('/<page>')
def index(page):
if page == None:
return render_template('index.html')
else:
return render_template(page)

在html模板上,正如几条评论所提到的,您所需要的只是<a>标签,您不需要按钮和 JavaScript:

<body>
<a href="page1.html" id="optionA">Option A</a>
<a href="page2.html" id="optionB">Option B</a>
</body>

关于python - 在 Flask 中渲染(许多)模板,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51067121/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com