:::

16-2 刪除某個購物品項

  1. 先修改模板中,刪除的按紐,我們可以將要刪除的商品編號加入(其實加購物車編號也行)
    <a href="#" class="btn btn-danger btn-sm btn-del-from-cart" data-id="{{ $cart->product_id }}">移除</a>

    接著修改JavaScript的部份

    @section('scriptsAfterJs')
        <script>
            $(document).ready(function () {
                $('.btn-del-from-cart').click(function () {
                    var product_id=$(this).data('id');
                    swal({
                        title: "確認要將該商品移除?",
                        icon: "warning",
                        buttons: ['取消', '確定'],
                        dangerMode: true,
                    }).then(function(willDelete) {
                        // 用戶點擊 確定 按鈕,willDelete 的值就會是 true,否則為 false
                        if (!willDelete) {
                            return;
                        }
                        axios.delete('/cart/' + product_id)
                        .then(function () {
                            location.reload();
                        })
                    });
                });
            });
        </script>
    @endsection

    由於刪除是比較危險的動作,所以,一般都會先確認過後再刪除。

    1. 第5行,因為在then()中,是無法直接用$(this).data('id')來取的商品編號,所以,我們先用var product_id=$(this).data('id');來將取得編號設給自訂變數product_id,以便等會在then()中使用。

    2. 第13行,如果用戶點擊「確定」按鈕,自訂的willDelete 變數值就會是 true,否則為 false,換言之如果是false我們就直接跳出,不做刪除。

    3. 第16行,我們利用axios的delete送出delete動作,並執行「/cart/編號」的路徑,如此,便會呼叫對應的刪除路由設定。

    4. 第18行,刪除完就進行重整動作,以便看到新的清單內容。

  2. 接著修改路由\專案\routes\web.php,在裡面加入一組刪除購物車品項的設定(第9行),請注意,刪除的動詞要用delete喔!
    Route::pattern('product', '[0-9]+');
    Route::pattern('id', '[0-9]+');
    
    Route::get('/', 'ProductController@index')->name('index');
    Route::get('/product', 'ProductController@index')->name('product.index');
    Route::get('/product/{product}', 'ProductController@show')->name('product.show');
    
    Route::post('/cart/store', 'CartController@store')->name('cart.store');
    Route::get('/cart', 'CartController@index')->name('cart.index');
    Route::delete('/cart/{id}', 'CartController@destroy')->name('cart.destroy');
    
    Auth::routes();
    
    Route::get('/home', 'ProductController@index')->name('home');
    
  3. 接著修改控制器\專案\app\Http\Controllers\CartController.php
    public function destroy($id, Request $request)
    {
        $request->user()->carts()->where('product_id', $id)->delete();
        return [];
    }
    • 目前登入使用者是$request->user(),因為我們有設模型關聯,所以,可以輕鬆抓出目前登入者的所有購物車資料,即$request->user()->carts()最後利用where('product_id', $id)抓出指定資料並用delete()刪除之即可。
    • 記得要在index()中加入Request $request,因為我們要利用$request->user()來抓取目前登入者的資訊。

 

到GitHub觀看此單元程式異動  


:::

書籍目錄

展開 | 闔起

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D43%26tbdsn%3D1448

計數器

今天: 1494149414941494
昨天: 1416141614161416
總計: 7340141734014173401417340141734014173401417340141