1.用户退出操作

1.1 业务说明

说明:当用户单击退出按钮之后, 页面应该重定向到系统首页,同时删除cookie和redis的登录信息.

1.2 页面分析

说明:当用户点击退出操作之后,应该利用jt-web服务器中的UserController完成该业务.

1.2 编辑jt-web的UserController

/*** 完成用户退出操作* 1.url: http://www.jt.com/user/logout.html* 2.没有传递参数* 3.返回值: string  重定向到系统首页* 业务实现思路:* 	 0.先获取cookie中的数据 NAME=JT_TICKET* 	 1.删除redis中的数据     key-value    key=cookie中的value   * 	 2.删除cookie记录	   根据cookie名称  设置存活时间即可.* * 注意事项: request对象中只能传递cookie的name和value.不能传递其他数据参数.* 所以如果需要再次操作cookie则最好设定参数,否则可能导致操作失败*/@RequestMapping("/logout")public String  logout(HttpServletRequest request,HttpServletResponse response) {Cookie[] cookies = request.getCookies();if(cookies !=null && cookies.length >0) {for (Cookie cookie : cookies) {if("JT_TICKET".equalsIgnoreCase(cookie.getName())) {String ticket = cookie.getValue();//1.删除redis数据jedisCluster.del(ticket);//2.删除cookie   立即删除cookie 0  ,  暂时不删,关闭浏览器时删除 -1cookie.setDomain("jt.com");cookie.setPath("/");cookie.setMaxAge(0);response.addCookie(cookie);break;}}}//重定向到系统首页return "redirect:/";}

2.商品数据展现

2.1 业务描述

当用户看中某一个商品时,点击该商品,应该展现的是商品的详情信息.

2.2 商品页面取值描述item.jsp

2.3 将JT-MANAGE项目改造为Dubbo项目

2.3.1 编辑业务实现类

2.3.2 编辑业务实现类

说明:编辑manage.jt.com的yml配置文件, 注意duubo端口号及dubbo服务名称.

server:port: 8091servlet:context-path: /
spring:datasource:#引入druid数据源#type: com.alibaba.druid.pool.DruidDataSource#driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=trueusername: rootpassword: rootmvc:view:prefix: /WEB-INF/views/suffix: .jsp
#mybatis-plush配置
mybatis-plus:type-aliases-package: com.jt.pojomapper-locations: classpath:/mybatis/mappers/*.xmlconfiguration:map-underscore-to-camel-case: truelogging:level: com.jt.mapper: debug#关于Dubbo配置   
dubbo:scan:basePackages: com.jt    #指定dubbo的包路径application:              #应用名称name: provider-item     #一个接口对应一个服务名称registry:address: zookeeper://192.168.126.129:2181?backup=192.168.126.129:2182,192.168.126.129:2183protocol:  #指定协议name: dubbo  #使用dubbo协议(tcp-ip)  web-controller直接调用sso-Serviceport: 20881  #每一个服务都有自己特定的端口 不能重复.    

2.3.3 编辑JT-WEB ItemController

	@Controller
@RequestMapping("/items")
public class ItemController {@Reference(check = false) //启动时暂时不校验提供者private DubboItemService itemService;/*** http://www.jt.com/items/562379.html  跳转到商品页面* ${item.title }  商品信息* ${itemDesc.itemDesc } 商品详情信息* * 业务说明: 根据商品id查询执行的商品/商品详情信息,之后在页面中展现.* @param itemId* @return*/@RequestMapping("/{itemId}")public String findItemById(@PathVariable Long itemId,Model model) {Item item = itemService.findItemById(itemId);ItemDesc itemDesc = itemService.findItemDescById(itemId);model.addAttribute("item", item);model.addAttribute("itemDesc", itemDesc);return "item";  //item.jsp}
}

2.3.4 编辑JT-MANAGE ItemService

	@Service
public class DubboItemServiceImpl implements DubboItemService {@Autowiredprivate ItemMapper itemMapper;@Autowiredprivate ItemDescMapper itemDescMapper;@Overridepublic Item findItemById(Long itemId) {return itemMapper.selectById(itemId);}@Overridepublic ItemDesc findItemDescById(Long itemId) {return itemDescMapper.selectById(itemId);}
}

2.3.5 页面效果展现

3 创建购物车项目

3.1 表设计

说明: 通过userID和商品ID标识唯一的购物行为.

3.2编辑Cart pojo对象

	@TableName("tb_cart")
@Data
@Accessors(chain = true)
public class Cart extends BasePojo{@TableId(type = IdType.AUTO)private Long id;private Long userId;private Long itemId;private String itemTitle;private String itemImage;private Long itemPrice;private Integer num;}

3.3 构建jt-cart 服务提供者

3.3.1 创建项目jt-cart

3.3.2 编辑POM.xml文件

说明: 添加继承/依赖/插件

	<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 https://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>com.jt.vip</groupId><artifactId>jt</artifactId><version>0.0.1-SNAPSHOT</version></parent><artifactId>jt-cart</artifactId><!--添加依赖  --><dependencies><dependency><groupId>com.jt.vip</groupId><artifactId>jt-common</artifactId><version>0.0.1-SNAPSHOT</version></dependency></dependencies><!--3.添加插件 --><!--负责项目打包 更新 maven操作相关的配置 必须添加 --><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build>
</project>

3.3.3 编辑YML配置文件

	server:port: 8094servlet:context-path: /
spring:datasource:#引入druid数据源#type: com.alibaba.druid.pool.DruidDataSource#driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=trueusername: rootpassword: rootmvc:view:prefix: /WEB-INF/views/suffix: .jsp
#mybatis-plush配置
mybatis-plus:type-aliases-package: com.jt.pojomapper-locations: classpath:/mybatis/mappers/*.xmlconfiguration:map-underscore-to-camel-case: truelogging:level: com.jt.mapper: debug#关于Dubbo配置   
dubbo:scan:basePackages: com.jt    #指定dubbo的包路径application:              #应用名称name: provider-cart     #一个接口对应一个服务名称registry:address: zookeeper://192.168.126.129:2181?backup=192.168.126.129:2182,192.168.126.129:2183protocol:  #指定协议name: dubbo  #使用dubbo协议(tcp-ip)  web-controller直接调用sso-Serviceport: 20882  #每一个服务都有自己特定的端口 不能重复.    

3.3.4 定义购物车项目结构

4.购物车列表页面展现

4.1页面分析

1).url分析: 当用户发起请求时应该跳转/cart/show.html页面 将来展现的页面名称为:cart.jsp

4.2 编辑jt-web CartController

	@Controller
@RequestMapping("/cart")
public class CartController {@Reference(check = false)private DubboCartService cartService;/*** 业务思路: 当用户点击购物车按钮时,应该根据userId查询购物车信息,之后在列表页面中展现.* 页面数据展现:  利用${cartList}展现数据* @return*/@RequestMapping("/show")public String show(Model model) {//1.获取userId  利用单点登录方式动态获取userID  暂时定死Long userId = 7L;//2.根据userId查询购物车数据List<Cart> cartList = cartService.findCartListByUserId(userId);//利用model对象将数据填充到域对象中request域model.addAttribute("cartList", cartList);return "cart";	//跳转到购物车展现页面}
}

4.3 编辑jt-web CartService

	@Service
public class DubboCartServiceImpl implements DubboCartService {@Autowiredprivate CartMapper cartMapper;@Overridepublic List<Cart> findCartListByUserId(Long userId) {QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();queryWrapper.eq("user_id", userId);return cartMapper.selectList(queryWrapper);}
}

4.4 编辑jt-web 页面效果展现

5.购物车商品数量的修改

5.1 业务分析

1).页面url分析 /cart/update/num/商品ID/数量

2). 页面JS分析

$(".increment") 代表class选择器. 识别标签元素 class=“increment” 的元素$(".increment").click(function(){//＋var _thisInput = $(this).siblings("input");  //找到input框//_thisInput.val() 获取input框中的元素    //eval 进行算数运算//_thisInput.val(14);  赋值操作_thisInput.val(eval(_thisInput.val()) + 1);$.post("/cart/update/num/"+_thisInput.attr("itemId")+"/"+_thisInput.val(),function(data){TTCart.refreshTotalPrice();});});

5.2 编辑jt-web CartController

/*** 业务需求:  完成购物车更新操作* 1.url地址: http://www.jt.com/cart/update/num/562379/13* 2.请求参数: 562379-itemId  /13-num* 3.返回值结果: void* */
@RequestMapping("/update/num/{itemId}/{num}")  
@ResponseBody
public void updateCart(Cart cart) { //参数如果和属性名称一致,则可以直接赋值.//userId和itemIdLong userId = 7L;cart.setUserId(userId);cartService.updateCartNum(cart);
}

5.3 编辑jt-web CartService

//update tb_cart set num = #{num},updated = #{updated} where user_id=#{userId} and 
//item_id =#{itemId}
@Override
@Transactional
public void updateCartNum(Cart cart) {Cart cartTemp = new Cart();cartTemp.setNum(cart.getNum()).setUpdated(cart.getUpdated());UpdateWrapper<Cart> updateWrapper = new UpdateWrapper<>();updateWrapper.eq("item_id", cart.getItemId()).eq("user_id", cart.getUserId());cartMapper.update(cartTemp, updateWrapper);
}

6.购物车新增

6.1 业务说明

当查询商品之后,点击新增购物车时.应该跳转到购物车展现页面. 之后完成购物车新增操作.
强调:
1.当用户第一次新增购物车时,应该入库保存
2.当用户重复添加时,应该只更新商品的数量.

6.2 编辑jt-web CartController

/*** url地址:http://www.jt.com/cart/add/562379.html* 参数: 表单数据提交  cart* 返回值: 重定向到购物车展现页面*/@RequestMapping("/add/{itemId}")public String saveCart(Cart cart) {Long userId = 7L;cart.setUserId(userId);cartService.saveCart(cart);return "redirect:/cart/show.html"; //维护伪静态策略}

6.3 编辑jt-web CartService

//1.第一次架构 入库//2.第N次架构 更新数据库@Override@Transactionalpublic void saveCart(Cart cart) {//1.先查询数据库中是否有该记录  itemId和userIdQueryWrapper<Cart> queryWrapper = new QueryWrapper<Cart>();queryWrapper.eq("user_id", cart.getUserId());queryWrapper.eq("item_id", cart.getItemId());Cart cartDB = cartMapper.selectOne(queryWrapper);//cartDB几乎所有的数据都不为null 将来可能被当做条件使用.if(cartDB == null) {//说明第一次加购cart.setCreated(new Date()).setUpdated(cart.getCreated());cartMapper.insert(cart);}else {//只更新商品数量int num = cart.getNum() + cartDB.getNum();/**Cart cartTemp = new Cart();cartTemp.setId(cartDB.getId()).setNum(num).setUpdated(new Date());cartMapper.updateById(cartTemp); //根据主键更新数据库.**///自己手动操作SqlcartMapper.updateCartNum(cartDB.getId(),num,new Date());}}