• 1、效果图
  • 2、详细步骤解析
  • 3、总结、代码
 

1、效果图

增

删除

改

2、详细步骤解析

1、构造增删改查url，反向解析

2、ModelForm定制add、edit页面

3、starak中的ModelForm

 

3、总结、代码

1、知识点

1.解决代码重用
    {% include 'form.html' %}

2.自定制配置modelform
    每张表，就可自定义配置 labels , widges...
 class BookModelForm(ModelForm):

    class Meta:

        model = Book

        fields = "__all__"

        labels = {

            "title": '书籍名称',

            "price": '价格',

        }

    ...

    modelform_class = BookModelForm
3、stark中的Modelform配置
modelform_class = []

# ModelForm组件渲染  list、增、删、改页面

def get_modelform_class(self):

    """ModelForm组件"""

    if not self.modelform_class:

        from django.forms import ModelForm

        class ModelFormDemo(ModelForm):

            class Meta:

                model = self.model

                fields = "__all__"

        return ModelFormDemo

    else:

        return self.modelform_class
配置样式，由于不确定字段，得在前端玩！
4.change_view()
 注意 instance,否则为添加

    form = ModelFormDemo(request.POST, instance=edit_obj)

    if form.is_valid():

        form.save()

2、模板层代码

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    {% block title %}

        <title>Title</title>

    {% endblock %}

    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.css">

    <script src="/static/jQuery/jquery-3.2.1.min.js"></script>

    {% block css %}

    {% endblock %}

</head>

<body>

<div class="container">

    <div class="row">

        {% block header %}

        {% endblock %}

        <div class="col-md-9 col-md-offset-1">

            {% block content %}

            {% endblock %}

        </div>

    </div>

</div>

{% block javascript %}

{% endblock %}

</body>

</html>

base.html

{% extends 'base.html' %}

{% block title %}

    <title>add页面</title>

{% endblock %}

{% block css %}

   <style type="text/css">

        input,select {

            display: block;

            width: 100%;

            height: 34px;

            padding: 6px 12px;

            font-size: 14px;

            line-height: 1.42857143;

            color: #555;

            background-color: #fff;

            background-image: none;

            border: 1px solid #ccc;

            border-radius: 4px;

            -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

            -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

            -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

            transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

        }

        .error{

            color: red;

        }

    </style>

{% endblock %}

{% block header %}

    <h3>add页面</h3>

{% endblock %}

{% block content %}

  {% include 'form.html' %}

{% endblock %}

add_view.html

{% extends 'add_view.html' %}

{% block title %}

    <title>edit页面</title>

{% endblock %}

{% block header %}

    <h3>edit页面</h3>

{% endblock %}

change_view.html

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>删除页面</title>

    <link rel="stylesheet" href="/static/bootstrap-3.3.7/css/bootstrap.css">

    <script src="/static/jQuery/jquery-3.2.1.min.js"></script>

</head>

<body>

<div class="container">

    <form action="" method="post" class="text-center">

        {% csrf_token %}

        <p class="text-info">你确认要删除这条记录?</p>

        <button class="btn btn-danger">确认</button>

        <a href="{{ url }}" class="btn btn-primary">取消</a>

    </form>

</div>

</body>

</html>

delete_view.html

<form action="" method="post" novalidate>

    {% for field in form %}

        {% csrf_token %}

        <div class="form-group">

            <label for="">{{ field.label }}</label>

            {{ field }}

            <span class="error pull-right">{{ field.errors.0 }}</span>

        </div>

    {% endfor %}

    <br>

    <button class="btn btn-success pull-right">提交</button>

</form>

form.html

{% extends 'base.html' %}

{% block title %}

    <title>list页面</title>

{% endblock %}

{% block header %}

    <h3>list页面</h3>

{% endblock %}

{% block content %}

    <a class="btn btn-primary" href="{{ add_url }}">添加数据</a>

    <table class="table table-bordered table-striped">

        <tr>

            {% for header in header_list %}

                <th>{{ header }}</th>

            {% endfor %}

        </tr>

        {% for data in new_data_list %}

            <tr>

                {% for item in data %}

                    <td>{{ item }}</td>

                {% endfor %}

            </tr>

        {% endfor %}

    </table>

