python - Flask SQLalchemy - 多对多 - 显示带有所有标签的照片(或带有所有帖子的博客等)

Question

我是 Flask 和 SQLalchemy 的新手。想要拥有包含单张照片的网页，其中显示分配给该照片的所有标签。

我的 SQLalchemy 与 MYSQL 数据库运行良好。很好地检索记录等。

我需要 Flask/SQLalchemy 工作流程的帮助:

模型 -> View (从 URL 输入，例如 View /照片 ID)-> 模板 -> 网页

型号如下:

class Photos(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    filename = db.Column(db.String(100))
    tags = db.relationship(
        'Tags', 
        secondary=photo_tags,
        backref='photos')


class Tags(db.Model):
    id = db.Column(db.Integer, primary_key=True)
    tagname = db.Column(db.String(100))

photo_tags = db.Table('photo_tags',
    db.Column('tag_id', db.Integer, db.ForeignKey('tags.id')),
    db.Column('photo_id', db.Integer, db.ForeignKey('photos.id'))
)

我的观点如下:

@app.route('/phototags/<int:id>')
#@login_required
def phototags(id=None):
    photo_tags =  Tags.query.filter(Tags.photos).filter(id == id).all()
    return render_template(
        'phototags.html', 
        title='PhotoTags',
        message='Your application description page.',
        photo_tags = photo_tags
    )

我的模板如下:

{% extends "layout.html" %}
{% block content %}
<h2>{{ title }}.</h2>
<h3>{{ message }}</h3>
            {% for phototag in photo_tags %}
            <div style="float:left; class=" img-responsive">
                <p><a href="{{ url_for('photo', id=phototag.id)}}">photo</a></p>
                <p><a href="{{ url_for('tag', id=phototag.id)}}"></p>tag</a></p>
                <img src="static/photos/{{ phototag.id }}" width="100" height="100">
            </div>
            {% endfor %}
{% endblock %}

我非常确定模型和关联表/模型设置正确。

该模板并不完美，因为它目前似乎显示照片 ID 的标签 ID。我尝试过执行“phototag.photo_id”或“phototag.filename”，但没有成功。显然， View 查询没有实现这一点。

所以这个 View 就是我需要帮助的地方。查询是否正确？它是否正确获取了 photo_id 的 url 传递参数？

我的测试数据很简单。我有一个照片记录，其 photos.id = 1

这有 2 条相关的 Phototags 记录:phototags.id = 1 (tag.id = 1)、phototags.id = 2 (tag.id = 2)

当我传递 url http://localhost:5555/phototags/1 时我的 View 查询传递标签 ID，但更改传递的参数总是获得相同的标签 ID，例如 phototags/2 也获得相同的两个标签。所以查询显然不正确。

我看过很多例子，它们都与我想要的略有不同。我见过的示例/教程/SO问题/答案都没有显示模型、 View 和模板如何协同工作以获得我想要的东西。他们是:

• 获得相反的结果，例如通过标签相当于照片(想要通过照片添加标签)
• 只是通过照片获取标签的查询(我什至不认为我得到了)
• 有另一个 SQLalchemy 表示法，其中包含“sessions”或“base”而不是“db.model”

我想要的输出是照片 ID，这样我就可以显示照片及其名称等，还可以显示与该照片关联的标签列表，例如以逗号分隔的列表。

我很难找到一个演示/示例/教程/github 项目来引导我完成工作流程所需的内容。

任何人都可以向我展示可以从 url 参数获取照片 ID，然后查询我的模型以获取关联标签的 View 示例吗？

Answer 1

从您描述的用例中查询照片而不是 photo_tags 似乎更合适。 具有查看功能

@app.route('/phototags/<int:id>')
def phototags(id=None):
    photo =  Photo.query.get(id)
    return render_template(
        'phototags.html', 
        title='PhotoTags',
        message='Your application description page.',
        photo = photo
    )

然后您可以显示照片并使用 html 模板中的“标签”关系迭代其标签:

{% extends "layout.html" %}
{% block content %}
<h2>{{ title }}.</h2>
<h3>{{ message }}</h3>
            <img src="static/photos/{{ photo.id }}" width="100" height="100">
            {% for phototag in photo.tags %}
            <div style="float:left; class=" img-responsive">
                <p><a href="{{ url_for('photo', id=phototag.id)}}">photo</a></p>
                <p><a href="{{ url_for('tag', id=phototag.id)}}"></p>tag</a></p>
            </div>
            {% endfor %}
{% endblock %}

请注意，我在照片查询中使用了 get 函数。基本上是一样的

Photo.query.filter(id == id).first()

将 View 函数和模板从 phototags 重命名为 photo 也很有意义。

如果您想显示某个标签的所有图像，则必须反转逻辑，查询标签并迭代照片。应该是可能的，因为您定义了一个 backref。