Python3 Django admin后台中设置某个字段可以选择显示H5自定义颜色的选项卡

场景需求

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

Python3 Django admin后台中设置某个字段可以选择显示H5自定义颜色的选项卡

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

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

安装Python扩展

在终端中执行如下命令

pip install django-colorfield
python .\manage.py collectstatic
Python3 Django admin后台中设置某个字段可以选择显示H5自定义颜色的选项卡

设置 settings.py

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

Python3 Django admin后台中设置某个字段可以选择显示H5自定义颜色的选项卡

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='显示颜色')
Python3 Django admin后台中设置某个字段可以选择显示H5自定义颜色的选项卡

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

链接到文章: https://vpsum.com/46453.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注