前情提要: 

  接着上一节的.stark自创组件的展示效果编写

   展示数据

  一:按照默认自带数据展示

    即无一对一,一对多

    1:先获取queryset对象

  

      2:获取当前操作模型表对象数据

    注意:list_display 为元祖,这样如果默认样式的时候会反射第一个索引所在的位置即

  "__str__"

    2>1视图层

     2>2数据展示结果

 

     2>3前端:

 

 

 

 

二:按照一对多展示

即一对多publish 展示

1:展示模型关系

2:在自定配置类中增加一对多内容,正向按照字段

 3:前端效果

 三:多对多显示

知识补充:

展示模型类对象

使用名字访问一个model的实例

模型名._meta.get_field("publish") 

 

展示模型类对象名字

 

展示模型类对象app名字

 

 

展示默认名称

如果没有设置,则展示本身的属性名

 

 

 

如果展示了则显示设置的名字,注意此处设置了verbose 名字

 

 

 

 1:前端反射默认方法

如果没有参数则不需要加括号

默认的配置__str__()方法,前端可以不用加括号直接显示

2:判断如果是多对多怎么处理内容

普通属性从self.list._display中拿取的是字符串

一对多,多对多的拿取出来的是对象

导入包 判断拿出的对象是否为manytomanyfiled类型

 

 设置当为多对多的时候.抛出错误,多对多的时候需要,自定制列

 

 

 3:判断字段是否为chiose字段

 

 

 

 4:由于没有__str__ 属性

 

field_obj = self.model._meta.get_field(field_or_func) #获取模型对象 
这句话,获取的是对象的字段属性,,但是其中没有没有

 

 

 

这段可能是错误的!!! 

try..except 和raise 冲突

这么写不对

 

 5: 自定制列展示多对多字段

知识点:

callable  判断是否为可调用的(函数和类可以调用)

直接把自定制函数扔到dis_play中

stites中放获取返回值,然后加入到列表中传到前端

 

 

 

这里的self 是类函数调用的方式.,因为原来类中需要穿参,现在增加一个参数而已,什么都行.但是最好是self

 

 

 6:处理多对多内容

6>1: 在callable 内容中传入obj对象,方便操作数据

6>2:在自定制配置类中,通过obj 获取对应的作者信息

 

 

 四:设置表头内容  

1:如果是普通属性,非定制列 ,即只有 __str__

 

传出的是表明的大写 

2:如果是普通属性,定制列  ,接收其他非属性多对多属性

3:如果是多对多,定制列,接收多对多函数

 

 4 注册表书写:

  

五:设置编辑,删除,以及选择按钮增加到默认配置类

1:

  设置展示自定制函数在stites中

注意导入safe包

 

该包,可以是后台传入的标签内容不会被转化,直接成为前端代码

from django.utils.safestring import mark_safe

 其中删除和编辑的代码需要用到反向解析.

先导入包:

定义类名和表明

 

视图层设置反向解析name

 

反向解析代码

        # 反向解析当前访问表的增删改查URL

    def get_list_url(self):
# 反向解析当前表的删除的URL
list_url = reverse("%s_%s_list" % (self.app_label, self.model_name))
return list_url def get_add_url(self, obj):
# 反向解析当前表的删除的URL
add_url = reverse("%s_%s_delete" % (self.app_label, self.model_name))
return add_url def get_delete_url(self, obj):
# 反向解析当前表的删除的URL
delete_url = reverse("%s_%s_delete" % (self.app_label, self.model_name), args=(obj.pk,))
return delete_url def get_change_url(self, obj):
# 反向解析当前表的删除的URL
change_url = reverse("%s_%s_change" % (self.app_label, self.model_name), args=(obj.pk,))
return change_url

分析:方向解析名字为app名加表明  利用的是无名分组,注意无名分组为元祖传参

 def show_checkbox(self,obj=None,header=False):
#展示选择列
if header:
return mark_safe("<input type='checkbox'>")
return mark_safe("<input type='checkbox'>")
def show_delbtn(self,obj=None,header=False):
if header:
return "删除" return mark_safe("<a href='%s'>删除</a>" % self.get_delete_url(obj))
def show_editbtn(self,obj=None,header=False):
if header:
return "编辑"
return mark_safe("<a href='%s'>编辑</a>" % self.get_change_url(obj))

 

属性说明:

self 为当前操作的模型配置类

obj=None 让默认对象的值为None,即当代用抬头的时候不用传值

header=False  让默认的header 为False ,使调用数据的时候不用传值,且 不反回抬头,只返回数据

 

 获取表头中,是header =true 这样可以获取表头数据内容

 

2: 如果想在默认配置类中,直接展示

 则需要在定义一个函数,把内容加入到自定制的list_display中

 

 2 >1 :注意,现在所有调用list_display 的都需要换成该函数

 

 

 

效果图:

点击去也可以实现

