项目准备

1.创建数据库

create database choices_test default charset utf8;

2.创建一个名为 choices_test 的Django项目;

3.创建应用app01;

项目结构如下所示

4.配置数据库;

DATABASES ={'default': {'ENGINE': 'django.db.backends.mysql','NAME': 'choices_test','USER': 'root','PASSWORD': 'root','HOST': 'localhost','PORT': '3306',

}

}

5.__init__.py

importpymysql

pymysql.install_as_MySQLdb()

choices选项的使用

在模型类中使用choices选项

1.编写Goods模型类

from django.db importmodelsclassGoods(models.Model):

STATUS_CHOICES=(

(0,'下架'),

(1, '上架'),

)

ststus= models.SmallIntegerField(choices=STATUS_CHOICES, default=1, verbose_name="商品上架下架")classMeta:

db_table= "goods" #指定创建表名使表名为goods

verbose_name = "商品"verbose_name_plural= verbose_name #和上面一句结合使用,在后台管理时显示表名为"商品"

verbose_name作用

verbose_name:设置在admin中显示的名称,并且默认会后面加个s,表示复数;

verbose_name_plural = verbose_name; --->设置在admin显示的不加s;

2.去admin.py文件注册Goods模型类

from django.contrib importadminfrom app01.models importGoods

admin.site.register(Goods)

3.数据表迁移

python manage.py makemigrations

python manage.py migrate

4.配置后台管理

配置时区

LANGUAGE_CODE = 'zh-hans'TIME_ZONE = 'Asia/Shanghai'

创建超级管理员

python manage.py createsuperuser

user:admin

password:admin123

5.启动项目

登录后台管理

如下页面

choices选项效果图

富文本编辑器

富文本编辑器准备

1.安装编辑器包

pip install django-tinymce

2.注册tinymce应用

INSTALLED_APPS =['tinymce',

]

3.在settings文件中添加tinymce配置

#编辑器相关配置

TINYMCE_DEFAULT_CONFIG ={'theme': 'advanced','width': 600,'height': 400,

}

4.配置tinymce路由

from django.conf.urls importurl, include

urlpatterns=[

url(r'^tinymce/', include('tinymce.urls')),

]

模型类中使用编辑器

1.编写模型类代码

from tinymce.models importHTMLFieldclassGoods(models.Model):"""商品测试模型类"""STATUS_CHOICES=(

(0,'下架'),

(1, '上架'),

)

ststus= models.SmallIntegerField(choices=STATUS_CHOICES, default=1, verbose_name="商品上架下架")#null=True 允许数据库为空,blank=True 允许后台输入时为空

detail = HTMLField(null=True, blank=True, verbose_name="商品详情")classMeta:

db_table= "goods" #指定创建表名使表名为goods

verbose_name = "商品"verbose_name_plural= verbose_name #和上面一句结合使用,在后台管理时显示表名为"商品"

2.数据表迁移

python manage.py makemigrations

python manage.py migrate

3.进入后台管理,增加商品

至此,我们可以在后台管理中看见如下页面

即富文本编辑器在后台中使用成功。

原文出处:https://www.cnblogs.com/yifchan/p/python-1-35.html

html代码编辑器tus,Django之choices选项和富文本编辑器的使用相关推荐

  1. python中choices_Django之choices选项和富文本编辑器的使用详解

    项目准备 1.创建数据库 create database choices_test default charset utf8; 2.创建一个名为 choices_test 的Django项目: 3.创 ...

  2. kind富文本编辑器_在项目中集成富文本编辑器

    前   言 现在学程序的都离不开 Markdown 语法了吧,Markdown 已经成为典型的转换为HTML的非正式规范和参考实现,现在市场上也出现了许多Markdown实现,在基本语法之上额外增加了 ...

  3. vue获取编辑器纯文字_vue中使用富文本编辑器

    前端使用富文本编辑器的插件有很多,今天献上wangeditor的使用教程,教你如何在vue中使用富文本编辑器 wangeditor是一个萌新富文本编辑器,基于js和css,重点在于它轻量,如果你需要的 ...

  4. Markdown编辑器和富文本编辑器的区别

    目录 引言 Markdown编辑器和富文本编辑器的区别 Markdown的说明 引言 如果想要得到不带任何格式的文字,那么就不需要复杂的工具,windows的自带的文本编辑器就可以. 但是在日常的生活 ...

  5. linux文件编辑器的三种模式,Linux中文本编辑器三种工作模式切换及vi编辑器三种工作模式下命令详解...

    文本编辑器的作用 创建或修改文本文件 维护Linux系统中的各种配置文件 Linux中最常用的文本编辑器 Linux中最常用的文本编辑器 vi:类UNIX操作系统的默认文本编辑器 vim:vim时vi ...

  6. 在Django项目中使用富文本编辑器

    2019独角兽企业重金招聘Python工程师标准>>> 1 开发要点 现在网上有很多的富文本编辑器,包括Markdown.tinymce.UEditor.KindEditor.cke ...

  7. django 与 百度 ueditor 富文本编辑器集成

    django 是基于 python 的一个很好的web开发框架.ueditor 是百度开源的一个富文本编辑器.有很好的用户体验,很适合中国人使用的一个编辑器. 在使用ueditor 之前,我集成过 f ...

  8. Django项目中集成富文本编辑器的通用方法,适合KindEditor,xhEditor,NicEditor,wymeditor等 .

    首先,请参考我以前写的一篇博客:如何把nicEditor集成到django中使用 http://blog.csdn.net/huyoo/article/details/4382317 这篇文章中的做法 ...

  9. django html文本编辑器,django xadmin 集成DjangoUeditor富文本编辑器

    #### 本文档记录自己的学习历程! #### 介绍 - Ueditor HTML编辑器是百度开源的在线HTML编辑器,功能非常强大 #### 额外功能 - 解决图片视频等无法上传显示问题 #### ...

最新文章

  1. 命令注入工具Commix
  2. ValueError: do_handshake_on_connect should not be specified for non-blocking sockets
  3. Google Guava:您永远不会知道的5件事
  4. 前端学习(487):css选择器下
  5. Ubuntu16.04彻底删除MySQL5.7
  6. php优化上百次foreach,php – 优化数千个项目的foreach
  7. regexbuddy使用记录
  8. boot空间不足 linux,linux——boot空间不足
  9. mysql 常用日期,时间函数
  10. (day 38 - 双指针) 剑指 Offer 52. 两个链表的第一个公共节点
  11. 项目开发计划——机房收费系统
  12. Obsidan之数学公式的输入
  13. C语言——三位数的百位,十位,个位分别输出
  14. figma制作点击下拉菜单
  15. 信任,是从心底产生的感觉
  16. 团体程序设计天梯赛-L1练习集
  17. jQuery隐藏和显示
  18. 【书签】web自动化测试之selenium
  19. SD卡扇区损坏引起了读文件失败
  20. nRF52840/nRF52832 低功耗的测试工程

热门文章

  1. 带你了解文字识别OCR
  2. 谷歌地球影像及地形高速下载器
  3. mysql静态化设计_网站静态化与mysql优化
  4. FujiFilm FinePix S5Pro胶片模式研究
  5. MediaCodec视频解码流程详解及参考demo
  6. 商院人物:印度IT之王顶级幸存术
  7. adobe网站无法加载服务器,关于在网页上视频无法显示(有关adobe flash )
  8. 我在千峰培训的第九天---数组练习跟方法练习
  9. 虚幻 蓝图 常用节点(持续更新)
  10. 轨迹预测数据集:ETH数据集