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

场景需求

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

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

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

安装Python扩展

在终端中执行如下命令

 install -colorfield
 .\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后台打开对应的模块就可以看到颜色选择器了。

腾讯云云产品双11精选秒杀【点击购买】

搬瓦工,CN2高速线路,1GB带宽,电信联通优化KVM,延迟低,速度快,建站稳定,搬瓦工BandwagonHost VPS优惠码BWH26FXH3HIQ,支持<支付宝> 【点击购买】!

Vultr$3.5日本节点,512M内存/500G流量/1G带宽,电信联通优化,延迟低,速度快【点击购买】!

阿里云香港、新加坡VPS/1核/1G/25G SSD/1T流量/30M带宽/年付¥288【点击购买】

百度云不止一折优惠【点击购买】

发表评论

已登录为VPS推荐评测/搬瓦工优惠码/Vultr VPS注销?