SSM项目之商铺系统-前端展示系统之商品详情页开发(二十)

最新推荐文章于 2024-07-08 19:57:58 发布

Sunmeok

最新推荐文章于 2024-07-08 19:57:58 发布

阅读量1.9k

点赞数 1

本文链接：https://blog.csdn.net/sunmeok/article/details/81480393

版权

接下来我们开发商品详情页，就是当我们点击商品时进入的页面

由于尺寸问题不好显示，就是显示了商品的缩略图和详情图，和价位还有最后一次修改时间

@Controller
@RequestMapping("/frontend")
public class ProductDetailController {
    @Autowired
    private ProductService productService;

    /**
     * 根据商品Id获取商品详情
     *
     * @param request
     * @return
     */
    @RequestMapping(value = "/listproductdetailpageinfo", method = RequestMethod.GET)
    @ResponseBody
    private Map<String, Object> listProductDetailPageInfo(HttpServletRequest request) {
        Map<String, Object> modelMap = new HashMap<String, Object>();
        // 获取前台传递过来的productId
        long productId = HttpServletRequestUtil.getLong(request, "productId");
        Product product = null;
        // 空值判断
        if (productId != -1) {
            // 根据productId获取商品信息，包含商品详情图列表
            product = productService.getProductById(productId);
            modelMap.put("product", product);
            modelMap.put("success", true);
        } else {
            modelMap.put("success", false);
            modelMap.put("errMsg", "empty productId");
        }
        return modelMap;
    }
}

那么通过productId获得了product的数据，我们交给前台即可

因为有了新的html，增加转发路由

view层：

<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>商品详情</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <l