实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址

1. 渲染默认地址思路分析

(1)如果我们需要获取到默认地址可以通过userId从地址表中查找,因为从商品详情页点击购买按钮时,只传递商品的相关信息,所以我们就需要从session中获取用户的信息userId

(2)所以可以写个通过userId从地址表中查找默认地址的方法,然后放入mav中,一起携带到订单信息页面

(3)在订单信息页面进行渲染操作

AddressMapper.java

public interface AddressMapper {
    // 1. 根据用户编号查询该用户的默认地址
    Address findDefaultAddressByUserId(Integer userId);

}

AddressMapper.xml 





    
        
        
        
        
        
        
        
    
    
    

AddressService.java  接口

public interface AddressService {
    // 1. 根据用户编号查询该用户的默认地址
    Address findDefaultAddressByUserId(Integer userId);
}

AddressServiceImpl.java 实现类

public class AddressServiceImpl implements AddressService {
    @Resource
    AddressMapper addressMapper;

    @Override
    public Address findDefaultAddressByUserId(Integer userId) {
        return addressMapper.findDefaultAddressByUserId(userId);
    }

}

OrderController.java

mav中需要添加默认地址,然后携带到新的页面

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第1张图片

 confirmOrder.html页面

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第2张图片

2.  实现渲染并选择其他地址

与上面一样,这边是通过userId来查询该用户对应的所有地址信息

 AddressMapper.java

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第3张图片

AddressMapper.xml 

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第4张图片

AddressService.java 

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第5张图片

AddressServiceImpl.java

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第6张图片

AddressController.java 

@Controller
@RequestMapping("/address")
public class AddressController {

    @Autowired
    AddressService addressService;

    // 根据用户编号查询地址列表
    // http://localhost:8082/project/address/findUserAddresses/{userId}
    @RequestMapping("/findUserAddresses/{userId}")
    @ResponseBody
    public List
findUserAddresses(@PathVariable Integer userId) throws Exception { return addressService.findAllAddressByUserId(userId); } }

confirmOrder.html 

前端页面中使用$.getJSON() 像后端发起请求并携带参数 userId

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第7张图片 

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第8张图片

实现点击每一条地址,使其信息填充到页面的相应位置 ,在上方已经为每一条地址添加了点击事件,并且参数为索引index

注意下述的函数需要写到 $(function() {

                                         })    的外边,!!!!

实习知识整理10: 渲染默认地址以及实现渲染并选择其他地址_第9张图片

你可能感兴趣的:(实习课项目知识整理,java,jquery,javascript)