stark组件开发之组合搜索基本显示

数据的获取,上一篇,已经有了!然后就是,如何进行展示的问题。
到了展示这里,又有了新的问题, 因为从数据库,取得的数据。 分为 queryset 和 tuple 两种数据结构。
tuple 中,只是字符串。 queryset中确实,model对象。

而且  这些渲染出来后,全部都是 a 标签。 是可以点击的, 所以 href 超链接属性,是必须要有的。 而且还有一点是,默认选中。
  用户选择之后, 应该有一个提示,我当前选择的是那个标签。  而且因为组合搜索,先选中的条件,不能够被刷新。

这种的 如果依靠模板做的话,也可以。但是代码就过于繁琐了。
所以,决定这件事由,后端 python 代码来实现,  实现的方式,还是通过。 类。 生成对象来实现:
在这里先,抛出一个知识点:  可迭代对象:

这张图片展示的是,不可迭代对象。 如果视图对这个对象。进行迭代。 是会报错的。

那么,该怎么搞呢?

定义: 如果一个类中,定义了 def __iter__ (self)  方法。且该方法返回一个 迭代器 iterator。 那么就称该类实例化的对象为一个可迭代对象。  那么这个对象就可以被循环。

迭代器和生成器。 生成器也是一种特殊的迭代器。  yield

这时, 你会发现。  11  22  33 被打印出来了!

而且这里,不一定非要是 [11,22,33,]   iter 函数里面。 可以随便定义。 只要返回值,是一个 迭代器就可以。

so, 我在模板中,对这个类实例化的对象。进行 for 循环。 不就可以拿到它里面的值了吗?

看例子:

 

 

成功的在,页面展示了。所有的数据。  注意: 财务 和  CEO 虽然显示的是,字符串。 是因为我在  model 的类中, 定义了 __str__
,其实 他是一个对象。

这样,我们就可以在。 这了 __iter__ 方法里面。进行判断。 当前数据的类型。 从而返回不同的数据。
而模板中就只需要,一个 简单的, 两层循环, 就能完成。 想要的工作。

 so  我这里使用。  yield  生成器的方式。 来做这件事:

class SearchGroupRow(object):def __init__(self, queryset_or_tuple):self.queryset_or_tuple = queryset_or_tupledef __iter__(self):# if isinstance(self.queryset_or_tuple, list):#     for item in self.queryset_or_tuple:#         yield "<a href='#'>%s</a>" % item[1]# else:#     for item in self.queryset_or_tuple:#         if isinstance(item, Model):#             print(item)#         yield "<a href='#'>%s</a>" % itemfor item in self.queryset_or_tuple:if isinstance(item, tuple):yield "<a href='#'>%s</a>" % item[1]else:yield "<a href='#'>%s</a>" % item
# 这里两种方式, 都可以。完成 这个工作。

 

        {% for row in search_group_row_list %}{% comment %}row是queryset 或者 元组{% endcomment %}<div>{% for item in row %}{{ item|safe }}{% endfor %}</div>{% endfor %}

 

 

OK  成功。

 

转载于:https://www.cnblogs.com/chengege/p/10744787.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/394161.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

美国安全厂商在云安全上的最新进展

本文讲的是美国安全厂商在云安全上的最新进展&#xff0c;【IT168 资讯】优利系统公司日前推出了一系列云产品和服务&#xff0c;并且着重强调企业创建私有云&#xff0c;公有云或混合云工具的安全。  Unisys Secure Cloud是优利系统公司推出的一种管理云服务&#xff0c;承诺…

hessianphp java_hessian 在PHP中的使用

一、hessian是什么&#xff1f;看到这个单词我还不知道怎么读&#xff0c;音标是[hes]读黑森。Hessian是一个轻量级的远程的数据交换工具&#xff0c;使用简单的方法提供了RMI(远程方法调用)的功能. 相比WebService&#xff0c;Hessian更简单、快捷。采用的是二进制RPC协议&…

leetcode1025. 除数博弈(dp/数学)

爱丽丝和鲍勃一起玩游戏&#xff0c;他们轮流行动。爱丽丝先手开局。 最初&#xff0c;黑板上有一个数字 N 。在每个玩家的回合&#xff0c;玩家需要执行以下操作&#xff1a; 选出任一 x&#xff0c;满足 0 < x < N 且 N % x 0 。 用 N - x 替换黑板上的数字 N 。 如…

100万用户服务器_我的应用在一个月内如何增长超过100万用户

100万用户服务器by Assaf Elovic通过阿萨夫埃洛维奇 我的应用在一个月内如何增长超过100万用户 (How my app grew by over 1M users in one month) 只需要这种简单的每周方法和耐心。 (All it took was this simple weekly approach and patience.) Building and promoting a …

原生支付url参数错误_小程序支付

下载微信JSAPI支付的 SDK : https://pay.weixin.qq.com/wiki/doc/api/download/WxpayAPI_php.zip &#xff1b;解压后放在extend 文件夹下&#xff0c;命名为wepay下载你的商户证书&#xff0c;放在extend/wepay/cert/ 文件夹下面。自行将 extend/wepay/example/WxPay.Config.p…

Android清理设备内存具体完整演示样例(二)

版权声明&#xff1a; https://blog.csdn.net/lfdfhl/article/details/27672913 MainActivity例如以下: package cc.c;import java.io.BufferedReader; import java.io.FileReader; import java.io.IOException; import java.util.List; import android.app.Activity; import a…

