我一直在用 python、flask、sqlalchemy、html 制作博客?，F在我可以在頁面中顯示文章了。但我只能用下面的代碼將它顯示在 1 行中，如下面的代碼。順便說一下，不知何故我不能使用 css 文件。*第1條*第2條*第3條*第四條我想做的事情就像下面這樣。*第1條 *第3條*第2條 *第4條{% extends "copy.html" %}{% block body %}{%for article in articles%}<li>{{article.title}}<a href="{{url_for('show_article',id=article.id)}}">Details</a></li>{%else%}None articles{%endfor%}{%endblock%}我該如何實現它？
1 回答
夢里花落0921
TA貢獻1772條經驗 獲得超6個贊
如果您想了解一下，請查看我在此處發布的有關燒瓶和燒瓶中的應用程序結構的帖子，如果您想了解的話...您應該在 html 文件和ptyhon 文件，您應該將不同列表中的奇數帖子與偶數帖子分開。PS：我不知道你是想把奇數的帖子放在一列，偶數放在另一列，還是你想把前半部分放在左列，另一半放在另一列。在第二種情況下，您只想使用 post1 = posts[:int(len(posts)/2)] 和 post2 = posts[len(post1):] 創建兩個列表。
@app.route("/")
def home():
posts = [
{"title" : "post1.",},
{"title" : "post2.",},
{"title" : "post3.",},
{"title" : "post4.",},]
post1 = [x for x in posts if x % 2 == 0]
post2 = [x for x in posts if x % 2 != 0]
return render_template("info.html", post1 = post1, post2=post2)
然后將它們發送到 html 文件，如下所示：
{% extends 'template.html' %}
{% block page %}
<div class="container">
{% for post in posts %} <!-- iterate all posts keys/values -->
<div class="row">
<div class="col-md-6"> <h3>{{ post1.title }}</h3> </div>
<div class="col-md-6"> <h3>{{ post2.title}}</h3> </div>
</div>
{% endfor %}
</div>
{% endblock %}
要使用引導程序，請在模板中復制此代碼：
<link href="https://fonts.googleapis.com/css?family=Literata&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
添加回答
舉報
0/150
提交
取消