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

时间:2018-09-15 22:09:46

标签: php symfony doctrine 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>

也许可以通过更好的方法来达到?

1 个答案:

答案 0 :(得分: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>

我还建议功能getItemByAliasgetFilteredItems不应存在于控制器中,而应存在于存储库或服务中。