如何使用 django 代碼更改 html 背景顏色

Question

我正在做一個項目，我想知道，我想在 HTML 中制作一個按鈕，它將在 Django views.py 中進行控制。 所以基本上當有人點擊按鈕時背景變暗並且它被保存，我的意思是如果這個人刷新頁面背景仍然是黑暗的。 我想知道是否有可能做到這一點。

謝謝。

Answer 1

這是很容易做到的。 按鈕點擊可以連接到 jquery 點擊 function，其中還包括 ajax 呼叫：

$('#id_button).click(function(){
   $('body').css({'background-color': 'dark-gray'})
   $.post({% url 'change-background-color' %}, {color: 'dark-gray'}, function(){
         location.reload()  // to refresh the page with new background color
      })
})

# urls.py
add the following path

 path('change-background-color/', views.change_background_color, name='change-background-color'),

# views.py
add the following view

def change_background_color(request):
  color = request.POST.get('color')
  # you could save the input to a model BackgroundColor as an instance or 
   update a current record.
  # creating an instance
  BackgroundColor.objects.create(bg_color=color)
  return JsonResponse({'response': 'successfully changed color'})

現在剩下的就是確保您的 html 將背景顏色設置為引用 Model 實例的變量，您在 Ajax 調用中保存了顏色

<body style='background-color:{{bg_color}}'></body>

如何使用 django 代碼更改 html 背景顏色

問題描述

1 個解決方案

解決方案1
1 已采納 2021-09-26 14:15:48

如何使用 django 代碼更改 html 背景顏色

問題描述

1 個解決方案

解決方案1 1 已采納 2021-09-26 14:15:48

解決方案1
1 已采納 2021-09-26 14:15:48