1跳转到该页面，默认选择第一颜色，第一个尺码，并显示价格，运费,库存

2.当选择一个颜色时，尺码默认选择第一个，动态显示价格等数据

3,当选择尺码时候，对应显示该尺码颜色对应的价格数据

jsp

    
    
        
     
            
      
                
       
                    
                        
       
            
      
        
     
        
     
            
      
                
       
${product.name }
                
       
巴 巴 价：￥128.00(市场价:￥150.00)
                
       
商品评价：4分                    (已有888人评价)
                
       
运 费：10元
                
       
库 存：100件
                
       
选择颜色：                    
        
                        
          
           ${color.name } 
                             
        
                
       
尺 码： S M L XL XXL
                
       
我 要 买： -                                         +
                
       
                                
            
      
        
     
    
    

controller返回的数据

* 商品前台页面     */    @RequestMapping(value = "/product/productDetail.shtml")    public String productDetail(Integer id, ModelMap modelMap) {
   //id=商品id        // sku集合        List
    
      skuList = skuService.getStock(id);        modelMap.addAttribute("skuList", skuList);        // 商品集合        Product product = productService.getProductByKey(id);        modelMap.addAttribute("product", product);        // 颜色集合        List
     
       colors = new ArrayList
      
       ();        //去重复        for (Sku sku : skuList) {            //判断集合中是否已经有此颜色对象了            if (!colors.contains(sku.getColor())) {                colors.add(sku.getColor());            }        }        modelMap.addAttribute("colors", colors);        // 尺寸集合        return "product/productDetail";    }