• 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. [Hive_10] Hive 的分析函数

    0. 说明 Hive 的分析函数 窗口函数  | 排名函数 | 最大值 | 分层次 | lead && lag 统计活跃用户 | cume_dist 1. 窗口函数(开窗函数) ove ...

  2. php5.4新功能Traits

    php5.4新功能Traits介绍 1. traits Traits是在5.4中新增的一个用于实现代码重用的方法. php是一种单一继承的语言,我们无法像java一样在一个class中extends多 ...

  3. Java入门（五）：控制流程

    在Java中,使用条件语句和循环结构确定控制流程,在本文中,主要包括块作用域.条件语句.循环结构.中断循环这四部分. 一.块作用域 块,也叫复合语句,是指由一对大括号括起来的若干条Java语句.块决定 ...

  4. February 12th, 2018 Week 7th Monday

    One man's fault is another man's lesson. 前车之覆,后车之鉴. We make mistakes every day, large or small, fail ...

  5. 17秋 软件工程 团队第五次作业 Alpha

    题目:团队作业--Alpha冲刺 17秋 软件工程 团队第五次作业 Alpha 12次Scrum 第一次Scrum 第二次Scrum 第三次Scrum 第四次Scrum 第五次Scrum 第六次Scr ...

  6. Markdown编辑器开发记录（一）：开发的初衷和初期踩的坑

    先说下选择Markdown编辑器的原因,我们进行平台开发,需要很多的操作手册和API文档,要在网站中展示出来就需要是HTML格式的文件,但是由于内容很多,不可能全部由技术人员进行文档的编写,如果是只有 ...

  7. 关于pycharm中使用charts无法显示图表的问题（属于个人粗心问题）

    在练习用charts库对爬取的数据进行数据分析并图表化时遇到一个问题,无法显示图表,如下: 经过重装charts库等一顿折腾后,终于发现一个问题,看这里: def data_gen(type): le ...

  8. U盘插入电脑3.0的口没有反应了，2.0的口就可以

    如果驱动没有问题的话,很有可能是优盘硬件故障. 尝试解决办法: 1.使劲插(就是用力一插到底).... 2.插入三分之一,不过速度只能达到2.0的速度.

  9. C#基础知识之String，Stringbuilder和Stringbuffer

    String可以储存和操作字符串,即包含多个字符的字符数据.这个String类提供了存储数值不可改变的字符串. StringBuilder是线程不安全的,运行效率高,如果一个字符串变量是在方法里面定义 ...

  10. vue指令详解和自定义指令

    在vue中,指令以v-开头,是一种特殊的自定义行间属性,指令的职责就是其表达式的值改变时相应地将某些行为应用到DOM上 指令使用的示例 在下面的运行结果中可以看到,v-html是可以解析html标签的 ...