Django模型选择textField映射

Question

我正在为自己构建一个网站，我正在从django管理更新我的项目，我想创建一个自定义字段，它是一个可选择的地图(标签颜色)和标签文本。

我想让它看起来像这样

​

​

这是我的模型

class Project(models.Model):
    projectTemplate = CloudinaryField('image')
    projectTitle = models.TextField(default="Title ")
    desc = models.TextField(default="not mentioned")
    projectLink = models.URLField(max_length=200, default="not mentioned")
    created_at = models.DateTimeField(auto_now_add=True)

    def __str__(self):
        return f'{self.projectTitle} - {self.desc[:15]} ..'

views.py

def projects(request):
    Projects = Project.objects.all()
    return render(request, 'devpage/projects.html',{'Projects': Projects})

这是我现在的DTL

{% for project in Projects %}
<div class="col">
    <div class="card shadow-sm">
        <img src="{{ project.projectTemplate.url }}" height="225" width="100%">
        <div class="card-body">
            <h6 class="text-center">
                {{ project.projectTitle }}
            </h6>
            <p class="card-text">{{ project.desc }}</p>
            <div class="mb-3">
            <span class="badge rounded-pill bg-secondary">Django</span>
                <span class="badge rounded-pill bg-success">Python</span>

            </div>
            <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                    <button type="button" class="btn btn-sm btn-warning btn-outline-secondary"><a
                            href="{{ project.projectLink }}" target="_blank" type="button"
                            class="btn">View</a></button>
                </div>
                <small class="text-muted">{{ project.created_at }}</small>
            </div>
        </div>
    </div>
</div>
{% endfor %}

我想要一个自定义模型字段，它选择标签颜色和相应的文本，我尝试使用json(字段名标记)，但是它不是交互式的，比如{“主”：“django”，“成功”：“Python”，“第二天”：“webApp”}

这是JSON

//Inner for loop for tags
<div class="mb-3">
{% for color,text in Project.tags.items %}
    <span class="badge rounded-pill bg-{{ color }}">{{ text }}</span>
{% endfor %}
</div>

Answer 1

假设您有一个Tag模型，它是一个ManyToManyField，您可以将颜色存储为模型的一个属性。

你的模特：

class Tag(models.Model):
    text = models.CharField(max_length=32)
    color = models.CharField(max_length=32, default="bg-success")

class Project(models.Model):
    ...
    tags = models.ManyToManyField(Tag)

你的模板：

{% for tag in Project.tags %}
    <span class="badge rounded-pill {{ tag.color }}">{{ tag.text }}</span>
{% endfor %}

对此的一些未来改进可能是预定义所有颜色的子类。