1.使用者模組實現

1.1 使用者資訊回顯

1.1.1 頁面URL分析

1.1.2 檢查頁面JS

1.1.3 編輯JT-SSO的Controller

/**
* 業務實現:
* 1.使用者通過cookie資訊查詢使用者資料. 通過ticket獲取redis中的業務資料.
* 2.url請求: http://sso.jt.com/user/query/+ _ticket
* 3.引數: 引數在url中. 利用restFul獲取
* 4.返回值要求: SysResult物件(userJSON)
*/
@RequestMapping("/query/{ticket}")
public JSONPObject findUserByTicket(@PathVariable String ticket,
HttpServletResponse response,
String callback){

String userJSON = jedisCluster.get(ticket);
//1.lru演算法清空資料 2.有可能cookie資訊有誤
if(StringUtils.isEmpty(userJSON)){
//2.應該刪除cookie資訊.
Cookie cookie = new Cookie("JT_TICKET", "");
cookie.setMaxAge(0);
cookie.setDomain("jt.com");
cookie.setPath("/");
response.addCookie(cookie);
return new JSONPObject(callback,SysResult.fail());
}
return new JSONPObject(callback,SysResult.success(userJSON));
}

1.2 編輯Cookie工具API

package com.jt.util;

import javax.servlet.http.Cookie;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class CookieUtil {

//1.新增cookie
public static void addCookie(HttpServletResponse response,String cookieName, String cookieValue, int seconds, String domain){
Cookie cookie = new Cookie(cookieName,cookieValue);
cookie.setMaxAge(seconds);
cookie.setDomain(domain);
cookie.setPath("/");
response.addCookie(cookie);
}

//2.根據name查詢value的值
public static String getCookieValue(HttpServletRequest request,String cookieName){

Cookie[] cookies = request.getCookies();
if(cookies !=null && cookies.length >0){
for (Cookie cookie : cookies){
if(cookieName.equals(cookie.getName())){
return cookie.getValue();
}
}
}
return null;
}

//3.刪除cookie
public static void deleteCookie(HttpServletResponse response,String cookieName,String domain){

addCookie(response,cookieName,"",0, domain);
}
}

1.3 使用者退出操作

1.3.1 業務說明

如果使用者點選退出操作, 首先應該刪除Redis中的資料其次刪除Cookie中的資料之後重定向到系統首頁.

1.3.3 編輯UserController

/**
* 實現使用者的退出操作.重定向到系統首頁
* url: http://www.jt.com/user/logout.html
* 業務:
* 1.刪除Redis中的資料 key
* 2.刪除Cookie記錄
*/
@RequestMapping("logout")
public String logout(HttpServletRequest request,HttpServletResponse response){
//1.根據JT_TICKET獲取指定的ticket
String ticket = CookieUtil.getCookieValue(request,"JT_TICKET");

//2.判斷ticket是否為null
if(!StringUtils.isEmpty(ticket)){
jedisCluster.del(ticket);
CookieUtil.deleteCookie(response,"JT_TICKET","jt.com");
}

return "redirect:/";
}

2 實現商品詳情展現

2.1 業務說明

說明: 當使用者點選商品時,需要跳轉到商品的展現頁面中頁面名稱item.jsp

2.2 重構JT-MANAGE

2.2.1建立介面

說明:在jt-common中建立介面

2.2.2 編輯Dubbo實現類

package com.jt.service;

import com.alibaba.dubbo.config.annotation.Service;
import com.jt.mapper.ItemDescMapper;
import com.jt.mapper.ItemMapper;
import com.jt.pojo.Item;
import com.jt.pojo.ItemDesc;
import org.springframework.beans.factory.annotation.Autowired;

@Service(timeout = 3000)
public class DubboItemServiceImpl implements DubboItemService{

@Autowired
private ItemMapper itemMapper;
@Autowired
private ItemDescMapper itemDescMapper;

@Override
public Item findItemById(Long itemId) {

return itemMapper.selectById(itemId);
}

@Override
public ItemDesc findItemDescById(Long itemId) {

return itemDescMapper.selectById(itemId);
}
}

2.2.3 編輯YML配置檔案

