我正在為一個(gè)大學(xué)項(xiàng)目開店。這是我在網(wǎng)絡(luò)開發(fā)方面的第一門課程，我不明白如何通過 laravel 中的 html 下拉選擇對(duì)購物列表頁面進(jìn)行排序。前端刀片<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'));}
1 回答
慕的地8271018
TA貢獻(xiàn)1796條經(jīng)驗(yàn) 獲得超4個(gè)贊
假設(shè)您使用相同的路線進(jìn)行排序：
將您的下拉菜單包裝在一個(gè)表單中
確保為每個(gè)選項(xiàng)使用唯一值
<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>
在您的控制器中處理過濾器請(qǐng)求
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'));
}
- 1 回答
- 0 關(guān)注
- 97 瀏覽
添加回答
舉報(bào)
0/150
提交
取消