概念相关

购物车相信大家都用过，很方便，可以将多个商品添加到购物车，并且可以修改购买商品的数据，当然为了用户体验好，在修改数据时，你的价格也会出现变化的，这使用JS可以实现，但我认为，代码量挺大的，而使用knockoutjs可以大大减少代码量，而且更重要的是，当前台页面有所调整时，这个JS只需要简单调整，而不需要改后台代码！

代码相关

下面看一下实现简单购物车的代码

1 View部分

     
              
                   
                        
商品
                        
单价
                        
数量
                        
小计
                        
                   
              
              
                   
                        
                    
                        
                        
                                    
                        
                        
Remove
                   
              
         
    
        Total value:     
    Add product

2 JS部分

3 有图有真相

 完成代码如下

    
                      
      
               
                    
                         
商品
                         
单价
                         
数量
                         
小计
                         
                    
               
               
                    
                         
                    
                         
                         
                                    
                         
                         
Remove
                    
               
          
    
        Total value:     
    Add product    

 

感谢您的阅读！