实例详解Python中Django后台自定义表单控件

后端开发|Python教程实例详解Python中Django后台自定义表单控件

django,form表单,自定义表单

后端开发-Python教程

本篇文章主要介绍了Python中Django 后台自定义表单控件，其实 django 已经为我们提供了一些可用的表单控件，比如：多选框、单选按钮等，有兴趣的开业了解一下。

安卓 p2p 源码,vscode 呼出终端,pd ubuntu,idea tomcat没有,sqlite的视频怎么打开,站帮网vip插件功能设置,前端流行的十大框架,短视频网络爬虫案,php 获得 ip,广元seo站内优化,简约门户网站模板,网页侧扁浮动条,黑色轿车模板lzw

在 django 中我们可以在 admin.py 中添加 ModelAdmin，这样就能很方便地在后台进行增删改查的操作。然而，对应 Model 生成的表单，并不友好，我们希望能像前端开发一样做出各种类型的控件，这就得对其后台的表单进行自定义。

金融宝源码,class运用VScode,ubuntu 激活,tomcat后台渗透,sqlite 网络版,wp瀑布流插件,web前端开发框架培训课程,没有见过的爬虫图片,php 日期加一,鄂州seo源头厂家,财务课程网站模板下载,网页随机验证码代码,仿爱奇艺模板lzw

其实 django 已经为我们提供了一些可用的表单控件，比如：多选框、单选按钮等，下面就以单选按钮为例：

php酒店预订网站源码程序,怎么把vscode重置,ubuntu软件太少,直接使用tomcat,sqlite后缀文件转视频,磷钙粉可以给爬虫使用吗,php 浏览器类型,承德seo推广推荐公司,小米小说网站模板,phpcmsv9手机响应模板lzw

# forms.pyfrom django import formsfrom .models import MyModelclass MyForm(forms.ModelForm):  xxx = forms.ChoiceField(choices=[...], widget=forms.RadioSelect())  class Meta:    model = MyModel    fields = ['id', 'xxx']# admin.pyfrom django.contrib import adminfrom .models import MyModelfrom .forms import MyFormclass MyAdmin(admin.ModelAdmin):  form = MyForm  # ...省略若干代码admin.site.register(MyModel, MyAdmin)

先自定义一个 MyForm，在里面为字段添加控件，widget 用来指定控件的类型，choices 指定可选列表，再在 MyAdmin 中的 form 指定为自定义表单即可。

在 django 中已经提供了很多 widget(控件)，然而这些还远远满足不了我们的需求，这就需要我们去自定义，下面就以一个 ACE 插件 (ACE 是一个独立的 JavaScript 编写的基于 Web 的代码编辑器)为例，说说怎么自定义 widget：

#coding: utf-8from django import formsfrom django.utils.html import format_htmlfrom django.forms.utils import flatattfrom django.utils.encoding import force_textfrom django.utils.safestring import mark_safeACE_RENDER = '''  $(function () {    var textarea = $('textarea');    var editp = $('', {      position: 'absolute',      width: textarea.width(),      height: textarea.height(),      'class': textarea.attr('class')    }).insertBefore(textarea);    textarea.css('display', 'none');    var editor = ace.edit(editp[0]);    editor.getSession().setValue(textarea.val());    editor.getSession().setMode("ace/mode/%s");    editor.setTheme("ace/theme/%s");    textarea.closest('form').submit(function () {      textarea.val(editor.getSession().getValue());    });  });'''class AceWidget(forms.Textarea):  def __init__(self, mode="", theme="", attrs=None):    '''    为了能在调用的时候自定义代码类型和样式    :param mode:    :param theme:    :param attrs:    :return:    '''    super(AceWidget, self).__init__(attrs)    self.mode = mode    self.theme = theme  def render(self, name, value, attrs=None):    '''    关键方法    :param name:    :param value:    :param attrs:    :return:    '''    if value is None:      value = ''    final_attrs = self.build_attrs(attrs, name=name)    output = [format_html('\r\n{}', flatatt(final_attrs), force_text(value))]    current_ace_render = ACE_RENDER %(self.mode, self.theme)    output.append(current_ace_render)    return mark_safe('\n'.join(output))

主要就是自定义的 widget 要继承自 django 的 widget，然后重写 render 方法，在这个方法中，对新的控件进行包装。

在 forms.py 中将自定义的控件 AceWidget 引入：

#coding: utf-8from django import formsfrom .models import Codefrom widgets import AceWidgetclass CodeForm(forms.ModelForm):  code = forms.CharField(label='源码', widget=AceWidget(attrs={'cols': '100', 'rows': '20'}, mode="python", theme="monokai"))  class Meta:    model = Code    fields = ['title', 'code']

需要注意的是：在这里使用的 mode="python", theme="monokai" 对应的文件 mode-python.js 和 theme-monokai.js 一定要在 /static/js/ace 目录下。

效果图

实例详解Python中Django后台自定义表单控件

附录：

models.py：

#coding:utf-8from django.db import modelsclass Code(models.Model):  title = models.CharField('标题', max_length=50, unique=True)  code = models.TextField('源码')  class Meta:    db_table = 'code'    verbose_name = verbose_name_plural = '代码'  def __unicode__(self):    return self.title

admin.py：

from django.contrib import adminfrom .models import Codefrom .forms import CodeFormclass CodeAdmin(admin.ModelAdmin):  form = CodeForm  list_display = ['id', 'title']admin.site.register(Code, CodeAdmin)

Form表单自定义表单