5.5. 商品筛选、排序

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

商品筛选、排序

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

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

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...

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

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

上一篇 下一篇
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
贡献者:1
讨论数量: 2

laravel_peng
Laravel8环境下,筛选组件使用教程中的样式不适用的问题。
5 个点赞 | 2 个回复 | 分享 | 课程版本 8.x
战狼1991
搜索产品
0 个点赞 | 1 个回复 | 问答 | 课程版本 5.7