python - Django:Python变量数据作为背景图片

Question

详情及问题:

我正在制作一个使用 Steam 的社交身份验证和 API 的网站，它将用户数据保存在数据库中，并制作包含两个主要数据、用户名和登录 cookie 的 session cookie。

变量包含的数据是图像的 url，这导致我遇到问题，我想在索引页上显示用户图片，但 css 静态文件不允许我使用变量。

所以我尝试了一些其他的选择:

1. 使用 HTML <style>标签:
   <a class="profile_picture" href="/profile" style="background-image: url({{ picture }})"></a> # would not work, as it takes every character as string.

2. 使用 HTML <img>标签:

   <img class="profilepicture" src="{{ picture }}"></img> # same problem here, takes every character as unicode string.

问题:

有没有其他方法可以用我的设置来做到这一点？ (Django、CSS、HTML、Python)，我试图在不安装额外东西的情况下做到这一点，我已经看到了 sass，但还有其他可能的方法吗？

我可以使用<style>吗？或 <img>标记将可变 url 作为背景图像？如果是，如何？

Answer 1

如果没有所有细节，很难回答这个问题，但首先想到的问题是您很可能错误地引用了上下文变量“图片”。同样，我不确定你的问题到底在做什么，但也许这个例子会有所帮助:

如果我有一个名为“Person”的模型，并且该模型有 2 个字段，“name”和“picture”。在我的 views.py 中，如果我有一个名为 main 的函数:

  def main(request):
      persons = Person.objects.all()
      return render(request, index.html, {"persons":persons } )

此函数创建一个名为 persons 的上下文变量，它将在您的 index.html 文件中可用。显然，这是一个非常松散的示例，但可以指导您了解基础知识。因此，在您的 index.html 模板中，您可以通过执行以下操作来引用图片字段:

  {% for person in persons %}
      {{ person.picture }}
  {% endfor %}

希望对您有所帮助。