场景需求

在Django的项目开发中，如何在后台设置将某个字段使用H5的自定义颜色选择器，实现效果如下图所示：

可以根据HTML5自定义颜色的设置自定义显示。

这边我们记录一下如何才能实现

安装Python扩展

在终端中执行如下命令

pip install django-colorfield
python .\manage.py collectstatic

设置 settings.py

打开 settings.py ，将 colorfield 添加到 INSTALLED_APPS 配置中

models.py 中使用

from django.db import models
from colorfield.fields import ColorField
class ComputerRoom(models.Model):
    name = models.CharField(max_length=256,verbose_name = "名称")
    abbr = models.CharField(max_length=128, blank=True, null=True,verbose_name = "缩写")
    type = models.CharField(max_length=256,verbose_name='类型', choices=typeChoices)
    color = ColorField(default='#FF0000',verbose_name='显示颜色')

然后在Django后台打开对应的模块就可以看到颜色选择器了。