django----ModelForm/添加/编辑

已于 2022-03-04 18:04:15 修改
阅读量2.9k 收藏 1
点赞数 1
分类专栏： python_django_杂谈 文章标签： django python 后端
于 2022-02-11 23:15:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52385631/article/details/122890384
版权

0. 页面渲染

0.1 url

# 拍卖列表
    path('auction/list/', views.auction_data_view, name='auction_list'),

0.2 view

from django.shortcuts import render, redirect, HttpResponse
from web.forms import AuctionList
from api import models
from django.forms.models import model_to_dict


def auction_data_view(request):
    """专场展示页面"""
    queryset_auction = models.Auction.objects.all()
    auction_list = queryset_auction
    return render(request, 'auction_list.html', context={'auction_list': auction_list})

0.3 html

<!DOCTYPE html>
<html lang="en">
{% load static %}
<head>
    <meta charset="UTF-8">
    <title>拍卖列表</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="{% static 'publc/font-awesome-4.7.0/css/font-awesome.min.css' %}">
</head>
<body>
<div>
    <h3>拍卖专场</h3>
    <a href="{% url 'auction_add' %}" class="btn btn-info">添加</a>
</div>
<div>
    <div class="bs-example" data-example-id="hoverable-table">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>序号</th>
                <th>封面</th>
                <th>专场</th>
                <th>预展时间</th>
                <th>拍卖时间</th>
                <th>状态</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody>
            {% for auction in auction_list %}
                <tr>
                    <th scope="row">{{ forloop.counter }}</th>
                    <td><img src="https://{{ auction.cover }}" alt="" width="60rpx"></td>
                    <td>{{ auction.title }}</td>
                    <td>{{ auction.preview_start_time }}</td>
                    <td>{{ auction.auction_start_time }}</td>
                    <td>{{ auction.get_status_display }}</td>
                    <td><a href="{% url 'auction_edit' pk=auction.id %}"><i class="fa fa-wrench"
                                                                            aria-hidden="true"></i></a>|
                        <a href="{% url 'auction_del' pk=auction.id %}"><i class="fa fa-window-close"
                                                                           aria-hidden="true" style="color: red"></i>
                        </a>

                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>

1. 添加

1.1 url

 # 拍卖场添加
    path('auction/add/', views.auction_add_view, name='auction_add'),

1.2 view

from django.shortcuts import render, redirect, HttpResponse
from web.forms import AuctionList
from api import models


def auction_add_view(request):
    """专场添加页面"""
    if request.method == 'GET':
        form = AuctionList()
        return render(request, 'auction_add_edit.html', context={'form': form})
    form = AuctionList(data=request.POST)
    if form.is_valid():
        form.save()
        return redirect('auction_list')
    return render(request, 'auction_add_edit.html', context={'errors': form.errors})

1.3 form

ps 编辑图片跟上传图片，类型不一致，

编辑：FieldFile

上传：InMemoryUploadedFile

import uuid
from django import forms
from utils.centent.cos import upload_img

from api import models
# 编辑(为改变)
from django.db.models.fields.files import FieldFile
# 上传
from django.core.files.uploadedfile import InMemoryUploadedFile


class BootStrapForm:
    except_bootstrap_styles = []

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for name, field in self.fields.items():
            if name in self.except_bootstrap_styles:
                continue
            old_class = field.widget.attrs.get('class', "")
            field.widget.attrs['class'] = '{} form-control'.format(old_class)
            field.widget.attrs['placeholder'] = f'请输入{field.label}'


class AuctionList(BootStrapForm, forms.ModelForm):
    except_bootstrap_styles = ['cover']

    class Meta:
        model = models.Auction  # 对应的Model中的类
        exclude = ['create_time', 'look_count', 'bid_count', 'goods_count', 'total_price', 'video']

    def clean(self):
        cover_file_object = self.cleaned_data.get('cover')
        # 判断是没有传图片 or 编辑(为修改)
        if not cover_file_object or isinstance(cover_file_object, FieldFile):
            return self.cleaned_data
        # print('obj', cover_file_object)
        # 获取上传的文件名称，
        # 进行拼接，
        ext = cover_file_object.name.rsplit('.', maxsplit=1)[-1]
        file_name = "{0}.{1}".format(str(uuid.uuid4()), ext)
        # 调用上传文件，上传到cos
        result_url = upload_img(Bucket='19803630852-1645846574-1305448189', region='ap-chengdu', Body=cover_file_object,
                                Key=file_name)
        # 给cover字段添加路由
        self.cleaned_data['cover'] = result_url
        # print('url', result_url)
        return self.cleaned_data