{% endblock %}

{% block javascript %}

    <script type="text/javascript">

        $('#choice').click(function () {

            if ($(this).prop('checked')) {   //对象自身属性中是否具有指定的属性

                $('.choice_item').prop("checked", true)

            } else {

                $('.choice_item').prop("checked", false)

            }

        })

    </script>

{% endblock %}

list_view.html

3、stark/service/stark.py

from django.conf.urls import url

from django.shortcuts import HttpResponse,render,redirect

from django.utils.safestring import mark_safe

from django.urls import reverse

class ModelStark(object):

    list_display = ["__str__"]  # 子类中没有，直接用父类自己的

    list_display_links = []

    modelform_class = []

    def __init__(self,model, site):

        self.model = model

        self.site = site

    # 增删改查url

    def get_add_url(self):

        model_name = self.model._meta.model_name

        app_label = self.model._meta.app_label

        _url = reverse("%s_%s_add" %(app_label,model_name))

        return _url

    def get_list_url(self):

        model_name = self.model._meta.model_name

        app_label = self.model._meta.app_label

        _url = reverse("%s_%s_list" %(app_label,model_name))

        return _url

    # 复选框，编辑，删除

    def checkbox(self,obj=None, header=False):

        if header:

            return mark_safe("<input id='choice' type='checkbox'>")

        return mark_safe("<input class='choice_item' type='checkbox'>")

    def edit(self,obj=None, header=False):

        if header:

            return "操作"

        # 方案1：固定url

        # return mark_safe("<a href=/stark/app01/userinfo/%s/change>编辑</a>")

        # 方案2：拼接url

        # return mark_safe("<a href='%s/change'>编辑</a>")

        # 方案3：反向解析

        model_name = self.model._meta.model_name

        app_label = self.model._meta.app_label

        _url = reverse("%s_%s_change"%(app_label,model_name),args=(obj.pk,))

        # print("_url",_url)

        return mark_safe("<a href='%s'>编辑</a>"%_url)

    def deletes(self,obj=None, header=False):

        if header:

            return "操作"

        model_name = self.model._meta.model_name

        app_label = self.model._meta.app_label

        _url = reverse("%s_%s_delete"%(app_label,model_name),args=(obj.pk,))

        return mark_safe("<a href='%s'>删除</a>"%_url)

    # ModelForm组件渲染  list、增、删、改页面

    def get_modelform_class(self):

        """ModelForm组件"""

        if not self.modelform_class:

            from django.forms import ModelForm

            class ModelFormDemo(ModelForm):

                class Meta:

                    model = self.model

                    fields = "__all__"

            return ModelFormDemo

        else:

            return self.modelform_class

    def new_list_play(self):

        """构建 ['checkbox','pk', 'name', 'age', edit,'delete']"""

        temp = []

        temp.append(ModelStark.checkbox)

        temp.extend(self.list_display)

        if not self.list_display_links:

            temp.append(ModelStark.edit)

        temp.append(ModelStark.deletes)

        return temp

    def list_view(self, request):

        print(self.model)  # <class 'app01.models.Book'>  用户访问的模型表

        # 构建表头

        header_list = []  # # header_list = ['选择'，'pk',...'操作','操作']

        for field in self.new_list_play():

            if callable(field):

                # header_list.append(field.__name__)

                val = field(self,header=True)

                header_list.append(val)

            else:

                if field == "__str__":

                    header_list.append(self.model._meta.model_name.upper())

                else:

                    val = self.model._meta.get_field(field).verbose_name    # 中文名称

                    header_list.append(val)

        # 构建表单

        data_list = self.model.objects.all()        # [obj1,obj2,...]

        new_data_list = []

        for obj in data_list:                   # Book表模型，Author表模型

            temp = []

            for field in self.new_list_play():     # ['name','age']

                if callable(field):                 # edit()  可调用的

                    val = field(self,obj)           # 直接调用edit()函数

                    print('val--------->',val)

                else:

                    val = getattr(obj,field)       # 反射  obj是实例对象，name是方法

                    # list_display_links 按钮

                    if field in self.list_display_links:

                        model_name = self.model._meta.model_name

                        app_label = self.model._meta.app_label

                        _url = reverse("%s_%s_change" % (app_label, model_name), args=(obj.pk,))

                        # print(_url)

                        val = mark_safe("<a href='%s'>%s</a>"%(_url,field))

                temp.append(val)

            new_data_list.append(temp)

        print('new_data_list',new_data_list)        # 构造数据  [['jack', 44], ['mark', 33]]

        # 构建一个addurl

        add_url = self.get_add_url()

        return render(request,'list_view.html', locals())

    def add_view(self, request):

        ModelFormDemo=self.get_modelform_class()

        form = ModelFormDemo()

        if request.method == "POST":

            form = ModelFormDemo(request.POST)

            if form.is_valid():

                form.save()

                return redirect(self.get_list_url())

        return render(request, "add_view.html",locals())

    def delete_view(self, request, id):

        url = self.get_list_url()

        if request.method == "POST":

            self.model.objects.filter(pk=id).delete()

            return redirect(url)

        return render(request, "delete_view.html", locals())

    def change_view(self, request, id):

        edit_obj = self.model.objects.filter(pk=id).first()

        ModelFormDemo=self.get_modelform_class()

        form = ModelFormDemo(instance=edit_obj)

        if request.method == "POST":

            form = ModelFormDemo(request.POST,instance=edit_obj)

            if form.is_valid():

                form.save()

                return redirect(self.get_list_url())

        return render(request, "change_view.html",locals())

    def get_urls2(self):

        """构造 add/delete/change"""

        model_name = self.model._meta.model_name

        app_label = self.model._meta.app_label

        temp = []

        temp.append(url(r'^$', self.list_view, name='%s_%s_list'%(app_label,model_name)))

        temp.append(url(r'^add/', self.add_view, name='%s_%s_add'%(app_label,model_name)))

        temp.append(url(r'^(\d+)/delete/', self.delete_view, name='%s_%s_delete'%(app_label,model_name)))

        temp.append(url(r'^(\d+)/change/', self.change_view, name='%s_%s_change'%(app_label,model_name)))

        return temp

    @property

    def urls2(self):

        return self.get_urls2(), None, None

