零基础学做网站培训介绍

当前位置:

网站多条件筛选搜索功能制作方法

我们经常看到很多网站里有多条件筛选搜索功能,可以同时选择多个条件来筛选符合全部条件的信息。例如电影网站制作中供用户筛选影片,号码网站筛选符合多种条件的号码。如下图:

网站多条件筛选搜索功能

在自己做网站时,怎么制作这样的多条件筛选功能呢?下面就是WORDPRESS程序为例介绍一下网站多条件筛选搜索功能制作方法。

WordPress要实现文章多重筛选的核心函数就是wp_query( );以下是使用wp_query( )实际实用方法。

条件选择


// 分类
if(isset($_GET['cat'])&& $_GET['cat']!='') {
$cat_name=$_GET['cat'];
}
// 标签
if(isset($_GET['tag']) ){
$tag=$_GET['tag'];
}
// 规律
if(isset($_GET['guilv'])&& $_GET['guilv']!='') {
$guilv=$_GET['guilv'];
}

// 价格区间
if(isset($_GET['jiagequjian'])&&$_GET['jiagequjian']!='' ){
$jiagequjian=$_GET['jiagequjian'];
}

$metaArray=array();

// 自定义规律字段:guilv
if(isset($_GET['guilv'])&& $_GET['guilv']!=''){
$array_temp = array('key' => 'guilv', 'value'=>$_GET['guilv'], 'compare'=>'=');
array_push($metaArray,$array_temp);
}

// 自定义价格区间字段:jiagequjian
if(isset($_GET['jiagequjian'])&&$_GET['jiagequjian']!=''){
$array_temp = array('key' => 'jiagequjian', 'value'=>$_GET['jiagequjian'], 'compare'=>'=');
array_push($metaArray,$array_temp);
}

排序显示


//正反顺序
if($_GET['orderby']=='时间升序' || $_GET['orderby'] =='价格升序'){
$order='ASC';//按升序
}
else
{
$order = 'DESC';//按降序
}

//默认按时间排序
$orderby='date';

//如果用户设置了按文章特定字段价排序

if($_GET['orderby'] =='价格升序' || $_GET['orderby'] =='价格降序'){ //价格升序

//获取上述参数,组成查询条件 按价格排序
$args = array(
'meta_query' => $metaArray,
'cat' =>$cat_name,
'tag'= $tag_name,
'order' => $order,
'meta_key' => 'jiage',//按照价格数值排序
'orderby' => 'meta_value_num',
);

}else{

//常规排序方法(按发布时间)
$args = array(
'meta_query' => $metaArray,
'cat' =>$cat_name,
'tag'= $tag_name,
'showposts' =>200,
'order' => $order,
'orderby' => $orderby,
);
}

//查询文章
$query = new WP_Query( $args );

循环显示


<?php while ($query->have_posts()) : $query->the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>

整体多条件搜索功能代码如下:


<?php
// 分类
if(isset($_GET['cat'])&& $_GET['cat']!='') {
$cat_name=$_GET['cat'];
}
// 标签
if(isset($_GET['tag']) ){
$tag=$_GET['tag'];
}
// 规律
if(isset($_GET['guilv'])&& $_GET['guilv']!='') {
$guilv=$_GET['guilv'];
}

// 价格区间
if(isset($_GET['jiagequjian'])&&$_GET['jiagequjian']!='' ){
$jiagequjian=$_GET['jiagequjian'];
}

$metaArray=array();

// 自定义规律字段:guilv
if(isset($_GET['guilv'])&& $_GET['guilv']!=''){
$array_temp = array('key' => 'guilv', 'value'=>$_GET['guilv'], 'compare'=>'=');
array_push($metaArray,$array_temp);
}

// 自定义价格区间字段:jiagequjian
if(isset($_GET['jiagequjian'])&&$_GET['jiagequjian']!=''){
$array_temp = array('key' => 'jiagequjian', 'value'=>$_GET['jiagequjian'], 'compare'=>'=');
array_push($metaArray,$array_temp);
}

//正反顺序
if($_GET['orderby']=='时间升序' || $_GET['orderby'] =='价格升序'){
$order='ASC';//按升序
}
else
{
$order = 'DESC';//按降序
}

//默认按时间排序
$orderby='date';

//如果用户设置了按文章特定字段价排序

if($_GET['orderby'] =='价格升序' || $_GET['orderby'] =='价格降序'){ //价格升序

//获取上述参数,组成查询条件 按价格排序
$args = array(
'meta_query' => $metaArray,
'cat' =>$cat_name,
'tag'= $tag_name,
'order' => $order,
'meta_key' => 'jiage',//按照价格数值排序
'orderby' => 'meta_value_num',
);

}else{

//常规排序方法(按发布时间)
$args = array(
'meta_query' => $metaArray,
'cat' =>$cat_name,
'tag'= $tag_name,
'showposts' =>200,
'order' => $order,
'orderby' => $orderby,
);
}

//查询文章
$query = new WP_Query( $args );
?>

<?php while ($query->have_posts()) : $query->the_post(); ?>
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
<?php endwhile; ?>

如果多重筛选需要分页,你可能需要 WP-PageNavi这个插件配合上面的代码使用。


wp_pagenavi( array( 'query' => $query ) );

相关阅读:

WordPress搜索框如何屏蔽恶意关键词搜索

WordPress搜索结果怎么屏蔽Page页面和指定分类

纯CSS制作网站可伸缩的搜索框

发表评论

电子邮件地址不会被公开。 必填项已用*标注