djangoのログインページで背景画像を設定する方法は何ですか？

1年 ago
蓮, 翼
1 minute

Djangoのログインページに背景画像を設定するには、以下の手順に従うことができます。

  1. Djangoプロジェクトの静的フォルダーに、「css」という名前のフォルダーを作成してください（存在しない場合）。
  2. “css”フォルダーに「login.css」という名前のファイルを作成する。
  3. “login.css”ファイルに以下のコードを追加して背景画像を設定します：
body {
    background-image: url('/static/images/login_background.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
  1. 静的フォルダー内の「画像」フォルダーに、背景画像（例：”login_background.jpg”）を配置してください（画像フォルダーがない場合は作成してください）。
  2. “Djangoのログインビュー関数で、ログインページのHTMLテンプレートに「login.css」ファイルを追加します。例：”
from django.shortcuts import render

def login_view(request):
    return render(request, 'login.html', {'css': 'css/login.css'})
  1. 「’login.css’ファイルをロードするために、ログインページのテンプレート（例：’login.html’）に以下のコードを追加してください。」
{% load static %}

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" type="text/css" href="{% static css %}">
</head>
<body>
    <!-- 登录表单和其他内容 -->
</body>
</html>
  1. Djangoサーバーを実行し、ログインページにアクセスすると、設定した背景画像が表示されるはずです。

上記の手順において、ファイルパスとファイル名は、あなたのプロジェクトファイル構造に応じて適切に変更する必要があります。

bannerAds