java图片合成视频_使用JAVACV把图片合成视频

使用JAVACV1.2把图片合成视频&#xff0c;直接上代码。自己mark一下&#xff0c;也希望能够帮助更多的人。package test;import static org.bytedeco.javacpp.opencv_imgcodecs.cvLoadImage;import java.io.File;import org.bytedeco.javacpp.avcodec;import org.bytedeco.java…

NPOI导出Excel

首先在官网去下载NPOI&#xff0c;把dll引用到项目中&#xff0c;然后获取列表调用下面的方法就可以导出 后台代码&#xff1a; /// <summary> /// NPOI导出Excel /// </summary> /// <param name"dt"></param> /// <param name"fil…

leetcode1028. 从先序遍历还原二叉树(dfs/栈)

我们从二叉树的根节点 root 开始进行深度优先搜索。 在遍历中的每个节点处&#xff0c;我们输出 D 条短划线&#xff08;其中 D 是该节点的深度&#xff09;&#xff0c;然后输出该节点的值。&#xff08;如果节点的深度为 D&#xff0c;则其直接子节点的深度为 D 1。根节点的…

react jest测试_如何使用Jest和react-testing-library测试Socket.io-client应用程序

react jest测试by Justice Mba由Mba法官 如何使用Jest和react-testing-library测试Socket.io-client应用程序 (How to test a Socket.io-client app using Jest and the react-testing-library) Testing the quality of real-time Socket.io-client integration seems to have…

统计学会用到python吗_统计学学的统计软件深吗(例如Python)普通一本统计学大一不知道该干什么?...

统计学的话&#xff0c;不考虑把基础课和专业课好好学一学嘛&#xff5e; 大一的话数分高代几何已经占了很长时间啦&#xff0c;多刷刷题&#xff0c;把绩点和排名搞得高一点是重中之重嘛&#xff5e;再说学习语言的事儿&#xff5e; 要说日常使用&#xff0c;那还是更推荐pyth…

枚举转中文,通过反射方法与描述的方式获取

示例&#xff1a; 有人为了显示中文&#xff0c;这样定义枚举吗&#xff1f; publicenum TimeOfDay { 上午, 下午, 晚上 }; 这样定义&#xff0c;很别扭&#xff0c;特别是在使用的时候&#xff0c; 比如&#xff0c;this.Time TimeOfDay.上午; 而…

Java语言最新实用案例教程_Java 语言实用案例教程

基本信息书名:Java 语言实用案例教程出版价格&#xff1a;48元作者:常玉慧, 王秀梅出版社&#xff1a;科学出版社出版日期&#xff1a;2016-10-1ISBN&#xff1a;9787030497383字数&#xff1a;387000页码&#xff1a;235版次&#xff1a;版装帧&#xff1a;平装开本&#xff1…

(转)Java随机数

1 随机数的三种产生方式 本章先讲解Java随机数的几种产生方式&#xff0c;然后通过示例对其进行演示。 广义上讲&#xff0c;Java中的随机数的有三种产生方式&#xff1a; (01). 通过System.currentTimeMillis()来获取一个当前时间毫秒数的long型数字。(02). 通过Math.random()…

leetcode105. 从前序与中序遍历序列构造二叉树(递归)

根据一棵树的前序遍历与中序遍历构造二叉树。注意: 你可以假设树中没有重复的元素。例如&#xff0c;给出前序遍历 preorder [3,9,20,15,7] 中序遍历 inorder [9,3,15,20,7] 返回如下的二叉树&#xff1a;3/ \9 20/ \15 7代码 /*** Definition for a binary tree node.*…

途虎养车三个创始人_3个来自非常规创始人的获奖技术和产品见解

途虎养车三个创始人by Henry通过亨利 3个来自非常规创始人的获奖技术和产品见解 (3 Winning Technology & Product Insights from WeChat’s unconventional founder) Intro: The writer is a current PMLinkedIn. Formerly he worked as a growth engineer Facebook. he …

Powershell-创建Module

1.找到默认module路径&#xff0c;ISE启动时自动加载默认领下的Module代码。 $env:PSModulePath 2.在其中一个默认路径下创建个文件夹&#xff0c;在文件夹下创建一个.psm1后缀文件&#xff0c;注意文件夹名字与文件名一样。 3.在.psm1文件中写入函数代码。 4.重启ISE自动加载m…

android是java_为什么大家都用JAVA写android程序

您好&#xff0c;1、原始类型&#xff1a;v void 只能用于返回值类型Z booleanB byteS shortC charI intJ long(64位)F floatD double(64位)对象类型&#xff1a;Lpackage/name/ObjectName相当于java中的package.name.ObjectName解释如下&#xff1a;L&#xff1a;表示这是一个…

preserve log什么意思_一些有意思的JavaScript代码片段

Javascript是一门很灵活的语言&#xff0c;我们可以使用它动态地实现各种各样的功能。但是动态带来便利的同时&#xff0c;也存在一些令人费解的行为&#xff0c;稍不注意就会进入误区一个接着一个的坑。虽然我使用JavaScript的时间还不算长&#xff0c;也是遇到了一些有意思的…

快速排序——Java

快排的思想想必大家都懂&#xff0c;前后两个指针&#xff0c;向中间靠拢。我这个partition函数能保证所有相同的数都被比较一次&#xff0c;靠拢在一起。 代码&#xff1a; public class Main { public static int[] partition1(int[] arr, int begin, int end, int pivotVal…