server:
port: 8091
servlet:
context-path: /
spring:
datasource:
#引入druid資料來源
#type: com.alibaba.druid.pool.DruidDataSource
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://127.0.0.1:3306/jtdb?serverTimezone=GMT%2B8&useUnicode=true&characterEncoding=utf8&autoReconnect=true&allowMultiQueries=true
username: root
password: root

mvc:
view:
prefix: /WEB-INF/views/
suffix: .jsp
#mybatis-plush配置
mybatis-plus:
type-aliases-package: com.jt.pojo
mapper-locations: classpath:/mybatis/mappers/*.xml
configuration:
map-underscore-to-camel-case: true

logging:
level:
com.jt.mapper: debug

#關於Dubbo配置
dubbo:
scan:
basePackages: com.jt #指定dubbo的包路徑掃描dubbo註解
application: #應用名稱
name: provider-manage #一個介面對應一個服務名稱一個介面可以有多個實現
registry: #註冊中心使用者獲取資料從機中獲取主機只負責監控整個叢集實現資料同步
address: zookeeper://192.168.126.129:2181?backup=192.168.126.129:2182,192.168.126.129:2183
protocol: #指定協議
name: dubbo #使用dubbo協議(tcp-ip) web-controller直接呼叫sso-Service
port: 20881 #每一個服務都有自己特定的埠不能重複.

2.2.4 編輯ItemController

package com.jt.controller;

import com.alibaba.dubbo.config.annotation.Reference;
import com.jt.pojo.Item;
import com.jt.pojo.ItemDesc;
import com.jt.service.DubboItemService;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/items")
public class ItemController {

@Reference(timeout = 3000)
private DubboItemService itemService;

/**
* 實現商品詳情頁面跳轉
* url: http://www.jt.com/items/562379.html
* 引數: 562379 itemId
* 返回值: item.jsp頁面
* 頁面取值說明:
* ${item.title } item物件
* ${itemDesc.itemDesc } itemDesc物件
*
* 思路:
* 1.重構jt-manage專案
* 2.建立中立介面DubboItemService
* 3.實現業務呼叫獲取item/itemDesc物件
*/
@RequestMapping("/{itemId}")
public String findItemById(@PathVariable Long itemId, Model model){

Item item = itemService.findItemById(itemId);
ItemDesc itemDesc = itemService.findItemDescById(itemId);
//將資料儲存到request域中
model.addAttribute("item",item);
model.addAttribute("itemDesc",itemDesc);
return "item";
}
}

2.2.5 頁面效果展現

3 購物車模組實現

3.1 建立服務提供者

3.1.1 建立專案JT-CART

3.1.2 新增繼承/依賴/外掛

<dependencies>

<dependency>
<groupId>com.jt</groupId>
<artifactId>jt-common</artifactId>
<version>1.0-SNAPSHOT</version>
</dependency>
</dependencies>

<build>
<plugins>
<plugin>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-maven-plugin</artifactId>
</plugin>
</plugins>
</build>

3.1.3 編輯POJO物件

@TableName("tb_cart")
@Data
@Accessors(chain = true)
public class Cart extends BasePojo{ //使用包裝型別

@TableId(type = IdType.AUTO)
private Long id;
private Long uesrId; //使用者ID號
private Long itemId; //商品ID號
private String itemTitle; //商品標題
private String itemImage; //圖片
private Long itemPrice; //商品價格
private Integer num; //商品數量

}

3.1.4 編輯CartService介面

3.1.5 jt-cart程式碼結構

3.2 購物車列表頁面展現

3.2.1 頁面url分析

說明:當使用者點選購物車按鈕時,需要跳轉到購物車展現頁面. cart.jsp
頁面取值: ${cartList}
要求: 只查詢userId=7的購物車列表資訊.之後進行頁面展現

3.2.2 編輯CartController

package com.jt.controller;

import com.alibaba.dubbo.config.annotation.Reference;
import com.jt.pojo.Cart;
import com.jt.service.DubboCartService;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

@Controller
@RequestMapping("/cart")
public class CartController {

@Reference(timeout = 3000,check = false)
private DubboCartService cartService;

/**
* 業務需求: 根據userId查詢購物車資料
* url地址: http://www.jt.com/cart/show.html
* 請求引數: 動態獲取userId
* 返回值結果: cart.jsp頁面
* 頁面取值方式: ${cartList}
*/
@RequestMapping("/show")
public String findCartListByUserId(Model model){
Long userId = 7L;
List<Cart> cartList = cartService.findCartListByUserId(userId);
model.addAttribute("cartList",cartList);
return "cart";
}
}