1.4 html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>拍卖后台</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div style="text-align: center;border: 1px solid olivedrab;width: 520px;margin: 0 auto">
    <form method="post">
        {% csrf_token %}
        {% for field in form %}
            <div class="form-group">
                <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                {{ field }}
            </div>
        {% endfor %}

        <button type="submit" class="btn btn-success">保存</button>
    </form>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>

2. 编辑

2.1 url

 # 拍卖场编辑
    re_path(r'auction/edit/(?P<pk>\d+)/$', views.auction_edit_view, name='auction_edit'),

2.2 view‘

from django.shortcuts import render, redirect, HttpResponse
from web.forms import AuctionList
from api import models


def auction_edit_view(request, pk):
    """专场编辑页面"""
    old_auction_onj = models.Auction.objects.filter(pk=pk).first()
    if request.method == 'GET':
        form = AuctionList(instance=old_auction_onj)
        return render(request, 'auction_add_edit.html', context={'form': form})
    form = AuctionList(data=request.POST, instance=old_auction_onj)
    if form.is_valid():
        form.save()
        return redirect('auction_list')
    return render(request, 'auction_add_edit.html', context={'errors': form.errors})

2.3 form

from django import forms
from api import models


class BootStrapForm:
    except_bootstrap_styles = []

    def __init__(self, *args, **kwargs):
        super().__init__(*args, **kwargs)
        for name, field in self.fields.items():
            if name in self.except_bootstrap_styles:
                continue
            field.widget.attrs['class'] = 'form-control'
            field.widget.attrs['placeholder'] = f'请输入{field.label}'


class AuctionList(BootStrapForm, forms.ModelForm):
    class Meta:
        model = models.Auction  # 对应的Model中的类
        exclude = ['create_time', 'look_count', 'bid_count', 'goods_count', 'total_price', 'video']

2.4 html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>拍卖后台</title>
    <link href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div style="text-align: center;border: 1px solid olivedrab;width: 520px;margin: 0 auto">
    <form method="post">
        {% csrf_token %}
        {% for field in form %}
            <div class="form-group">
                <label for="{{ field.id_for_label }}">{{ field.label }}</label>
                {{ field }}
            </div>
        {% endfor %}

        <button type="submit" class="btn btn-success">保存</button>
    </form>
</div>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
</body>
</html>