day 66 crm(3) 自创组件stark界面展示数据的更多相关文章

  1. C#调用NPOI组件读取excel表格数据转为datatable写入word表格中并向word中插入图片/文字/书签 获得书签列表

    调用word的com组件将400条数据导入word表格中耗时10分钟简直不能忍受,使用NPOI组件耗时4秒钟.但是NPOI中替换书签内容的功能不知道是不支持还是没找到. 辅助类 Excel表格数据与D ...

  2. 图像处理工具包ImagXpress教程:Accusoft不同组件间的图像数据传递

    图像处理工具包ImagXpress的开发厂商Accusoft Pegasus旗下有多种图像处理相关的控件,但是这些图像处理控件之间的如何加传递图像数据呢?在ImagXpress 11版本之前,是需要将 ...

  3. vue的组件化运用(数据在两个组件互传,小问题总结)

    一.vue的组件化应用 首先,知道有哪些相关的属性需要用到,再慢慢去理解,运用. 1.两个vue页面 2. slot占位符(可用可不用) 3.props内置属性 4.watch监听函数 5.impor ...

  4. Vue 父组件ajax异步更新数据,子组件props获取不到

    转载 https://blog.csdn.net/d295968572/article/details/80810349 当父组件 axjos 获取数据,子组件使用 props 接收数据时,执行 mo ...

  5. EasyUI的treegrid组件动态加载数据问题的解决办法

    http://www.jquerycn.cn/a_3455 —————————————————————————————————————————————————————————————————————— ...

  6. 关于Vue中,在方法中使用(操作)子组件获取到的数据

    已知,子组件通过props获取父组件传过来的数据,而这个数据是无法在created.mounted生命周期中使用的,只能在beforeUpdated或者updated获取到: 但是如果我们要使用这个数 ...

  7. Vue--vue中的组件、组件绑定事件和数据、私有组件、子组件,父子组件参数互传

    一.公有组件以及组件的使用和特点 <!DOCTYPE html> <html lang="en"> <head> <meta charse ...

  8. Vue 组件中的data数据

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. Vue父子组件通信(父级向子级传递数据、子级向父级传递数据、Vue父子组件存储到data数据的访问)

    Vue父子组件通信(父级向子级传递数据.子级向父级传递数据.Vue父子组件存储到data数据的访问) 一.父级向子级传递数据[Prop]: ● Prop:子组件在自身标签上,使用自定义的属性来接收外界 ...

随机推荐

  1. cocos2d接安卓facebook插件(已测cocos-x 3.7 3.8版本)

    1  控制台创建新工程: a 控制台 进入cocos2d文件夹下面,如cocos2d-x-3.7.1,执行setup.py,未设置NDK SDK ANT 路径的设置路径,需要改路径的 explore ...

  2. HTML5/CSS3基础

    1. HTML 1.1 什么是HTML HTML是用来制作网页的标记语言 HTML是Hypertext Markup Language的英文缩写,即超文本标记语言 HTML语言是一种标记语言,不需要编 ...

  3. GitBash入门

    转载自:http://www.cnblogs.com/randomsteps/p/5415116.html 作为一个初学者,我是跟着廖学峰老师的官方博客学习,这里只是做个笔记,哈哈,关于git的历史. ...

  4. 如何使用 Visual C# 2005 或 Visual C# .NET 向 Excel 工作簿传输数据

    本文分步介绍了多种从 Microsoft Visual C# 2005 或 Microsoft Visual C# .NET 程序向 Microsoft Excel 2002 传输数据的方法.本文还提 ...

  5. JAVA开发常用计算机命令

    系统常用命令 win+r > control (可进入控制面板,管理工具,服务) win+r > cmd > systeminfo (x86-based 指32位系统,x86-64 ...

  6. nexus 私服跑一跑流程

    尝试建立新项目上传,分享 D:\dev\workspace\helloworld>tree /F 卷 DATAPART 的文件夹 PATH 列表 卷序列号为 2C22-0A1A D:. │ po ...

  7. MySQL性能调优与架构设计——第13章 可扩展性设计之 MySQL Replication

    第13章 可扩展性设计之 MySQL Replication 前言: MySQL Replication 是 MySQL 非常有特色的一个功能,他能够将一个 MySQL Server 的 Instan ...

  8. 反编译 轻松调频 Android APP 下载“飞鱼秀”录音

    经常听“飞鱼秀”,但是由于时间的原因,只能听回放,但是轻松调频的APP做的有点儿... 听回放的时候经常会中断,还不能拖动进度条,就决定把录音下载下来听. 1.反编译apk(Android反编译过程见 ...

  9. 关闭父类弹出的ifream窗口

    parent.document.getElementById('zhuce').style.display = 'none';

  10. linux环境下(非UI操作)所有软件的安装与卸载总结

    UI界面的软件管理 linux下的软件一般都是经过压缩的,主要的格式有这几种:rpm.tar.tar.gz.tgz等.所以首先拿到软件后第一件事就是解压缩. 在xwindow下以rpm格式的软件安装比 ...