如何使用 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>