class StarkSite(object):

    """site单例类"""

    def __init__(self):

        self._registry = {}

    def register(self,model, stark_class=None):

        """注册"""

        if not stark_class:

            stark_class = ModelStark

        self._registry[model] = stark_class(model,self)

    def get_urls(self):

        """构造一层urls app01/book"""

        temp = []

        for model, stark_class_obj in self._registry.items():

            print(model, 'stark_clas_obj', stark_class_obj)  # 不同的model模型表

            """

             <class 'app01.models.UserInfo'> ----> <app01.starkadmin.UserConfig object at 0x00000072DDB65198>

             <class 'app01.models.Book'> ----> <stark.service.stark.ModelStark object at 0x00000072DDB65240>

             """

            app_label = model._meta.app_label     # app01

            model_name = model._meta.model_name   # book

            # temp.append(url(r'^%s/%s'%(app_label, model_name),([],None,None)))

            temp.append(url(r'^%s/%s/'%(app_label, model_name),stark_class_obj.urls2))

            """

               path('app01/userinfo/',UserConfig(Userinfo,site).urls2),

               path('app01/book/',ModelStark(Book,site).urls2),

            """

        return temp

    @property

    def urls(self):

        # return [],None,None

        return self.get_urls(),None,None

site = StarkSite()   # 单例对象

4、app01下的stark.py

 
from stark.service import stark

from .models import *

from django.forms import ModelForm

class BookModelForm(ModelForm):

    class Meta:

        model = Book

        fields = "__all__"

        labels = {

            "authors":"作者",

            "publishDate":"出版日期",

        }

class BookConfig(stark.ModelStark):

    list_display = ['nid', 'title', 'price']

    modelform_class = BookModelForm

class AuthorConfig(stark.ModelStark):

    list_display = ['nid', 'name', 'age']

    list_display_links = ['name','age']

stark.site.register(Book,BookConfig)

stark.site.register(Publish)

stark.site.register(Author,AuthorConfig)

stark.site.register(AuthorDetail)

