在symfony中将一个页面的一部分嵌入另一个页面的最佳方法是什么？

Question

在我的项目中，我经常需要在不同的页面上重复使用相同的模板，通常使用不同的过滤器参数。我考虑使用控制器方法和twig render函数来执行它。

在我的控制器中：

public function index(Request $request) {
    return $this->render("index.html.twig");
}
public function list(Request $request, array $filterArray = []) {
    return $this->render("list.html.twig", [
        'items' => $this->getFilteredItems($filterArray)
    ]);
}
public function entry(Request $request, string $alias) {
    return $this->render("entry.html.twig"[
        'item' => $this->getItemByAlias($alias)
    ]);
}

在index.html.twig：

{{ render(controller(
    'App\\Controller\\SynthesisController::entityList', {},
    {  }
)) }}

在list.html.twig：

{% for item in items %}
<div class="">
    <a href="">{{item.name}}</a>
</div>
{% endfor %}

因此，它允许我重用其他页面中的实体列表及其布局。在entry.html.twig：

<div class="synthesis-participants">
    <div class="row">
        <div class="col-sm-6 mb-4">
            <div class="h5">Reagents:</div>

            {{ render(controller(
                'App\\Controller\\SubstanceController::entityList', { 'filterArray': {
                    'participate': { 'synthesis': item.id, 'role': 10 }
                } }, { }
            )) }}
        </div>
        <div class="col-sm-6 mb-4">
            <div class="h5">Products:</div>

            {{ render(controller(
                'App\\Controller\\SubstanceController::entityList', { 'filterArray': {
                    'participate': { 'synthesis': item.id, 'role': 20 }
                } }, { }
            )) }}
        </div>
    </div>
    <div class="row">
        <div class="col-sm-6 mb-4">
            <div class="h5">Diluents:</div>

            {{ render(controller(
                'App\\Controller\\SubstanceController::entityList', { 'filterArray': {
                    'participate': { 'synthesis': item.id, 'role': 30 }
                } }, { }
            )) }}
        </div>
        <div class="col-sm-6 mb-4">
            <div class="h5">Catalysts:</div>

            {{ render(controller(
                'App\\Controller\\SubstanceController::entityList', { 'filterArray': {
                    'participate': { 'synthesis': item.id, 'role': 40 }
                } }, { }
            )) }}
        </div>
    </div>
    <p class="mt-2">{{ item.text }}</p>
</div>

可能是以更好的方式达成的？

Answer 1

在我看来，你应该避免这种方式，因为你嵌入了太多的控制器，我发现开销大于收益。

或者，您可以在每个控制器中添加一些功能以获取必要的信息，然后在树枝中包含相应的模板。

我会将您的控制器更改为以下内容：

public function index(Request $request) {
    return $this->render("index.html.twig", [
        'items' => $this->getFilteredItems()
    ]);
}

public function list(Request $request, array $filterArray = []) {
    return $this->render("list.html.twig", [
        'items' => $this->getFilteredItems($filterArray)
    ]);
}

public function entry(Request $request, string $alias) {
    $item = $this->getItemByAlias($alias);
    $items = [];
    $titles = ['Reagents', 'Products', 'Diluents', 'Catalysts']; 
    foreach (range(10, 40, 10) as $key => $role) {
        $filter['participate'] = [
            'synthesis' => $item['id'], // $item->getId()
            'role' => $role
        ];
        $title = $titles[$key];
        $items[$title] = $this->getFilteredItems($filter);
    }

    return $this->render("entry.html.twig"[
        'item' => $this->getItemByAlias($alias),
        'items' => $items
    ]);
}

最后，在你的entry.html.twig：

<div class="synthesis-participants">
    {% for key, itemArray in items %}
    <div class="row">
        <div class="col-sm-6 mb-4">
            <div class="h5">{{ key }} :</div>
            {% include 'list.html.twig' with {'items': itemArray} only %} 
        </div>
    </div>
    {% endfor %}
    <p class="mt-2">{{ item.text }}</p>
</div>

我还建议函数getItemByAlias，getFilteredItems不应该存在于控制器中，而应该存储在存储库或服务中。