14、Django实战第14天:列表筛选功能
今天完成的是点击这些条件进行机构的筛选

首先来完成城市:当用户点击城市的时候,我们自动给它加一个参数(city.id)

编辑organization.views.py

刷新页面,发现筛选功能已经OK了,但是点击后的城市并不是一个选中的状态(样式)。如果要让筛选的城市点击后变成选中的状态,我们就需要在后台把city_id传递回来进行对比


城市筛选已经完成了
接下来做机构类别筛选
后台逻辑

前端

然后,统计机构数那里要改下,那是因为我们过早统计了arg_nums,我们只需要把arg_nums移到筛选之后统计就可以了

学习人数,课程数排序
修改前端,配置html带参数

后台逻辑

判断选中的样式

然后还要修改下html中的url参数,把这次排序和 机构类别,所在地区关联上

授课机构排名
我们只要根据点击量来筛选出3个课程机构,然后展示出来就ok

前端配置:显示只要按顺序就可以了(后台已经排好序)。然后就是排名位数显示,我们用到了{{ forloop.counter }},这个变量会自动根据for循环计数。

14、Django实战第14天:列表筛选功能的更多相关文章
- PHP多条件分类列表筛选功能开发实例
		
PHP多条件分类列表筛选功能开发实例,前后台一起实现 后台对接可以拼接sql语句,PHP通过表单值隐藏值筛选,常用又实用! 表单筛选核心函数 function Filter(a, b) { var $ ...
 - mxonline实战8,机构列表分页功能,以及按条件筛选功能
		
对应github地址:列表分页和按条件筛选 一. 列表分页 1. pip install django-pure-pagination 2. settings.py中 install ...
 - django——个人博客之分页/筛选功能
		
在完成了注册.登录后就应该显示主页,在主页中有各种功能的按钮,用户点击后进入后台管理,不同角色的用户根据权限不同显示的页面是不相同的,在个人博客页面会显示自己发布的文章,以及自己的保障记录,在进入后台 ...
 - vue 移动端列表筛选功能实现
		
最近兴趣所致,打算使用vant搭建一个webapp,由于需要使用列表筛选,没有找到合适组件,于是写了一个简单的功能,权当记录. 效果如下: HTML: <div class=&qu ...
 - Django实战(14):让页面联动起来
		
上一节我们实现了一个”能看不能用“的购物车,现在我们来使用这个购物车. 首先是产品目录界面中的”加入购物车“链接,我们希望点击这个按钮后,在购物车中添加该产品(添加的规则是如果购物车中已经有该产品就增 ...
 - 27、Django实战第27天:全局搜索功能开发
		
当我们选择其中一个类别(公开课,课程讲师,授课老师),输入搜索内容,点击搜索后会跳转到相应的列表页中进行展示 我们输入的内容作为参数keyword传入后台 搜索"公开课" 当课程中 ...
 - 9、Django实战第9天:用户注册功能
		
今天完成的是用户注册功能... 首先把注册页面的前端文件register.html复制到templates目录下 编辑users.views.py,创建一个注册的类 class RegisterVie ...
 - 36、Django实战第36天:首页功能开发
		
1.编辑users.views.py ... class IndexView(View): """ 首页 """ def get(self, ...
 - 第三百八十九节,Django+Xadmin打造上线标准的在线教育平台—列表筛选结合分页
		
第三百八十九节,Django+Xadmin打造上线标准的在线教育平台—列表筛选结合分页 根据用户的筛选条件来结合分页 实现原理就是,当用户点击一个筛选条件时,通过get请求方式传参将筛选的id或者值, ...
 
随机推荐
- [Leetcode] Populating next right pointer in each node 填充每个节点的右指针
			
Given a binary tree struct TreeLinkNode { TreeLinkNode *left; TreeLinkNode *right; TreeLinkNode *nex ...
 - Reasons to use innodb_file_per_table
			
When working with InnoDB, you have two ways for managing the tablespace storage: Throw everything in ...
 - HDU 5655 四边形判断
			
CA Loves Stick Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 262144/262144 K (Java/Others) ...
 - [NOI2003] 文本编辑器 (splay)
			
复制炸格式了,就不贴题面了 [NOI2003] 文本编辑器 Solution 对于光标的移动,我们只要记录一下现在在哪里就可以了 Insert操作:手动维护中序遍历结果,即每次取中点像线段树一样一样递 ...
 - POJ 1064---二分搜索法
			
///2.假定一个解并判断是否可行 ///POJ1064 /** Q:有N条绳子,长度分别为Li,从中切割出k条长度相同的绳子, 这K条绳子最长能有多长?保留两位小数 A: 二分搜索模型. 条件C(x ...
 - Python基础(7)闭包函数、装饰器
			
一.闭包函数 闭包函数:1.函数内部定义函数,成为内部函数, 2.改内部函数包含对外部作用域,而不是对全局作用域名字的引用 那么该内部函数成为闭包函数 #最简单的无参闭包函数 def func1() ...
 - kafka+flume+HDFS日志采集项目框架
			
1,项目图如下: 2, 实现过程 启动HDFS: sbin/start-dfs.sh 启动zookeeper(三台): bin/zkServer.sh start 启动kafka(三台): root@ ...
 - 【bzoj3196-二逼平衡树】线段树套平衡树
			
http://acm.hust.edu.cn/vjudge/problem/42297 [题目描述] 写一种数据结构,来维护一个有序数列,其中需要提供以下操作: 1.查询k在区间内的排名 2.查询区间 ...
 - 【BZOJ2460】【BJOI2011】元素 [线性基]
			
元素 Time Limit: 20 Sec Memory Limit: 128 MB[Submit][Status][Discuss] Description 相传,在远古时期,位于西方大陆的 Ma ...
 - hdu 4506 小明系列故事——师兄帮帮忙
			
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4506 题目大意:找规律,判断k的t次幂前面的系数. #include <iostream> ...