XOOPS輕鬆架 - 線上書籍

:::

Laravel 5.8 入門講義 
=================

1. 先修改模板中，刪除的按紐，我們可以將要刪除的商品編號加入（其實加購物車編號也行） 
    ```markup
    <a href="#" class="btn btn-danger btn-sm btn-del-from-cart" data-id="{{ $cart->product_id }}">移除</a>
    ```
    
    接著修改JavaScript的部份
    
     
    ```markup
    @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行，刪除完就進行重整動作，以便看到新的清單內容。  
         ![](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/43/pic108.png)
2. 接著修改路由`\專案\routes\web.php`，在裡面加入一組刪除購物車品項的設定（第9行），請注意，刪除的動詞要用`delete`喔！ 
    ```php
    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` 
    ```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觀看此單元程式異動](https://campus-xoops.tn.edu.tw/uploads/tad_book3/image/34/to_github.png)](https://github.com/tad0616/myshop/commit/a4eaae72e4a02b0db46870ad6913557e6fe9ae33)

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1448

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器