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'));
    }