Javaweb实现电子商城在线购物网站的购物车作业界面案例SSM JavaScript jQuery

一、前端

 
 







    





    
    
    

    
    
    

        


            
            

                
 当前位置：我的购物车 
                

                    
                             

                        

                            

                                

                                
 图片 
                                
 名称 
                                
 价格 
                                
 数量 
                                
 小计 
                                
 操作 
                            
                        
                        

                        
                        

                                
 ${shopCar.article.price}
                                

                                
${shopCar.article.title}
                                

                                
                                   价格:${shopCar.article.price}
                                   
                                   
                                        折后价:
                                  
                                
                                

                                    
                                     
                                    
                                    
                                
                                

                                
 删除 
                                     收藏 
                            
                        
                        

                    
                        
                    
                
            
            
        
        
        

            
            
            

            购物车商品总金额: 元     
            
                去结算 0
            
        
        
        
        

        
    
    
    

二、后端控制层

/**
 * 
 */
package com.longIt.shoppingApp.controller;

import java.util.List;

import javax.servlet.http.HttpSession;

import org.apache.ibatis.annotations.Param;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import com.longIt.shoppingApp.bean.Shopcar;
import com.longIt.shoppingApp.mapper.ShopcarMapper;
import com.longIt.shoppingApp.service.ShopCarServiceI;


@Controller
@RequestMapping("/shopCar")
public class ShopCarController {
    
    @Autowired
    private ShopCarServiceI shopCarService;
    
    @RequestMapping("/addToCar.do")
    public String addShopCar(HttpSession session,@Param("id")int id,@Param("number")int number) {shopCarService.addArticleToShopCar(session,id,number);
        
        // 商品加入购物车成功之后，立马展示购物车中的商品信息
        return "redirect:/shopCar/showShopCar.do";
    }
    
    // 展示购物车中的商品信息
    @RequestMapping("/showShopCar.do")
    public String showShopCar(HttpSession session,Model model) {
        
        // 根据用户的 id 获取该用户购物详情
        List shopCars = shopCarService.getAllShopCarByUserId(session);
        model.addAttribute("shopCars", shopCars);
        
        // 定义总金额
        double totalPrice = 0.0;
        
        // 遍历集合  计算购物车中商品的总金额
        for(Shopcar shopcar : shopCars) {totalPrice += shopcar.getArticle().getDiscountPrice() * shopcar.getBuynum();
        }
        
        model.addAttribute("totalPrice", totalPrice);
        
        // 跳转至展示购物车中商品信息的页面
        return "shopCar";
    }
    
    // 更新购物车中商品的信息
        @RequestMapping("/updateShopcar.do")
        public String updateShopcar(HttpSession session,@Param("id")int id,@Param("number")int number) {
            
            // 更新购物车中商品的购物数量
            shopCarService.updateShopcar(session,id,number);
            
            // 商品加入购物车成功之后，立马展示购物车中的商品信息
            return "redirect:/shopCar/showShopCar.do";
        }
        
        // 删除购物车中商品的信息
        @RequestMapping("/deleteShopCar.do")
        public String deleteShopCar(HttpSession session,@Param("id")int id) {
            
            // 删除购物车中商品的购物数量
            shopCarService.deleteShopcar(session,id);
            
            // 商品加入购物车成功之后，立马展示购物车中的商品信息
            return "redirect:/shopCar/showShopCar.do";
        }

    
}

1 选题的依据及意义

当今社会，随着 Internet 的发展，网上购物已经成为了一种新的购物理念，人们可以足不出户便可以购买所需的物品。随着“互联网 +”、轻量级框架、分布式、高并发高可用等概念的提出，使得 Web 应用的开发技术得到了进一步的推进及深发展，对网上商城的设计、实现、管理产生了深远的影响，并在购物网站的开发中得到了广泛的应用。为了迎合市场需要，越来越多的网上商城应运而生。

由于其便利性，如今相较于传统商店购物，越来越多的人喜欢网上购物。发达的网络购物环境为消费者或企业提供大量信息，这些信息使得整个购物环境更加透明，可以为消费者带来最好的购物体验，同时也促进了各个企业的技术演进和发展。可以说在线商城系统的出现改变了人们的生活方式，并带动了相关行业的发展，对社会的发展有十分积极的作用。

2 国内外研究现状及发展趋势

网上购物是随着网络技术的发展而出现的一种新型销售渠道。它通过人与电子通信方式的结合，依靠计算机网络，以通讯技术为基础，实现商品销售的网上交易。网上购物同传统的店面购物相比，网上购物的经营方式和销售渠道是全新的; 它 24 小时全天候和全方位服务是店面购物所不能比及的。

以下是儿项调查:

1、购买物品的对象: 如今的网络已入得民心，网上购物者大多是学生和上班族，年龄段在 16-35 岁之间，其中学生占主导地位，多已高中生和大学生, 上班族是以低薪族为主，薪水 1000 到 3000 左右;

2、购买的物品: 从调查来看，网上购买物品主要分为两类: 相对实体店物关价廉的和在实体店买不到的; 其中，饰品、服装鞋帽、箱包皮具、电子数码产品受到消费者的青眯，另外化妆品、礼品玩具、首饰配物和家具日用品等都有很大的发展空间。

3、方便性: 通过网络，消费者足不出户就可以购买物品，还可以邮寄上门，节省了消费者的时间，而且消费者可以在任何自己方便时间内购买物品。

相对于传统购物方式而言，网络购物已经广泛受到消费者以及企业的高度重视。随着传统购物方式竞争的白炽化、网上购物环境的成熟、网上购物市场规模的飞速增长。一面是传统渠道竞争的压力，另一面是新兴渠道广阔市场前景诱惑，网络购物已经成为众多消费者的首选购物方式。

3 本课题研究内容

《SSM 框架网上书城》采用 B / S 架构，主要针对买家与卖家（管理员）两种角色。本系统的主要功能就是分为买家注册和登录、查看商品信息、加入商品到购物车、提交订单、支付等功能；卖家（管理员）管理用户、商品（商品分类）、订单等功能。本系统在系统的设计与开发过程中严格遵守软件工程的规范，运用软件设计模式，从而减少系统模块间的偶合，力求做到系统的稳定性、可重用性和可扩充性。

《SSM 框架网上书城》主要功能如下：

1. 买家：

2. 注册和登录：用户通过注册成为系统的会员，并且在登录后能使用买家的相关权限；

3. 查看商品信息：用户或者游客都可以访问商品的详细信息；

4. 购物车：购物车可以零时存放用户看中的货物，以便一次性的对多个商品进行购买；

5. 提交订单：用户在进行商品的购买时，就会以提交订单的形式来完成；

6. 卖家（管理员）：

7. 登录：卖家（管理员）可以登录管理后台以完成相关的管理功能；

8. 用户管理：卖家（管理员）可以管理已注册用户的相关信息；

9. 商品管理：卖家（管理员）可以管理商品的相关信息以及整个系统的商品分类信息；

10. 订单管理：查看和管理用户提交的订单；