骑猪去兜风z1
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
利用Django提供的ModelForm增删改数据
qq_41700129的博客
01-07 368
上一篇我们写了Django基于类如何增删改数据的方法，方法虽然简单，但新手可能对其原理不是很清楚，那么我们这次就用Django提供的ModelForm方法来实现增删改数据，这是一种基于现有模型的增删改方法。 一个简单的例子加以说明,前提是你已经具备Django创建项目应用的基本知识： **01.**首先创建一个简单的模型，模型只有三个文本字段，标题title, 内容text, 添加日期date...
modelform添加属性
weixin_30737433的博客
10-15 168
暗暗啊 转载于:https://www.cnblogs.com/pythonClub/p/9789177.html
Django ModelForm用法详解 —— Python
最新发布
小蜜蜂vs码农
07-09 1184
Django ModelForm用法详解 —— Python
python 全栈开发，Day110(django ModelForm,客户管理之 编辑权限(一))
shykevin的博客
08-23 171
python 全栈开发，Day110(django ModelForm,客户管理之 编辑权限(一)) 昨日内容回顾 1. 简述权限管理的实现原理。 粒度控制到按钮级别的权限控制 - 用户登陆成功之后，将权限和菜单信息放入session - 每次请求时，在中间件中做权限校验 - inclusion_t...
Django ModelForm组件添加用户
搬砖小能手
09-21 351
Django ModelForm组件添加用户
Django之modelform修改数据库
weixin_30355437的博客
04-01 218
工程包目录：https://github.com/kongzhagen/python/tree/master/Django 目的： 　　客户信息表Customer在前端以表单形式展示 　　提交Customer修改信息到数据库 　　自动跳转到主页面 修改forms.py 在app目录下新建forms.py 修改views.py urls ...
wagtail-django-simple-captcha：用于Wagtail表单页面的简单Captcha字段
02-06
在你的`settings.py`文件中，添加`django_simple_captcha`和`wagtailcaptcha`到`INSTALLED_APPS`列表中。 3. **设置Django Simple Captcha**： 在同一`settings.py`文件中，你可以配置Captcha的参数，如图片宽度...
django-tinymce4-lite：适用于Django的TinyMCE 4编辑器小部件
02-04
**django-tinymce4-lite** 是一个专门为Django框架设计的TinyMCE 4编辑器小部件，它为Django应用程序提供了强大的所见即所得（WYSIWYG）文本编辑功能。TinyMCE是一个广泛使用的JavaScript富文本编辑器，允许用户以...
django-easy-select2：django可选字段的Select2输入小部件
02-04
使用`django-easy-select2`非常简单，只需在你的自定义表单中对需要的字段添加`select2=True`属性即可： ```python from django import forms from .models import MyModel class MyForm(forms.ModelForm): class ...
django tag input field, use tagify,django-ktag-master.zip
04-26
Django的模型层是与数据库交互的基础，这里可能包含了对标签的创建、编辑和删除操作的定义。 2. `forms.py`: 通常在这个文件中，会找到一个自定义表单（form）类，该类扩展了Django的`ModelForm`，并且使用了Tagify...
Python库 | django-forms-builder-0.4.7.tar.gz
03-02
3. **模型表单**：在Django中，模型表单（ModelForm）是与数据库模型关联的表单，使得数据可以直接保存到数据库。`django-forms-builder` 可以自动生成这些模型表单，使得数据处理更为方便。 4. **自定义模板**：...
Django之Form表单验证及Ajax验证方式汇总
10-15
源码包括： 1、django的原生Form表单数据验证。 2、Ajax方式的Form表单数据验证
基于modelform实现编辑
python_web全栈
02-25 2826
# 跟添加，使用一个ModelForm 如果规则一样的话 def edit(request, pk): # pk 自动帮你找到id --url无名分组 book_obj = models.Book.objects.filter(pk=pk).first() if request.method == "GET": book_list = User(instance=book_obj) return render(request, 'book_edit..
Django使用modelform完成图书管理系统编辑书籍
weixin_30265171的博客
11-07 90
def edit(request,id): edit_obj=Book.objects.get(pk=id) if GET请求： form=BookModelForm(instance=edit_obj) return render(reqeust,{"form":form}) ''' 渲染页...
Django实现增删改查--使用ModelForm表单
CleverCode的博客
11-25 1526
文章目录1 创建模型2 列表页面2.1 页面视图2.2 添加模板2.3 添加URL匹配2.4 查看页面3 添加页面3.1 添加视图3.2 添加模板3.3 添加URL匹配3.4 乱码3.5 查看4 修改页面4.1 修改视图4.2修改模板4.3 URL匹配4.4 查看5 删除5.1 删除视图5.2 URL匹配5.3 删除页面技术交流 1 创建模型 在models.py中创建模型 class Produ...
ModelForm(书籍的增删改)
TT00099的博客
07-31 137
1.model层建模 2.admin注册 3.url路由匹配 4. Views视图层展示 4.书籍展示页面 5，书籍添加和编辑是相同的页面 可以写了‘form.html模板’ 然后{% include 'form.html' %} 转载于:https://www.cnblogs.com/zhanghongqi/p/112...
java model初始化_ModelForm中增加字段以及初始化的方法
weixin_31014025的博客
02-19 754
ModelForm中需要增加字段步骤：在内中定义一个名为problem_status 的字段：problem_status = fid.IntegerField(label='问题状态',widget=wid.Select(attrs={'class': 'form-control'}, choices=PROBLEM_STATUS),initial=0)在Meta的fields列表中，增加刚刚定...
Django 中 ModelForm 的使用
weixin_34194702的博客
11-22 190
定义 ModelForm 定制 ModelForm Meta 在 Form 中另外定义 Field 值得一提的一些 Field 转化 AutoField BooleanField ForeignKey ManyToManyField 初始化 ModelForm 校验 ModelForm 储存 ModelForm 对象 定义一个 Form 来新...
python Django ModelForm，Ajax，文件上传，图片验证码+Session，HTML在线编辑器
baobaohui
09-28 305
Django ModelForm，Ajax，文件上传，图片验证码+Session，HTML在线编辑器 ModelForm Ajax 文件上传 图片验证码+Session HTML在线编辑器 1，ModelForm Model + Form => 验证 + 数据库操作 - class LoginModelForm(xxx): 利用model.A 中的字段 1，生成HTML...
Django项目集成与配置Ueditor富文本编辑器
在视图（View）和模板（Template）中，你需要按照Django的常规方式处理这个模型，例如在表单中使用`ModelForm`，在模板中渲染编辑器，以及在视图中处理POST请求，保存富文本内容到数据库。 集成Django和Ueditor可以...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

骑猪去兜风z1

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值