1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 实例详解Python中Django后台自定义表单控件

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

时间:2021-04-03 08:27:05

相关推荐

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

后端开发|Python教程

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 = $( extarea); var editp = $(

, {position: absolute,width: textarea.width(),height: textarea.height(),class: textarea.attr(class) }).insertBefore(textarea); textarea.css(display, one); 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(\ \n{}, flatatt(final_attrs), force_text(value))] current_ace_render = ACE_RENDER %(self.mode, self.theme) output.append(current_ace_render) return mark_safe(\ .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, ows: 20}, mode="python", theme="monokai")) class Meta: model = Code fields = [ itle, code]

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

效果图

附录:

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, itle]admin.site.register(Code, CodeAdmin)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。