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.pswp.cn/news/394161.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/394161.shtml
英文地址,請注明出處:http://en.pswp.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…