HTML における if 判断の使用

HTML における if 判断の使用

Django Web開発の過程で、HTMLを書く際にバックエンドから同じ名前のリスト変数が渡されるが、内容の形式が異なるため別途判断する必要がある。多くの記事を参考にし、いくつかの方法を試したが、形式が間違っているようだ(体系的にフロントエンドを勉強したわけではなく、基本的にそのままコピーしただけ)
その後、Djangoフレームワークでhtml ifの使い方を見つけました

フォーマットはおおよそ次のとおりです

  <div class="if/else">
                    {% if フォーム名 == 'Callrecords' %}
                        通話記録
                    {% elif フォーム名 == 'ライドレコード' %}
                        ライドレコード
                    {% elif フォーム名 == 'クラブ情報' %}
                        クラブ情報
                    {% elif フォーム名 == 'クラブメンバー' %}
                        クラブメンバー
                    {% elif フォーム名 == '個人情報' %}
                        個人情報
                    {% 終了 %}
                    </div>

この構文は Django によって提供され、ネイティブ HTML コードの記述で使用されますが、役に立ちません。上記のコード ボックスでは HTML 形式が使用されていますが、<div> タグ間のコンテンツは HTML 言語でマークできないこともわかります。これは、組み込みの HTML 構文ではないことを示しています。
しかし、少なくとも私の Django プロジェクトでは問題なく使用できます。

要約する

上記はエディターが紹介した HTML での if 判断の使い方です。皆様のお役に立てれば幸いです。ご質問があればメッセージを残してください。エディターがすぐに返信いたします。

<<:  MySQLに挿入する前にデータが存在するかどうかを確認する方法

>>:  Vueデータ監視の原理の詳細な説明

推薦する

Vueのフィルターについて知っておくべきこと

目次序文フィルターとは何かフィルターの使い方グローバルフィルターローカルフィルターフィルターは直列に...

Vue で echarts を使用してコンポーネントを視覚化する方法

echarts コンポーネントの公式ウェブサイト アドレス: https://echarts.apa...

Nodeはkoa2を使用してシンプルなJWT認証方式を実装します

JWT の紹介JWTとは正式名称はJSON Web Tokenで、現在最も人気のあるクロスドメイン認...

Linux での MySQL 5.7.18 yum のアンインストールからインストールまでのプロセスの図

いろいろ苦労しましたが、やっと yum インストールの手順がわかりました。以前、バイナリ パッケージ...

CSSはリモコンのボタンを模倣する

注: このデモはミニプログラム環境でテストされており、他の h5 および pc Web ページにも適...

JavaScript スネーク実装コード

この記事の例では、参考までに貪欲なスネークを実装するためのJavaScriptの具体的なコードを共有...

ByteDance インタビュー: JS を使用して Ajax 同時リクエスト制御を実装する方法

序文正直に言うと、最近とても混乱していると感じています。テクノロジーと人生について。また、将来の発展...

docker version es、milvus、minio 起動コマンドの詳細な説明

1. es起動コマンド: docker run -itd -e TAKE_FILE_OWNERSHI...

背景画像の配置におけるbackground-position属性の自己理解

最近、プロジェクトではラベルやボタンなどの断片的な画像をたくさん使用する必要があります。また、CSS...

MySQL ステートメントの実行順序と書き込み順序の例の分析

選択ステートメントの完全な構文は次のとおりです。 選択 DISTINCT <選択リスト>...

Pure CSS と Flutter はそれぞれブリージング ライト効果を実現します (サンプル コード)

前回、非常に熱心なファンから、月を呼吸する光の効果にできるかどうか尋ねられました。月の大きさの写真が...

JavaScript は最大値と最小値のアルゴリズムを通じて AI 三目並べゲームを実装します

では、早速スクリーンショットを実行してみましょう。黒い駒はプレイヤーの位置、赤い駒はコンピュータの位...

html+vue+element-ui のスムーズさを 1 分で体験

テクノロジーファンHTMLウェブページ、知っておくべきYouyou が開発した vue フロントエン...

Centos に MYSQL8.X をインストールするチュートリアル

MySQLのインストール(4、5、6は省略可能)ステートメント: CentOS のバージョンは 7....

MySQLの結合クエリ、ユニオンクエリ、サブクエリの原理と使用例の詳細な説明

この記事では、例を使用して、MySQL の結合クエリ、結合クエリ、サブクエリの原理と使用方法を説明し...