LaravelとFlaskの行き来をしているとテンプレートの書き方どっちだっけ？となったので、備忘録として。
これを読むといい人
LaravelやってたけどFlaskやってみたい
FlaskやってたけどLaravelやってみたい
どちらかは触ったことある人向けです。
基本的なやつ
| 比較対象 | blade | jinja2 |
|---|---|---|
| 出力 | {{ 変数 }} | {{ 変数 }} |
| エスケープしない出力 | {!! 変数 !!} | {% 変数 %} |
| コメント | {{-- コメント --}} | {# コメント #} |
| if | @if (条件式) | {% if 条件式 %} |
| elseif | @elseif | {% elif 条件式2 %} |
| else | @else | {% else %} |
| endif | @endif | {% endif %} |
| for | @for (条件式) | {% for 条件式 %} |
| endfor | @endfor | {% endfor %} |
| 現在のループのインデックス(初期値0) | $loop->index | loop.index0 |
| 現在のループのインデックス(初期値1) | $loop->iteration | loop.index |
| 総アイテム数 | $loop->count | loop.length |
| 最初のループか | $loop->first | loop.first |
| 最後のループか | $loop->last | loop.last |
bladeの$loop->indexは0始まりだけど、jinja2のloop.indexは1始まりなんですねえ。知らなかった。
その他の比較
変数のセット方法
blade
@php
$test = 'test';
@endphp
jinja2
{% set test = 'test' %}
三項演算子
blade
@php
$test = 'test';
@endphp
jinja2
{% set test = 'test' %}
テンプレート
blade
views/layouts/parent.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
@yield('head')
<title>@yield('title') - My Webpage</title>
</head>
<body>
<main>
@yield('content')
</main>
</body>
</html>
views/child.blade.php
@extends('layouts.parent')
@section('head')
<style type="text/css">
.text{ color: #336699; }
</style>
@endsection
@section('title')
Index
@endsection
@section('content')
<h1>Index</h1>
<p class="text">
これはIndexページです。
</p>
@endsection
表示すると…
タイトルや本文もうまく表示されていますね！
jinja2
parent.html
<!DOCTYPE html>
<html lang="en">
<head>
{% block head %}
<title>{% block title %}{% endblock %} - My Webpage</title>
{% endblock %}
</head>
<body>
<main>{% block content %}{% endblock %}</main>
</body>
</html>
child.html
{% extends "base.html" %}
{% block head %}
{{ super() }}
<style type="text/css">
.text { color: #336699; }
</style>
{% endblock %}
{% block title %}
Index
{% endblock %}
{% block content %}
<h1>Index</h1>
<p class="text">
これはIndexページです。
</p>
{% endblock %}
表示すると…
bladeと同じ表示になりました。
親のテンプレートはbladeの方がすっきり書けますね。
以上です！