Menu

5.5. 商品筛选、排序

商品筛选、排序

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

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

1. 前端组件

resources/views/products/index.blade.php

.
.
.
<div class="card">
  <div class="card-body">
    <!-- 筛选组件开始 -->
    <form action="{{ route('products.index') }}" class="search-form">
      <div class="form-row">
        <div class="col-md-9">
          <div class="form-row">
            <div class="col-auto"><input type="text" class="form-control form-control-sm" name="search" placeholder="搜索"></div>
            <div class="col-auto"><button class="btn btn-primary btn-sm">搜索</button></div>
          </div>
        </div>
        <div class="col-md-3">
          <select name="order" class="form-control form-control-sm float-right">
            <option...

本文章首发在 Laravel China 社区

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

上一篇 下一篇
讨论数量: 16

Pepsi丶
可以解释一下这里 orWhereHas () 每个参数的意思吗?
1 个点赞 | 7 个回复 | 问答 | 课程版本 5.5
FreeMason
优化判断代码 ?
0 个点赞 | 5 个回复 | 分享 | 课程版本 5.5
有关 order 代码的理解?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
BV
很遗憾地发现移动端没有调整好?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
野外的咸章鱼
前端页面突然混乱?
1 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
HadesTso
order 排序的时候 选择价格会影响到界面
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
jingzhognwa
代码细节问题 if ($search = $request->input ('search', ''))
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
jingzhognwa
模糊查找的索引优化
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
finley
Laravel 中 vue 模板语法的使用问题,求解
0 个点赞 | 3 个回复 | 问答 | 课程版本 5.5
iVerywang
search 模糊查询出错?
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.5
等车的猪
$products = $builder->paginate ();
0 个点赞 | 2 个回复 | 问答 | 课程版本 5.5
战狼1991
搜索产品
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7
刻意练习,每日精进。
2
点赞
565
浏览
16
讨论