Laravel Blade模板中含数据库查询的条件循环问题

嗨，我明白你现在的困扰——要给艺术作品和文学内容做差异化展示，核心其实就是利用你已经拿到的$current_genre变量做条件分支，给不同类型的内容套上对应的循环渲染逻辑就行。我给你分两种常见技术场景写了示例，你可以直接套用或者调整：

场景1：原生PHP + HTML模板 #

假设你已经从后台获取到对应类型的内容列表（比如$content_list，数组结构，每个元素是单条内容的数据），可以这么写：

<?php
// 根据内容类型分支处理
switch($current_genre) {
    case 'artwork':
        // 艺术作品专属循环渲染
        foreach($content_list as $artwork) {
?>
            <div class="artwork-card">
                <img src="<?php echo $artwork['image_url']; ?>" alt="<?php echo $artwork['title']; ?>">
                <div class="artwork-meta">
                    <h3><?php echo $artwork['title']; ?></h3>
                    <p class="artist-name">by <?php echo $artwork['artist']; ?></p>
                    <p class="artwork-desc"><?php echo $artwork['short_desc']; ?></p>
                </div>
            </div>
<?php
        }
        break;
    case 'literature':
        // 诗歌/散文专属循环渲染
        foreach($content_list as $literature) {
?>
            <div class="literature-card">
                <h3><?php echo $literature['title']; ?></h3>
                <p class="author-name">by <?php echo $literature['author']; ?></p>
                <div class="text-excerpt">
                    <?php echo $literature['excerpt']; ?>
                </div>
                <a href="<?php echo $literature['detail_link']; ?>" class="read-more">阅读全文</a>
            </div>
<?php
        }
        break;
    default:
        // 兜底处理，避免空内容的尴尬
        echo "<p>暂无对应类型的内容</p>";
}
?>

场景2：使用模板引擎（比如Twig） #

如果你的项目用了模板引擎，写法会更简洁直观：

{% if current_genre == 'artwork' %}
    {% for artwork in content_list %}
        <div class="artwork-card">
            <img src="{{ artwork.image_url }}" alt="{{ artwork.title }}">
            <div class="artwork-meta">
                <h3>{{ artwork.title }}</h3>
                <p class="artist-name">by {{ artwork.artist }}</p>
                <p class="artwork-desc">{{ artwork.short_desc }}</p>
            </div>
        </div>
    {% endfor %}
{% elseif current_genre == 'literature' %}
    {% for literature in content_list %}
        <div class="literature-card">
            <h3>{{ literature.title }}</h3>
            <p class="author-name">by {{ literature.author }}</p>
            <div class="text-excerpt">{{ literature.excerpt }}</div>
            <a href="{{ literature.detail_link }}" class="read-more">阅读全文</a>
        </div>
    {% endfor %}
{% else %}
    <p>暂无对应类型的内容</p>
{% endif %}

几个关键提醒 #

• 数据结构统一：要确保不同类型的内容列表字段符合渲染需求，比如艺术作品要有image_url，文学类要有excerpt。如果后台返回的结构乱，可以先在后端做一层数据整理。
• 样式隔离：给不同类型的容器加独立的CSS类（比如artwork-card和literature-card），这样能轻松实现差异化排版——比如艺术作品用大图占满宽度，文学类用窄幅文字+留白。
• 扩展性：以后要加新内容类型时，只需要在条件分支里新增case或elseif就行，维护成本很低。

如果你的技术栈是React/Vue这类前端框架，或者有更具体的细节（比如内容数据结构特殊），可以补充信息，我再帮你调整！

内容的提问来源于stack exchange，提问作者will0wtree