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データ監視の原理の詳細な説明

推薦する

WeChat アプレット計算機の例

この記事では、参考までに、計算機を実装するためのWeChatアプレットの具体的なコードを紹介します。...

VirtualBox の仮想ディスク vdi ファイルの容量を拡張する方法 (グラフィック チュートリアル)

VirtualBoxのインストールディレクトリを見つけます。ディレクトリ内には容量を拡張するために...

Typescript+React でモバイルと PC でシンプルなドラッグ アンド ドロップ効果を実現

この記事では、モバイルとPCで簡単なドラッグアンドドロップ効果を実現するためのTypescript ...

Docker で MySQL をデプロイする詳細なプロセス (Docker でデプロイされる一般的なアプリケーション)

以前にも紹介しました: docker (一般的なアプリケーションのデプロイ): docker dep...

MySQLデータ損失のトラブルシューティング事例

目次序文現地調査ケースの再現要約する序文最近、友人が突然WeChatで連絡してきて、MySQLでデー...

CSS はモバイル互換性の問題を解決するために 0.5px の線を実装します (推奨)

【コンテンツ】: 1.背景画像のグラデーションスタイルを使用する2. スケールを使ってズームできる...

条件付きコメント形式の書き方とサンプルコード

フロントエンドエンジニアとして、IE は私たちにとって馴染み深いものであるはずです。設計案を実装する...

JavaScript Domはカルーセルの原理と例を実装します

カルーセルを作りたい場合、まずその原理を理解する必要があります。画像を右から左にスライドさせるにはど...

Vueはアンカー配置機能を実装します

この記事では、アンカー配置を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...

CentOS で RPM を使用して MySQL 5.6 をインストールするチュートリアル

これまでのプロジェクトはすべて Windows システム環境にデプロイされていました。今回は Lin...

Docker ベースの Selenium 分散環境の構築

1.画像をダウンロードするdocker pull selenium/hub docker pull ...

WeChatアプレットの入力ジッター問題を解決する方法

問題を見つけるまず問題を見てみましょう。ミニプログラムでは、Vant のダイアログ コンポーネント ...

js キャンバスで円形の水のアニメーションを実現

この記事の例では、円形の水のアニメーションを実現するためのキャンバスの具体的なコードを参考までに共有...

大規模なデータテーブルのコピー効率を向上させるMySQLソリューション

序文この記事では主に、MySQL で大規模なデータ テーブルのコピーの効率を向上させることに関する関...

Docker での Tomcat インストールの 404 問題の解決方法

tomcat の containerID を見つけて、tomacat ディレクトリに入ります。 [r...