5.5. 商品筛选、排序

本教程最新版为 8.x,当前版本已放弃维护,请阅读最新版本!

商品筛选、排序

电商网站必不可缺的功能就是商品的筛选和排序,接下来我们就要实现这个功能。

首先我们在前端页面加上筛选和排序的组件:

1. 前端组件

resources/views/products/index.blade.php

.
.
.
<div class="panel panel-default">
  <div class="panel-body">
    <!-- 筛选组件开始 -->
    <div class="row">
      <form action="{{ route('products.index') }}" class="form-inline search-form">
        <input type="text" class="form-control input-sm" name="search" placeholder="搜索">
        <button class="btn btn-primary btn-sm">搜索</button>
        <select name="order" class="form-control input-sm pull-right">
          <option value="">排序方式</option>
          <option value="price_asc">价格从低到高</option>
          <option value="price_desc">价格从高到低</option>
          <option value="sold_count_desc">销量从高到低<...

本文章首发在 LearnKu.com 网站上。

为了保证课程的高品质,我们需要对课程进行收费。付费后 才能观看剩余内容。 购买

上一篇 下一篇
Summer
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
贡献者:1
讨论数量: 29

Pepsi丶
可以解释一下这里 orWhereHas () 每个参数的意思吗?
1 个点赞 | 9 个回复 | 问答 | 课程版本 5.5
finley
Laravel 中 vue 模板语法的使用问题,求解
1 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
前端页面突然混乱?
1 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
jingzhongwa
代码细节问题 if ($search = $request->input ('search', ''))
1 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
Neymar
不太理解模糊查询里的闭包,麻烦讲解一下!
0 个点赞 | 6 个回复 | 问答 | 课程版本 5.7
FreeMason
优化判断代码 ?
0 个点赞 | 5 个回复 | 分享 | 课程版本 5.5
msmax
排序和搜索的 JS 不起作用,控制台提示好像是与 vue 有关。
0 个点赞 | 4 个回复 | 问答 | 课程版本 6.x
bing_
为什么搜出来的结果不是排第一位?
0 个点赞 | 3 个回复 | 分享 | 课程版本 5.8
李小明
如果时间搜索该如何写呢?
0 个点赞 | 2 个回复 | 问答 | 课程版本 6.x
shenghuo1991
排序中 $m 哪里来的
0 个点赞 | 2 个回复 | 分享 | 课程版本 5.8
wjim
var filters = {!! JSON_encode ($filters) !!};出现报错的问题?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.8
_杭城浪子
$products = $builder->paginate ();
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
HadesTso
order 排序的时候 选择价格会影响到界面
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
HQY
有关 order 代码的理解?
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
Yongcheng
{!! json_encode($filters) !!}
0 个点赞 | 1 个回复 | 问答 | 课程版本 6.x
leiyuxue
这里的表单提交form里面为啥没有 method='' 和@csrf
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
akon
控制器中的商品搜索逻辑是否可以封装到 service 层?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
CodeFarmer
无法保留用户搜索内容
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
夏天
use ($like) 大佬可以解释一下这个吗
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
战狼1991
搜索产品
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
王鲸弋
search 模糊查询出错?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
jingzhongwa
模糊查找的索引优化
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
BV
很遗憾地发现移动端没有调整好?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
ZhANG59
8.x 版本中可以把 ->render() 改为 ->links()
0 个点赞 | 0 个回复 | 分享 | 课程版本 8.x
MEILI
商品的模糊搜索使用闭包的区别?
0 个点赞 | 0 个回复 | 问答 | 课程版本 8.x