1. 学习计划
第十二天：
1、购物车实现
2、订单确认页面展示
2. 购物车的实现
2.1. 功能分析
1、购物车是一个独立的表现层工程。
2、添加购物车不要求登录。可以指定购买商品的数量。
3、展示购物车列表页面
4、修改购物车商品数量
5、删除购物车商品
2.2. 工程搭建
e3-cart-web打包方式war
可以参考e3-portal-web
2.2.1. Pom文件
<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <parent> <groupId>cn.e3mall</groupId> <artifactId>e3-parent</artifactId> <version>0.0.1-SNAPSHOT</version> </parent> <groupId>cn.e3mall</groupId> <artifactId>e3-cart-web</artifactId> <version>0.0.1-SNAPSHOT</version> <packaging>war</packaging> <dependencies> <dependency> <groupId>cn.e3mall</groupId> <artifactId>e3-manager-interface</artifactId> <version>0.0.1-SNAPSHOT</version> </dependency> <!-- Spring --> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context</artifactId> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-beans</artifactId> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jdbc</artifactId> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-aspects</artifactId> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-jms</artifactId> </dependency> <dependency> <groupId>org.springframework</groupId> <artifactId>spring-context-support</artifactId> </dependency> <!-- JSP相关 --> <dependency> <groupId>jstl</groupId> <artifactId>jstl</artifactId> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>servlet-api</artifactId> <scope>provided</scope> </dependency> <dependency> <groupId>javax.servlet</groupId> <artifactId>jsp-api</artifactId> <scope>provided</scope> </dependency> <!-- dubbo相关 --> <dependency> <groupId>com.alibaba</groupId> <artifactId>dubbo</artifactId> <!-- 排除依赖 --> <exclusions> <exclusion> <groupId>org.springframework</groupId> <artifactId>spring</artifactId> </exclusion> <exclusion> <groupId>org.jboss.netty</groupId> <artifactId>netty</artifactId> </exclusion> </exclusions> </dependency> <dependency> <groupId>org.apache.zookeeper</groupId> <artifactId>zookeeper</artifactId> </dependency> <dependency> <groupId>com.github.sgroschupf</groupId> <artifactId>zkclient</artifactId> </dependency> <dependency> <groupId>junit</groupId> <artifactId>junit</artifactId> </dependency> </dependencies> <!-- 配置tomcat插件 --> <build> <plugins> <plugin> <groupId>org.apache.tomcat.maven</groupId> <artifactId>tomcat7-maven-plugin</artifactId> <configuration> <port>8089</port> <path>/</path> </configuration> </plugin> </plugins> </build> </project>
3. 未登录状态下使用购物车
3.1. 添加购物车
3.1.1. 功能分析
在不登陆的情况下也可以添加购物车。把购物车信息写入cookie。
优点：
1、不占用服务端存储空间
2、用户体验好。
3、代码实现简单。
缺点：
1、cookie中保存的容量有限。最大4k
2、把购物车信息保存在cookie中，更换设备购物车信息不能同步。
改造商品详情页面
请求的url：/cart/add/{itemId}
参数：
1）商品id： Long itemId
2）商品数量： int num
业务逻辑：
1、从cookie中查询商品列表。
2、判断商品在商品列表中是否存在。
3、如果存在，商品数量相加。
4、不存在，根据商品id查询商品信息。
5、把商品添加到购车列表。
6、把购车商品列表写入cookie。
返回值：逻辑视图
Cookie保存购物车
1）key：TT_CART
2）Value：购物车列表转换成json数据。需要对数据进行编码。
3）Cookie的有效期：保存7天。
商品列表：
List<TbItem>，每个商品数据使用TbItem保存。当根据商品id查询商品信息后，取第一张图片保存到image属性中即可。
读写cookie可以使用CookieUtils工具类实现。
3.1.2. Controller
@Controller public class CartController { @Value("${TT_CART}") private String TT_CART; @Value("${CART_EXPIRE}") private Integer CART_EXPIRE; @Autowired private ItemService itemService; @RequestMapping("/cart/add/{itemId}") public String addCartItem(@PathVariable Long itemId, Integer num, HttpServletRequest request, HttpServletResponse response) { // 1、从cookie中查询商品列表。 List<TbItem> cartList = getCartList(request); // 2、判断商品在商品列表中是否存在。 boolean hasItem = false; for (TbItem tbItem : cartList) { //对象比较的是地址，应该是值的比较 if (tbItem.getId() == itemId.longValue()) { // 3、如果存在，商品数量相加。 tbItem.setNum(tbItem.getNum() + num); hasItem = true; break; } } if (!hasItem) { // 4、不存在，根据商品id查询商品信息。 TbItem tbItem = itemService.getItemById(itemId); //取一张图片 String image = tbItem.getImage(); if (StringUtils.isNoneBlank(image)) { String[] images = image.split(","); tbItem.setImage(images[0]); } //设置购买商品数量 tbItem.setNum(num); // 5、把商品添加到购车列表。 cartList.add(tbItem); } // 6、把购车商品列表写入cookie。 CookieUtils.setCookie(request, response, TT_CART, JsonUtils.objectToJson(cartList), CART_EXPIRE, true); return "cartSuccess"; } /** * 从cookie中取购物车列表 * <p>Title: getCartList</p> * <p>Description: </p> * @param request * @return */ private List<TbItem> getCartList(HttpServletRequest request) { //取购物车列表 String json = CookieUtils.getCookieValue(request, TT_CART, true); //判断json是否为null if (StringUtils.isNotBlank(json)) { //把json转换成商品列表返回 List<TbItem> list = JsonUtils.jsonToList(json, TbItem.class); return list; } return new ArrayList<>(); } }
3.2. 展示购物车商品列表
请求的url:/cart/cart
参数：无
返回值：逻辑视图
业务逻辑：
1、从cookie中取商品列表。
2、把商品列表传递给页面。
3.2.1. Controller
@RequestMapping("/cart/cart")
public String showCartList(HttpServletRequest request, Model model) {
//取购物车商品列表
List<TbItem> cartList = getCartList(request);
//传递给页面
model.addAttribute("cartList", cartList);
return "cart";
}
3.3. 修改购物车商品数量
3.3.1. 功能分析
1、在页面中可以修改商品数量
2、重新计算小计和总计。
3、修改需要写入cookie。
4、每次修改都需要向服务端发送一个ajax请求，在服务端修改cookie中的商品数量。
请求的url：/cart/update/num/{itemId}/{num}
参数：long itemId、int num
业务逻辑：
1、接收两个参数
2、从cookie中取商品列表
3、遍历商品列表找到对应商品
4、更新商品数量
5、把商品列表写入cookie。
6、响应e3Result。Json数据。
返回值：
e3Result。Json数据
3.3.2. Controller
@RequestMapping("/cart/update/num/{itemId}/{num}")
@ResponseBody
public e3Result updateNum(@PathVariable Long itemId, @PathVariable Integer num,
HttpServletRequest request, HttpServletResponse response) {
// 1、接收两个参数
// 2、从cookie中取商品列表
List<TbItem> cartList = getCartList(request);
// 3、遍历商品列表找到对应商品
for (TbItem tbItem : cartList) {
if (tbItem.getId() == itemId.longValue()) {
// 4、更新商品数量
tbItem.setNum(num);
}
}
// 5、把商品列表写入cookie。
CookieUtils.setCookie(request, response, TT_CART, JsonUtils.objectToJson(cartList), CART_EXPIRE, true);
// 6、响应e3Result。Json数据。
return e3Result.ok();
}
3.3.3. 解决请求*.html后缀无法返回json数据的问题
在springmvc中请求*.html不可以返回json数据。
修改web.xml，添加url拦截格式。
3.4. 删除购物车商品
3.4.1. 功能分析
请求的url：/cart/delete/{itemId}
参数：商品id
返回值：展示购物车列表页面。Url需要做redirect跳转。
业务逻辑：
1、从url中取商品id
2、从cookie中取购物车商品列表
3、遍历列表找到对应的商品
4、删除商品。
5、把商品列表写入cookie。
6、返回逻辑视图：在逻辑视图中做redirect跳转。
3.4.2. Controller
@RequestMapping("/cart/delete/{itemId}")
public String deleteCartItem(@PathVariable Long itemId, HttpServletRequest request,
HttpServletResponse response) {
// 1、从url中取商品id
// 2、从cookie中取购物车商品列表
List<TbItem> cartList = getCartList(request);
// 3、遍历列表找到对应的商品
for (TbItem tbItem : cartList) {
if (tbItem.getId() == itemId.longValue()) {
// 4、删除商品。
cartList.remove(tbItem);
break;
}
}
// 5、把商品列表写入cookie。
CookieUtils.setCookie(request, response, TT_CART, JsonUtils.objectToJson(cartList), CART_EXPIRE, true);
// 6、返回逻辑视图：在逻辑视图中做redirect跳转。
return "redirect:/cart/cart.html";
}
4. 登录状态下的购物车处理
4.1. 功能分析
1、购物车数据保存的位置：
未登录状态下，把购物车数据保存到cookie中。
登录状态下，需要把购物车数据保存到服务端。需要永久保存，可以保存到数据库中。可以把购物车数据保存到redis中。
2、redis使用的数据类型
a) 使用hash数据类型
b) Hash的key应该是用户id。Hash中的field是商品id，value可以把商品信息转换成json
3、添加购物车
登录状态下直接包商品数据保存到redis中。
未登录状态保存到cookie中。
4、如何判断是否登录？
a) 从cookie中取token
b) 取不到未登录
c) 取到token，到redis中查询token是否过期。
d) 如果过期，未登录状态
e) 没过期登录状态。
4.2. 判断用户是否登录
4.2.1. 功能分析
应该使用拦截器实现。
1、实现一个HandlerInterceptor接口。
2、在执行handler方法之前做业务处理
3、从cookie中取token。使用CookieUtils工具类实现。
4、没有取到token，用户未登录。放行
5、取到token，调用sso系统的服务，根据token查询用户信息。
6、没有返回用户信息。登录已经过期，未登录，放行。
7、返回用户信息。用户是登录状态。可以把用户对象保存到request中，在Controller中可以通过判断request中是否包含用户对象，确定是否为登录状态。
4.2.2. LoginInterceptor
/** * 判断用户是否登录的拦截器 * <p>Title: LoginInterceptor</p> * <p>Description: </p> * <p>Company: www.itcast.cn</p> * @version 1.0 */ public class LoginInterceptor implements HandlerInterceptor { @Value("${COOKIE_TOKEN_KEY}") private String COOKIE_TOKEN_KEY; @Autowired private UserService userService; @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { // 执行handler方法之前执行此方法 // 1、实现一个HandlerInterceptor接口。 // 2、在执行handler方法之前做业务处理 // 3、从cookie中取token。使用CookieUtils工具类实现。 String token = CookieUtils.getCookieValue(request, COOKIE_TOKEN_KEY); // 4、没有取到token，用户未登录。放行 if (StringUtils.isBlank(token)) { return true; } // 5、取到token，调用sso系统的服务，根据token查询用户信息。 E3Result e3Result = userService.getUserByToken(token); // 6、没有返回用户信息。登录已经过期，未登录，放行。 if (e3Result.getStatus() != 200) { return true; } // 7、返回用户信息。用户是登录状态。可以把用户对象保存到request中，在Controller中可以通过判断request中是否包含用户对象，确定是否为登录状态。 TbUser user = (TbUser) e3Result.getData(); request.setAttribute("user", user); //返回true放行 //返回false拦截 return true; } @Override public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception { // 执行handler方法之后，并且是返回ModelAndView对象之前 } @Override public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception { // 返回ModelAndView之后。可以捕获异常。 } }
4.2.3. Springmvc.xml配置拦截器
<!-- 拦截器配置 --> <mvc:interceptors> <mvc:interceptor> <mvc:mapping path="/**"/> <bean class="cn.e3mall.cart.interceptor.LoginInterceptor"/> </mvc:interceptor> </mvc:interceptors>
4.3. 添加购物车
4.3.1. 功能分析
登录状态下添加购物车，直接把数据保存到redis中。需要调用购物车服务，使用redis的hash来保存数据。
Key：用户id
Field：商品id
Value：商品对象转换成json
参数：
1、用户id
2、商品id
3、商品数量
业务逻辑：
1、根据商品id查询商品信息
2、把商品信息保存到redis
a) 判断购物车中是否有此商品
b) 如果有，数量相加
c) 如果没有，根据商品id查询商品信息。
d) 把商品信息添加到购物车
3、返回值。E3Result
4.3.2. dao层
根据商品id查询商品信息，单表查询。可以使用逆向工程。
4.3.3. Service层
@Service public class CartServiceImpl implements CartService { @Value("${CART_REDIS_KEY}") private String CART_REDIS_KEY; @Autowired private TbItemMapper itemMapper; @Autowired private JedisClient jedisClient; @Override public E3Result addCart(long userId, long itemId, int num) { // a)判断购物车中是否有此商品 Boolean flag = jedisClient.hexists(CART_REDIS_KEY + ":" + userId, itemId + ""); // b)如果有，数量相加 if (flag) { //从hash中取商品数据 String json = jedisClient.hget(CART_REDIS_KEY + ":" + userId, itemId + ""); //转换成java对象 TbItem tbItem = JsonUtils.jsonToPojo(json, TbItem.class); //数量相加 tbItem.setNum(tbItem.getNum() + num); //写入hash jedisClient.hset(CART_REDIS_KEY + ":" + userId, itemId + "", JsonUtils.objectToJson(tbItem)); //返回添加成功 return E3Result.ok(); } // c)如果没有，根据商品id查询商品信息。 TbItem tbItem = itemMapper.selectByPrimaryKey(itemId); //设置商品数量 tbItem.setNum(num); String image = tbItem.getImage(); //取一张图片 if (StringUtils.isNotBlank(image)) { tbItem.setImage(image.split(",")[0]); } // d)把商品信息添加到购物车 jedisClient.hset(CART_REDIS_KEY + ":" + userId, itemId + "", JsonUtils.objectToJson(tbItem)); return E3Result.ok(); } }
发布服务：
4.3.4. Controller
@RequestMapping("/cart/add/{itemId}")
public String addCart(@PathVariable Long itemId, Integer num,
HttpServletRequest request, HttpServletResponse response) {
//判断用户是否为登录状态
Object object = request.getAttribute("user"); if (object != null) { TbUser user = (TbUser) object; //取用户id
Long userId = user.getId(); //添加到服务端
E3Result e3Result = cartService.addCart(userId, itemId, num); return "cartSuccess"; } //如果登录直接把购物车信息添加到服务端
//如果未登录保存到cookie中
// 1、从cookie中取购物车列表。
List<TbItem> cartList = getItemListFromCookie(request);
// 2、判断商品列表是否存在此商品。
boolean falg = false;
for (TbItem tbItem : cartList) {
if (tbItem.getId() == itemId.longValue()) {
//数量相加
// 4、如果存在，数量相加。
tbItem.setNum(tbItem.getNum() + num);
falg = true;
break;
}
}
// 3、如果不存在添加到列表
if (!falg) {
//根据商品id取商品信息
TbItem tbItem = itemService.getItemById(itemId);
//设置数量
tbItem.setNum(num);
String image = tbItem.getImage();
//取一张图片
if (StringUtils.isNotBlank(image)) {
tbItem.setImage(image.split(",")[0]);
}
//添加到列表
cartList.add(tbItem);
}
// 5、把购车列表写入cookie
CookieUtils.setCookie(request, response, COOKIE_CART_KEY, JsonUtils.objectToJson(cartList), COOKIE_CART_EXPIRE, true);
// 6、返回逻辑视图，提示添加成功
return "cartSuccess";
}
4.4. 登录状态下访问购物车列表
4.4.1. 功能分析
1、未登录状态下购物车列表是从cookie中取。
2、登录状态下购物车应该是从服务端取。
3、如果cookie中有购物车数据，应该吧cookie中的购物车和服务端合并，合并后删除cookie中的购物车数据。
4、合并购物车时，如果商品存在，数量相加，如果不存在，添加一个新的商品。
5、从服务端取购物车列表展示
4.4.2. Dao层
不需要访问数据库，只需要访问redis。
4.4.3. Service层
1、合并购物车
参数：用户id
List<TbItem>
返回值：E3Result
业务逻辑：
1）遍历商品列表
2）如果服务端有相同商品，数量相加
3）如果没有相同商品，添加一个新的商品
2、取购物车列表
参数：用户id
返回值：List<TbItem>
业务逻辑：
1）从hash中取所有商品数据
2）返回
/** * 合并购物车 * <p>Title: mergeCart</p> * <p>Description: </p> * @param userId * @param itemList * @return * @see cn.e3mall.cart.service.CartService#mergeCart(long, java.util.List) */ @Override public E3Result mergeCart(long userId, List<TbItem> itemList) { //遍历商品列表 for (TbItem tbItem : itemList) { addCart(userId, tbItem.getId(), tbItem.getNum()); } return E3Result.ok(); } /** * 取购物车列表 * <p>Title: getCartList</p> * <p>Description: </p> * @param userId * @return * @see cn.e3mall.cart.service.CartService#getCartList(long) */ @Override public List<TbItem> getCartList(long userId) { //从redis中根据用户id查询商品列表 List<String> strList = jedisClient.hvals(CART_REDIS_KEY + ":" + userId); List<TbItem> resultList = new ArrayList<>(); //把json列表转换成TbItem列表 for (String string : strList) { TbItem tbItem = JsonUtils.jsonToPojo(string, TbItem.class); //添加到列表 resultList.add(tbItem); } return resultList; }
4.4.4. 表现层
1、判断用户是否登录。
2、如果已经登录，判断cookie中是否有购物车信息
3、如果有合并购物车，并删除cookie中的购物车。
4、如果是登录状态，应从服务端取购物车列表。
5、如果是未登录状态，从cookie中取购物车列表
@RequestMapping("/cart/cart")
public String showCartList(HttpServletRequest request, HttpServletResponse response) {
//从cookie中取购物车列表
List<TbItem> cartList = getItemListFromCookie(request);
//判断用户是否登录
Object object = request.getAttribute("user");
if (object != null) {
TbUser user = (TbUser) object;
//用户已经登录
System.out.println("用户已经登录，用户名为：" + user.getUsername());
//判断给我吃列表是否为空
if (!cartList.isEmpty()) {
//合并购物车
cartService.mergeCart(user.getId(), cartList);
//删除cookie中的购物车
CookieUtils.setCookie(request, response, COOKIE_CART_KEY, "");
}
//从服务端取购物车列表
List<TbItem> list = cartService.getCartList(user.getId());
request.setAttribute("cartList", list);
return "cart";
} else {
System.out.println("用户未登录");
}
//传递给页面
request.setAttribute("cartList", cartList);
return "cart";
}
4.5. 修改购物车数量
只需要更新hash中商品的数量即可。
不需要对数据库进行操作，只需要对redis操作即可。
4.5.1. Server
参数：
1、用户id
2、商品id
3、数量
返回值：
E3Result
业务逻辑：
1、根据商品id从hash中取商品信息。
2、把json转换成java对象
3、更新商品数量
4、把商品数据写回hash
@Override public E3Result updateCartItemNum(long userId, long itemId, int num) { //从hash中取商品信息 String json = jedisClient.hget(CART_REDIS_KEY + ":" + userId, itemId + ""); //转换成java对象 TbItem tbItem = JsonUtils.jsonToPojo(json, TbItem.class); //更新数量 tbItem.setNum(num); //写入hash jedisClient.hset(CART_REDIS_KEY + ":" + userId, itemId + "", JsonUtils.objectToJson(tbItem)); return E3Result.ok(); }
4.5.2. Controller
1、判断是否为登录状态
2、如果是登录状态，更新服务端商品数量
3、如果未登录，更新cookie中是商品数量
/** * 更新商品数量 * <p>Title: updateCartItemNum</p> * <p>Description: </p> * @param itemId * @param num * @return */ @RequestMapping("/cart/update/num/{itemId}/{num}") @ResponseBody public E3Result updateCartItemNum(@PathVariable Long itemId, @PathVariable Integer num, HttpServletRequest request, HttpServletResponse response) { //判断是否为登录状态 Object object = request.getAttribute("user"); if (object != null) { TbUser user = (TbUser) object; //更新服务端的购物车 cartService.updateCartItemNum(user.getId(), itemId, num); return E3Result.ok(); } // 1、从cookie中取购物车列表 List<TbItem> cartList = getItemListFromCookie(request); // 2、遍历列表找到对应的商品 for (TbItem tbItem : cartList) { if (tbItem.getId() == itemId.longValue()) { // 3、更新商品数量 tbItem.setNum(num); break; } } // 4、把购物车列表写入cookie CookieUtils.setCookie(request, response, COOKIE_CART_KEY, JsonUtils.objectToJson(cartList), COOKIE_CART_EXPIRE, true); //返回OK return E3Result.ok(); }
4.6.1. 业务逻辑4.6. 删除购物车商品
1、判断是否为登录状态
2、如果是登录状态，直接删除hash中的商品。
3、如果不是登录状态，对cookie中的购物车进行操作
4.6.2. Service
参数：用户id
商品id
返回值：E3Result
业务逻辑：
根据商品id删除hash中对应的商品数据。
@Override public E3Result deleteCartItem(long userId, long itemId) { // 根据商品id删除hash中对应的商品数据。 jedisClient.hdel(CART_REDIS_KEY + ":" + userId, itemId + ""); return E3Result.ok(); }
4.6.3. Controller
1、判断用户登录状态
2、如果登录删除服务端
3、如果未登录删除cookie中的购物车商品
/** * 删除购物车商品 * <p>Title: deleteCartItem</p> * <p>Description: </p> * @param itemId * @return */ @RequestMapping("/cart/delete/{itemId}") public String deleteCartItem(@PathVariable Long itemId, HttpServletRequest request, HttpServletResponse response) { //判断用户登录状态 Object object = request.getAttribute("user"); if (object != null) { TbUser user = (TbUser) object; //删除服务端的购物车商品 cartService.deleteCartItem(user.getId(), itemId); return "redirect:/cart/cart.html"; } // 1、从url 中取商品id // 2、从cookie 中取购物车列表 List<TbItem> cartList = getItemListFromCookie(request); // 3、遍历列表找到商品 for (TbItem tbItem : cartList) { if (tbItem.getId() == itemId.longValue()) { // 4、删除商品 cartList.remove(tbItem); //退出循环 break; } } // 5、把购物车列表写入cookie CookieUtils.setCookie(request, response, COOKIE_CART_KEY, JsonUtils.objectToJson(cartList), COOKIE_CART_EXPIRE, true); // 6、返回逻辑视图。做redirect跳转到购物车列表页面。 return "redirect:/cart/cart.html"; }