print(stark.site._registry)

"""

{<class 'app01.models.Book'>: <stark.service.stark.ModelStark object at 0x0000003AA7439630>,

<class 'app01.models.Publish'>: <stark.service.stark.ModelStark object at 0x0000003AA7439668>,

<class 'app01.models.Author'>: <stark.service.stark.ModelStark object at 0x0000003AA74396A0>,

<class 'app01.models.AuthorDetail'>: <stark.service.stark.ModelStark object at 0x0000003AA7439940>}

"""
 

附上核心代码注释：

 增加页面（利用modelForm）：
#1.首先定义一个方法，如果modelForm是自定制的话，就可以去用户自定制的

            def get_modelform_class(self):

            if not self.modelform_class:   #如果不是自定制的话，那么就使用默认的。

                class ModelFormDemo(ModelForm):

                    class Meta:

                        model = self.model

                        fields = "__all__"

                return ModelFormDemo

            else:

                return self.modelform_class    #不论是哪个都需要返回。
2.admin中自定制：

            class ModelFormDemo(ModelForm):

                class Meta:

                    model = Book

                    fields = "__all__"

                    labels = {

                        "title": "书籍名称",

                        "price": "价格"

                    }

            class BookConfig(ModelStark):

                list_display = ["title","price","publishDate"]

                modelform_class = ModelFormDemo
3. 增加的函数：
def add_view(self,request):

        ModelFormDemo=self.get_modelform_class()  #取到ModelFormDemo

        if request.method=="POST":

            form = ModelFormDemo(request.POST)

            if form.is_valid():

                form.save()       #如果是POST请求表示添加，从request.POST取到数据，直接添加即可。

                return redirect(self.get_list_url())

            else:                 #字段填写错误，在前端利用{{form.errors.0}}显示出来。页面不会刷新。

                return render(request, "add_view.html", locals())

            }

        form = ModelFormDemo()

        return render(request,"add_view.html",locals())
4.编辑页面
        #和增加同理，只是利用ID找到这条数据对象，加一个instarce=数据对象，即可改为更新操作。而不是增加

        def change_view(self,request,id):

            ModelFormDemo = self.get_modelform_class()

            edit_obj = self.model.objects.filter(pk=id).first()

            if request.method=="POST":

                form = ModelFormDemo(request.POST,instance=edit_obj)

                if form.is_valid():

                    form.save()

                    return redirect(self.get_list_url())

                else:

                    return render(request, "add_view.html", locals())

            form = ModelFormDemo(instance=edit_obj)

            return render(request,"change_view.html",locals())
5.删除页面：
#首先点击按钮后是跳转到一个确认页面，发的是post请求表示确认删除，如果点击a标签的取消表示返回到原来页面。

        def delete_view(self,request,id):

            url=self.get_list_url()

            if request.method =="POST":

                self.model.objects.filter(pk=id).delete()

                return redirect(url)

            return render(request,"delete_view.html",locals())

