Django はフロントエンドですか、バックエンドですか?それをチェックしてください！

Django は、迅速な開発とクリーンなメソッドを重視した Python で書かれた Web アプリケーション フレームワークです。 Django は Web フレームワークですが、Django がフロントエンドなのかバックエンドなのかという質問に答えるには、フロントエンドとバックエンドの概念を深く理解する必要があります。

フロントエンドはユーザーが直接対話するインターフェイスを指し、バックエンドはサーバー側プログラムを指し、HTTP プロトコルを通じてデータと対話します。フロントエンドとバックエンドが分離されている場合、フロントエンドとバックエンドのプログラムはそれぞれビジネス ロジックとインタラクション効果を実装するために独立して開発でき、データのインタラクションは API を通じて実行されます。

Django はバックエンド フレームワークとして開発されました。 Django のワークフローは、次のように簡単に説明できます: ユーザーがブラウザーにアドレスを入力し、ブラウザーがサーバーにリクエストを送信し、サーバーがそのリクエストを対応するビュー関数に転送して、Django が提供するルーティング システムを通じて処理します。 Django が提供するモデルとテンプレートを使用して HTML を生成し、最終的にユーザーに返します。したがって、ワークフローの観点から見ると、Django はバックエンド フレームワークです。

しかし、Django は強力なテンプレート エンジンを提供するため、フロントエンドとバックエンドのロジックを同じコード ベースに実装できます。テンプレート内の HTML、CSS、JavaScript を通じて、開発者はフォーム検証や AJAX リクエストなどのフロントエンド効果を Django に実装できます。

次の例は、Django の HTML テンプレート内で JavaScript を使用してフォーム検証を行う方法を示しています。

{% extends 'base.html' %}

{% block content %}
  <h1>Register</h1>
  <form action="{% url 'register' %}" method="POST" id="register-form">
    {% csrf_token %}
    <label for="username">Username:</label>
    <input type="text" name="username" id="username" required>
    <span id="username-error" class="error-message"></span> <!-- 错误提示信息 -->
    <br>
    <label for="password">Password:</label>
    <input type="password" name="password" id="password" required>
    <br>
    <label for="confirm_password">Confirm Password:</label>
    <input type="password" name="confirm_password" id="confirm_password" required>
    <span id="password-error" class="error-message"></span> 
    <br>
    <input type="submit" value="Register">
  </form>
  
  <script>
    const username_input = document.getElementById('username');
    const password_input = document.getElementById('password');
    const confirm_password_input = document.getElementById('confirm_password');
    const username_error_message = document.getElementById('username-error');
    const password_error_message = document.getElementById('password-error');
  
    // 当表单提交时，进行验证
    document.getElementById('register-form').addEventListener('submit', event => {
      const username = username_input.value;
      const password = password_input.value;
      const confirm_password = confirm_password_input.value;
  
      if (password !== confirm_password) {
        event.preventDefault();
        password_error_message.innerText = "Passwords do not match.";
      }
  
      // 此处省略其他验证逻辑
    });
  </script>
{% endblock %}

この例では、ユーザーに登録フォームを表示します。ユーザーがフォームを送信する 以前は、JavaScript を使用してフォームのコンテンツを検証していました。ただし、検証メソッドと結果はバックエンドの Django コードから返されるため、Django をバックエンド フレームワークとして見ることができます。

まとめると、Django はバックエンド フレームワークですが、強力なテンプレート機能とビュー機能により、フロントエンドの効果もある程度実現できます。もちろん、より適切に分離するには、フロントエンド ロジックとバックエンド ロジックを分離し、API を通じてデータを操作する必要があります。

以上がDjango はフロントエンドですか、バックエンドですか?それをチェックしてください！の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。