本文共 801 字，大约阅读时间需要 2 分钟。

购物车

四大步骤

第一步：用户注册，首先是前端正则检测，然后后端cookie检测，符合规则，注册成功，点击登录跳转到登录页面

第二步：用户登录，首先是前端正则检测，然后后端cookie检测，符合规则，登录成功，跳转到商品详情页面

第三步：商品详情页，点击购买商品会加入到购物车，点击查看购物车会跳转到购物车页面

第四步：购物车页面

效果

文件结构

一个购物车文件夹，下面有四个HTML文件，一个js文件夹，里有一个js文件。

代码

1.注册

    
       
           
用户注册
    
请输入用户名：
    
请输入密码：
    
请输入确认密码：
    
            

2.登录

    
       
           
用户登录
    
请输入用户名：
    
请输入密码：
    
            

3.商品详情页

    
       
               
   
		    
     
			      
商品名
			      
价格
			      
操作
		     
		     
			      
水杯
			      
29
			      
购买
		     
		     
			      
电脑
			      
4999
			      
购买
		     
		     
			      
手机
			      
1999
			      
购买
		     
        
   
    查看购物车            

4.购物车页

    
       
               
   
            
     
      
序号
      
商品名称
      
商品单价
      
数量
     
        
   
            

转载地址：http://ctqzi.baihongyu.com/