Laravel 排序购物清单前端

Question

我正在为一个大学项目开店。这是我在网络开发方面的第一门课程，我不明白如何通过 laravel 中的 html 下拉选择对购物列表页面进行排序。前端刀片<div class="toolbar-sorter">  <span>Sort By</span>  <select name="sorter" class="sorter-options"  style="width:150px; "data-role="sorter">    <option selected="selected" value='comic_name'>Titolo: A-Z </option>    <option value='comic_name'> Titolo: Z-A </option>    <option value='price'> Prezzo: Crescente </option>    <option value='price'> Prezzo: Decrescente </option>    <option value='created_at'> Ultimi Arrivati </option>  </select></div>Route.php（这不是shoplist的唯一路由）Route::get('/shoplist', 'ComicController@shoplistBase');漫画控制器public function shoplistBase(){    $genres = Genre::all();    $comics = Comic::paginate(9);    return view('shoplist')->with(compact('genres'))->with(compact('comics'));}

Answer 1

假设您使用相同的路线进行排序：

将您的下拉菜单包装在一个表单中

确保为每个选项使用唯一值

<form action="/shoplist" method="GET">

    <div class="toolbar-sorter">

        <span>Sort By</span>

        <select name="sorter" class="sorter-options" style="width:150px; " data-role="sorter">

            <option selected="selected" value='comic_name_asc'>Titolo: A-Z</option>

            <option value='comic_name_desc'> Titolo: Z-A</option>

            <option value='price_asc'> Prezzo: Crescente</option>

            <option value='price_desc'> Prezzo: Decrescente</option>

            <option value='created_at'> Ultimi Arrivati</option>

        </select>

    </div>

    <button type="submit">Filter</button>

</form>

在您的控制器中处理过滤器请求

    public function shoplistBase(Request $request)

    {

        $genres = Genre::all();

        if ($request->has('sorter')){

            switch($request->get('sorter')){

                case `comic_name_asc`:

                    $comics = Comic::orderBy('name', 'desc')->paginate(9);

                    break;

                case `comic_name_desc`:

                        //..

                    break;

            }

        } else {

            $comics = Comic::paginate(9);

        }

        return view('shoplist')->with(compact('genres'))->with(compact('comics'));

    }