3.2.3 編輯CartService

package com.jt.service;

import com.alibaba.dubbo.config.annotation.Service;
import com.baomidou.mybatisplus.core.conditions.query.QueryWrapper;
import com.jt.mapper.CartMapper;
import com.jt.pojo.Cart;
import org.springframework.beans.factory.annotation.Autowired;

import java.util.List;

@Service
public class DubboCartServiceImpl implements DubboCartService{

@Autowired
private CartMapper cartMapper;

@Override
public List<Cart> findCartListByUserId(Long userId) {
QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", userId);
return cartMapper.selectList(queryWrapper);
}
}

3.2.4 頁面效果展現

3.3 購物車數量的修改

3.3.1 業務說明

3.3.2 頁面JS分析

3.3.3 編輯CartController

/**
* 業務: 實現購物車數量的更新
* url: http://www.jt.com/cart/update/num/562379/12
* 引數: itemId/num
* 返回值: void
*/
@RequestMapping("/update/num/{itemId}/{num}")
@ResponseBody //1.返回值轉化為json 2.ajax結束標識
public void updateCartNum(Cart cart){ //key名稱必須與屬性的名稱一致.

Long userId = 7L;
cart.setUserId(userId);
cartService.updateCartNum(cart);
}

3.3.4 編輯CartService

@Override
public void updateCartNum(Cart cart) {

//cartMapper.updateCartNum(cart);
//1.準備修改的資料根據物件中不為null的元素當做set條件
Cart cartTemp = new Cart();
cartTemp.setNum(cart.getNum());

//2.根據物件中不為null的元素當做where條件
UpdateWrapper<Cart> updateWrapper =
new UpdateWrapper<>(cart.setNum(null));
/*updateWrapper.eq("user_id", cart.getUserId())
.eq("item_id", cart.getItemId());*/
cartMapper.update(cartTemp,updateWrapper);

}

3.3.5 編輯CartMapper

public interface CartMapper extends BaseMapper<Cart> {
@Update("update tb_cart set num = #{num},updated=now() where user_id=#{userId} and item_id=#{itemId}")
void updateCartNum(Cart cart);
}

3.4 購物車新增

3.4.1 購物車新增業務

當使用者點選購物車按鈕時實現購物車入庫操作. 如果使用者重複加購則應該修改購物車商品的數量.
加購成功之後,應該重定向到購物車列表頁面.

3.4.2 頁面分析

3.4.3 頁面表單提交

3.4.4 頁面JS解析

<a class="btn-append " id="InitCartUrl" οnclick="addCart();" clstag="shangpin|keycount|product|initcarturl">加入購物車<b></b></a>
//利用post傳值
       function addCart(){
           var url = "http://www.jt.com/cart/add/${item.id}.html";
           document.forms[0].action = url;       //js設定提交連結
           document.forms[0].submit();           //js表單提交
       }

3.4.5 編輯CartController

/**
* 完成購物車新增
* url: http://www.jt.com/cart/add/562379.html
* 引數: form表單提交物件接收
* 返回值: 重定向到購物車列表頁面中
*/
@RequestMapping("/add/{itemId}")
public String saveCart(Cart cart){

Long userId = 7L;
cart.setUserId(userId);
cartService.saveCart(cart);
return "redirect:/cart/show.html";
}

3.4.6 編輯CartService

/**
* 如果重複加購則更新數量
* 1.查詢是否已經有改資料 user_id/item_id
*/
@Override
public void saveCart(Cart cart) {
QueryWrapper<Cart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", cart.getUserId())
.eq("item_id", cart.getItemId());
Cart cartDB = cartMapper.selectOne(queryWrapper);
if(cartDB == null){
//使用者第一次加購
cartMapper.insert(cart);
}else {
//使用者需要修改數量
int num = cart.getNum() + cartDB.getNum();
cart.setNum(num);
cartMapper.updateCartNum(cart);
}
}

2006-京淘Day19-1