stark组件的增删改（新）的更多相关文章

  1. stark组件的增删改

      1.效果图 2.详细步骤解析 3.总结.代码   1.效果图 增 删除 改 2.详细步骤解析 1.构造增删改查url,反向解析 2.ModelForm定制add.edit页面 3.starak中的 ...

  2. day67 crm(4) stark组件的增删改 以及 model_from使用和from组件回顾

        前情提要:Django  stark 组件开发的 增删改,  model_form组件的使用 form组件的回顾 一:list_display_link  创建 功能描述:   使包含的字段能 ...

  3. 模拟admin组件自己开发stark组件之增删改查

    增删改查,针对视图 我们需要modelform来创建,可自动生成标签,我们还要考虑用户是不是自己定制,依然解决方法是,继承和重写 app01下的joker.py文件 class BookModelFo ...

  4. 【ActionScript】ActionScript3.0对舞台组件的增删改查

    以一个样例来说明ActionScript3.0对舞台组件的增删改查 例如以下图: 在Flash执行的时候,通过脚本.斜向下生成text0-text9十个文本节点. 提供两个功能. 1.在右上角,用户输 ...

  5. VUE2.0增删改查附编辑添加model(弹框)组件共用

    Vue实战篇(增删改查附编辑添加model(弹框)组件共用) 前言 最近一直在学习Vue,发现一份crud不错的源码 预览链接 https://taylorchen709.github.io/vue- ...

  6. 自定义admin管理工具(stark组件)

    自定义admin管理工具(stark组件) 创建项目 了解了admin的功能后,我们可以开始仿照admin编写我们自己的管理工具stark组件 首先创建一个新的项目,并创建三个app stark就是我 ...

  7. 9 stark组件 增删改

    1.效果图 2.详细步骤解析 1.构造增删改查url,反向解析 2.ModelForm定制add.edit页面 3.staradmin中的ModelForm 3.总结.代码 1.知识点 1.解决代码重 ...

  8. popup的简单应用举例（具体在增删改查组件中用到）以及补充的知识点

    一.首先说一下自执行函数 1. 立即执行函数是什么?也就是匿名函数 立即执行函数就是 声明一个匿名函数 马上调用这个匿名函数 2.popup的举例 点击,弹出一个新的窗口.保存完事,页面不刷新数据就返 ...

  9. JS组件系列——BootstrapTable+KnockoutJS实现增删改查解决方案（四）：自定义T4模板快速生成页面

    前言:上篇介绍了下ko增删改查的封装,确实节省了大量的js代码.博主是一个喜欢偷懒的人,总觉得这些基础的增删改查效果能不能通过一个什么工具直接生成页面效果,啥代码都不用写了,那该多爽.于是研究了下T4 ...

随机推荐

  1. UITableView的分割线长短的控制

    UITableView的默认的cell的分割线左边没有顶满,而右边却顶满了.这样显示很难看.我需要让其左右两边都是未顶满状态,距离是20像素 // code1 if ([self.tableView ...

  2. UnicodeEncodeError: 'ascii' codec can't encode characters in position

    UnicodeEncodeError: 'ascii' codec can't encode characters in position python运行时出现这个错误,解决方法如下: 加入如下语句 ...

  3. VS快捷键失效问题

    VS作为宇宙最强IDE,为我们提供了强大的快捷键组合,熟练的使用这些快捷键能极大提高我们的编码效率,但是在我们实际使用的过程中经常会遇到某个快捷键组合失效的问题. 问题原因: 一般都是VS的快捷键与电 ...

  4. 文件上传漏洞靶场:upload-labs安装及第一关教程

    注:本文仅供学习使用,请勿用于非法操作,后果与作者无关!!! 一.简介 upload-labs是一个使用php语言编写的,专门收集渗透测试过程中遇到的各种上传漏洞的靶场.旨在帮助大家对上传漏洞有一个全 ...

  5. springboot事物回滚

    要添加事物 必须在方法上添加 @Transactional 注解 如果需要事物回滚有两个条件 1.方法中有异常或者主动抛异常 2.主动去回滚 TransactionAspectSupport.curr ...

  6. 如何用chrome扩展将网页变成黑底白字，用以保护视力

    不知道有没有科学依据,自己感觉黑底白字对视力好些,于是动手加个chrome扩展: 第一步:建个文件夹,名称比如叫changeColor; 第二步:在changeColor文件夹中建三个文件:manif ...

  7. vue.js鼠标经过和离开事件 mouseover mouseout

    每天学习一点点 编程PDF电子书.视频教程免费下载:http://www.shitanlife.com/code @mouseover="showEwm(1)" @mouseout ...

  8. windows server 2012 安装 VC14(VC2015) 安装失败解决方案

    原文地址:https://www.cnblogs.com/huoniao/articles/6186021.html 系统环境如下:cmd命令行-输入 systeminfo 如下图 - The VC1 ...

  9. Python：Day14 集合、函数

    浅copy只copy一层 深copy相当于克隆一份 深copy要引入copy,具体如下: import copy wife = copy.copy() #此为浅copy,括号中要加copy的对象,相当 ...

  10. 自定义的库加载不进来，因为库中import的PIL和pillow文件没有pip install

    1.自定义的库,加载进来,提示red不能识别这个class或moudle 2.应该展开细节多看下,细节中提示,没有PIL和pillow 3.这个时候在cmd中使用pip安装PIL和pillow pip ...