Laravel电商系统如何修改代码实现单商品从购物车提交下单功能

实现步骤 #

1. 调整路由定义 #

首先修改routes/web.php中的订单页面路由，支持接收POST参数（兼容单选/多选商品场景）：

// 原来的无参路由可以保留，也可以直接替换为下面的带请求类型的路由
Route::match(['get', 'post'], '/order', [ProductController::class, 'order']);

2. 修改ProductController的order方法 #

调整逻辑支持筛选指定购物车商品，同时兼容原有「一键购买全部」的功能，新增权限校验避免越权操作：

use Illuminate\Http\Request;

public function order(Request $request)
{
    $user_id = Session::get('name')['id'];
    // 基础查询构造
    $query = DB::table('cart')
        ->join('products', 'cart.product_id', '=', 'products.id')
        ->where('cart.user_id', $user_id);
    
    // 如果传入了选中的购物车记录ID，就筛选对应商品
    if ($request->has('cart_ids')) {
        $query->whereIn('cart.id', $request->input('cart_ids'));
    }
    
    $product = $query->select('products.*')->get();
    return view('order-product')->with('product', $product);
}

注：这里使用购物车表的自增ID做筛选，而非商品ID，是为了适配购物车中同一商品多份加购的场景，避免误筛选出用户购物车中所有同款商品。

3. 调整购物车页面前端代码 #

单个商品单独购买场景

在每个购物车商品项中插入独立的购买提交表单：

@foreach($cart_list as $item)
<div class="cart-item">
    <!-- 原有商品展示代码 -->
    <form action="/order" method="post">
        @csrf
        <input type="hidden" name="cart_ids[]" value="{{ $item->id }}">
        <button type="submit">单独购买</button>
    </form>
</div>
@endforeach

支持多选商品购买场景

给整个购物车加统一表单，搭配复选框选中多个商品：

<form action="/order" method="post">
    @csrf
    @foreach($cart_list as $item)
    <div class="cart-item">
        <input type="checkbox" name="cart_ids[]" value="{{ $item->id }}">
        <!-- 原有商品展示代码 -->
    </div>
    @endforeach
    <button type="submit">购买选中商品</button>
    <button type="button" id="buyAll">一键购买全部</button>
</form>

<script>
// 一键购买全部的逻辑：全选复选框后提交表单
document.getElementById('buyAll').addEventListener('click', function() {
    document.querySelectorAll('input[name="cart_ids[]"]').forEach(el => el.checked = true);
    this.closest('form').submit();
});
</script>

内容的提问来源于stack exchange，提问作者NeilNyx