Node.js中如何处理URL路径传递的商品ID路由参数

首先纠正一个URL写法误区：路由规则里的冒号是用来标记路径参数占位符的，实际访问的URL不需要带冒号，你要跳转ID为2的商品，正确地址是http://localhost:3000/product/2，不是http://localhost:3000/product/:2。

核心逻辑说明 #

Express 原生支持路径参数解析，不需要手动调用url.parse拆地址，实现只需要3步：

• 定义路由时用:参数名的格式声明路径参数占位符
• 在处理函数中通过req.params.参数名直接取到传递的ID值
• 拿到ID后直接查数据库对应商品即可，比你之前查全表遍历的写法效率更高

参考代码 #

// 路由中用 :productId 声明这是一个路径参数，匹配/product/任意值的请求
app.get('/product/:productId', async function(req, res){
    // 直接从req.params取传递的商品ID，默认是字符串类型，需要数字可以用Number()转
    const targetProductId = req.params.productId;

    let db = await getDBConnection();
    // SQL加条件直接查对应ID的商品，避免全表查询浪费性能
    const productInfo = await db.get('select * from items where product_id = ?', [targetProductId]);
    await db.close();

    if(!productInfo){
        // 匹配不到商品时返回404提示
        return res.status(404).send('对应商品不存在');
    }

    // 把商品数据传给详情页模板渲染
    res.render('product_detail', {
        product: productInfo
    });
});

前端跳转适配 #

你在商品列表页渲染条目时，直接给每个条目拼接对应跳转地址即可：

• 如果用a标签跳转：直接把href属性写成/product/[对应商品ID]，模板示例：

<a href="/product/<%= item.product_id %>">
  <img src="<%= item.product_image %>" alt="商品封面">
  <p><%= item.product_name %></p>
</a>

• 如果用JS点击事件跳转：触发时直接执行window.location.href = '/product/' + currentProductId即可

补充和你原有逻辑的区别：你之前处理的?key=value格式是查询字符串参数，挂载在req.query对象上；而/path/参数值格式的路径参数，挂载在req.params对象上，新版本Express已经自动完成解析，不需要手动调用url模块处理。

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