导入用户地址簿相关功能代码
需求分析
地址簿,指的是移动端消费者用户的地址信息,用户登录成功后可以维护自己的地址信息。同一个用户可以有多个地址信息,但是只能有一个默认地址。
数据模型
用户的地址信息会存储在address_book表,即地址簿表中。具体表结构如下:
导入功能代码
功能代码清单:
- 实体类AddressBook(直接从课程资料中导入即可)
- Mapper接口AddressBookMapper
- 业务层接口AddressBookService
- 业务层实现类AddressBookServicelmpl
- 控制层AddressBookController(直接从课程资料中导入即可,课程资料中没有删除地址模块)
@Slf4j
@RestController
@RequestMapping("/addressBook")
public class AddressBookController {
@Autowired
private AddressBookService addressBookService;
/**
* 新增地址
* @param addressBook
* @return
*/
@PostMapping
public R<AddressBook> insert(@RequestBody AddressBook addressBook){
addressBook.setUserId(BaseContext.getCurrentID());
log.info("addressBook:{}", addressBook.toString());
addressBookService.save(addressBook);
return R.success(addressBook);
}
/**
* 设置默认地址
* @param addressBook
* @return
*/
@PutMapping("/default")
public R<AddressBook> setDefault(@RequestBody AddressBook addressBook){
// 先将与该用户相关的所有地址设置位0,即都不是默认的
UpdateWrapper<AddressBook> updateWrapper = new UpdateWrapper<>();
updateWrapper.eq("user_id", BaseContext.getCurrentID());
updateWrapper.set("is_default", 0);
addressBookService.update(updateWrapper);
// 再将传进来的地址设置位1
addressBook.setIsDefault(1);
addressBookService.updateById(addressBook);
return R.success(addressBook);
}
/**
* 根据id查询地址
* @param id
* @return
*/
@GetMapping("/{id}")
public R<AddressBook> getById(@PathVariable("id") Long id){
AddressBook addressBook = addressBookService.getById(id);
if (addressBook != null){
return R.success(addressBook);
}
return R.error("没有该对象");
}
/**
* 查询用户的默认地址
* @return
*/
@GetMapping("default")
public R<AddressBook> getDefault(){
QueryWrapper<AddressBook> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", BaseContext.getCurrentID());
queryWrapper.eq("is_default", 1);
AddressBook addressBook = addressBookService.getOne(queryWrapper);
if (addressBook != null){
return R.success(addressBook);
}
return R.error("没有找到默认地址");
}
/**
* 查询用户的所有地址
* @param addressBook
* @return
*/
@GetMapping("/list")
public R<List<AddressBook>> list(AddressBook addressBook){
addressBook.setUserId(BaseContext.getCurrentID());
QueryWrapper<AddressBook> queryWrapper = new QueryWrapper<>();
queryWrapper.eq(BaseContext.getCurrentID() != null, "user_id", BaseContext.getCurrentID());
queryWrapper.orderByDesc("update_time");
List<AddressBook> addressBookList = addressBookService.list(queryWrapper);
return R.success(addressBookList);
}
/**
* 更新地址
* @param addressBook
* @return
*/
@PutMapping
public R<AddressBook> update(@RequestBody AddressBook addressBook){
addressBookService.updateById(addressBook);
return R.success(addressBook);
}
/**
* 删除地址
* @param ids
* @return
*/
@DeleteMapping
public R<String> delete(@RequestParam("ids") String[] ids){
log.info("ids:{}", ids);
for (String id : ids){
addressBookService.removeById(id);
}
return R.success("删除成功");
}
}
功能测试
菜品展示
需求分析
用户登录成功后跳转到系统首页,在首页需要根据分类来展示菜品和套餐。如果菜品设置了口味信息需要展示 [选择规格] 按钮,否则显示 [+] 按钮。
代码开发
代码开发-梳理交互过程
在开发代码之前,需要梳理一下前端页面和服务端的交互过程:
- 页面(front/index.html)发送ajax请求,获取分类数据(菜品分类和套餐分类)
- 页面发送ajax请求,获取第一个分类下的菜品或者套餐
开发菜品展示功能,其实就是在服务端编写代码去处理前端页面发送的这2次请求即可。
注意:首页加载完成后,还发送了一次ajax请求用于加载购物车数据,此处可以将这次请求的地址暂时修改一下,从静态json文件获取数据,等后续开发购物车功能时再修改回来,如下:
//获取购物车内商品的集合
function cartListApi(data) {
return $axios({
// 'url': '/shoppingCart/list',
'url':'/front/cartData.json',
'method': 'get',
params:{...data}
})
}
cartData.json:
{"code":1,"msg":null,"data":[],"map":{}}
改造DishController中的list方法
@GetMapping("/list")
public R<List<DishDto>> list(Dish dish){
QueryWrapper<Dish> queryWrapper = new QueryWrapper<Dish>();
queryWrapper.eq(dish.getCategoryId() != null, "category_id", dish.getCategoryId());
// 添加条件,status为1的就是起售
queryWrapper.eq("status", 1);
queryWrapper.orderByAsc("sort").orderByDesc("update_time");
List<Dish> dishList = dishService.list(queryWrapper);
List<DishDto> dishDtoList = new ArrayList<>();
for (Dish dish1 : dishList) {
DishDto dishDto = new DishDto();
BeanUtils.copyProperties(dish1, dishDto);
Long categoryId = dish1.getCategoryId();
//根据id查分类对象
Category category = categoryService.getById(categoryId);
if (category != null) {
String categoryName = category.getName();
dishDto.setCategoryName(categoryName);
}
//当前菜品id
Long dishId = dish1.getId();
QueryWrapper<DishFlavor> dishFlavorQueryWrapper = new QueryWrapper<>();
dishFlavorQueryWrapper.eq("dish_id", dishId);
List<DishFlavor> dishFlavorList = dishFlavorService.list(dishFlavorQueryWrapper);
dishDto.setFlavors(dishFlavorList);
dishDtoList.add(dishDto);
}
return R.success(dishDtoList);
}
在SetmealController里添加list方法显示套餐信息
/**
* 根据条件查询套餐信息
* @param setmeal
* @return
*/
@GetMapping("/list")
public R<List<Setmeal>> list(Setmeal setmeal){
QueryWrapper<Setmeal> queryWrapper = new QueryWrapper<>();
queryWrapper.eq(setmeal.getCategoryId() != null, "category_id", setmeal.getCategoryId());
queryWrapper.eq(setmeal.getStatus() != null, "status", setmeal.getStatus());
queryWrapper.orderByDesc("update_time");
List<Setmeal> setmealList = setmealService.list(queryWrapper);
return R.success(setmealList);
}
功能测试
购物车
需求分析
移动端用户可以将菜品或者套餐添加到购物车。对于菜品来说,如果设置了口味信息,则需要选择规格后才能加入购物车;对于套餐来说,可以直接点击 [+] 将当前套餐加入购物车。在购物车中可以修改菜品和套餐的数量,也可以清空购物车
数据模型
购物车对应的数据表为shopping_cart表,具体表结构如下:
代码开发
代码开发-梳理流程
在开发代码之前,需要梳理一下购物车操作时前端页面和服务端的交互过程:
- 点击 [加入购物车] 或者 [+] 按钮,页面发送ajax请求,请求服务端,将菜品或者套餐添加到购物车
- 点击购物车图标,页面发送ajax请求,请求服务端查询购物车中的菜品和套餐
- 点击清空购物车按钮,页面发送ajax请求,请求服务端来执行清空购物车操作
开发购物车功能,其实就是在服务端编写代码去处理前端页面发送的这3次请求即可。
代码开发-准备工作
在开发业务功能前,先将需要用到的类和接口基本结构创建好:
- 实体类ShoppingCart(直接从课程资料中导入即可)
- Mapper接口ShoppingCartMapper
- 业务层接口ShoppingcartService
- 业务层实现类ShoppingCartServicelmpl
- 控制层ShoppingCartController
代码开发-添加购物车
/**
* 添加购物车
* @param shoppingCart
* @return
*/
@PostMapping("/add")
public R<ShoppingCart> add(@RequestBody ShoppingCart shoppingCart){
log.info("shoppingCart:{}", shoppingCart.toString());
// 设置用户ID,指定是哪个用户的购物车
shoppingCart.setUserId(BaseContext.getCurrentID());
// 查询当前菜品或者套餐是否在购物车中
QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", BaseContext.getCurrentID());
Long dishId = shoppingCart.getDishId();
if (dishId != null){
// 说明添加的是菜品
queryWrapper.eq("dish_id", dishId);
}else{
// 说明添加的是套餐
queryWrapper.eq("setmeal_id", shoppingCart.getSetmealId());
}
ShoppingCart shoppingCartServiceOne = shoppingCartService.getOne(queryWrapper);
if (shoppingCartServiceOne != null){
// 如果在就数量++
Integer number = shoppingCartServiceOne.getNumber();
shoppingCartServiceOne.setNumber(number + 1);
shoppingCartService.updateById(shoppingCartServiceOne);
}else{
// 如果不在就插入到购物车中
shoppingCart.setNumber(1);
shoppingCart.setCreateTime(LocalDateTime.now());
shoppingCartService.save(shoppingCart);
shoppingCartServiceOne = shoppingCart;
}
return R.success(shoppingCartServiceOne);
}
代码开发-删除购物车中的商品
/**
* 商品的减少
* @param shoppingCart
* @return
*/
@PostMapping("/sub")
public R<ShoppingCart> sub(@RequestBody ShoppingCart shoppingCart){
log.info("{}", shoppingCart.toString());
QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<ShoppingCart>();
queryWrapper.eq("user_id", BaseContext.getCurrentID());
Long dishId = shoppingCart.getDishId();
if (dishId != null){
queryWrapper.eq("dish_id", dishId);
}else{
queryWrapper.eq("setmeal_id", shoppingCart.getSetmealId());
}
ShoppingCart cartServiceOne = shoppingCartService.getOne(queryWrapper);
cartServiceOne.setNumber(cartServiceOne.getNumber() - 1);
if (cartServiceOne.getNumber() != 0){
shoppingCartService.updateById(cartServiceOne);
}else{
shoppingCartService.remove(queryWrapper);
}
return R.success(cartServiceOne);
}
代码开发-查看购物车
把前端假数据改回来
function cartListApi(data) {
return $axios({
'url': '/shoppingCart/list',
// 'url':'/front/cartData.json',
'method': 'get',
params:{...data}
})
}
查看购物车
/**
* 遍历购物车
* @return
*/
@GetMapping("/list")
public R<List<ShoppingCart>> list(){
QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", BaseContext.getCurrentID());
queryWrapper.orderByDesc("create_time");
List<ShoppingCart> list = shoppingCartService.list(queryWrapper);
return R.success(list);
}
代码开发-清空购物车
/**
* 清空购物车
* @return
*/
@DeleteMapping("/clean")
public R<String> clean(){
QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", BaseContext.getCurrentID());
shoppingCartService.remove(queryWrapper);
return R.success("清空购物车成功");
}
下单
需求分析
移动端用户将菜品或者套餐加入购物车后,可以点击购物车中的 【去结算】 按钮,页面跳转到订单确认页面,点击 【去支付】 按钮则完成下单操作。
数据模型
用户下单业务对应的数据表为orders表和order_detail表:
- orders表:
- order_detail表:
代价开发
代码开发-梳理流程
在开发代码之前,需要梳理一下用户下单操作时前端页面和服务端的交互过程:
- 在购物车中点击 【去结算】 按钮,页面跳转到订单确认页面
- 在订单确认页面,发送ajax请求,请求服务端获取当前登录用户的默认地址
- 在订单确认页面,发送ajax请求,请求服务端获取当前登录用户的购物车信息
- 在订单确认页面点击 【去支付】 按钮,发送ajax请求,请求服务端完成下单操作
开发用户下单功能,其实就是在服务端编写代码去处理前端页面发送的请求即可。
代码开发-准备工作
在开发业务功能前,先将需要用到的类和接口基本结构创建好:
- 实体类Orders、OrderDetail(直接从课程资料中导入即可)
- Mapper接口OrderMapper、OrderDetailMapper
- 业务层接口OrderService、OrderDetailService
- 业务层实现类OrderServicelmpl、OrderDetailServicelmpl
- 控制层OrderController、OrderDetailController
代码开发
在OrderService添加submit方法用于用户下单
@Service
public class OrdersServiceImpl extends ServiceImpl<OrdersMapper, Orders> implements OrdersService{
@Autowired
private ShoppingCartService shoppingCartService;
@Autowired
private UserService userService;
@Autowired
private AddressBookService addressBookService;
@Autowired
private OrderDetailService orderDetailService;
@Override
@Transactional
public void submit(Orders orders) {
// 获取当前用户ID
Long userId = BaseContext.getCurrentID();
// 查询当前用户的购物车信息
QueryWrapper<ShoppingCart> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", userId);
List<ShoppingCart> shoppingCartList = shoppingCartService.list(queryWrapper);
if (shoppingCartList == null || shoppingCartList.size() == 0){
throw new CustomException("购物车为空,不能下单");
}
// 查询用户数据
User user = userService.getById(userId);
// 查询地址信息
AddressBook addressBook = addressBookService.getById(orders.getAddressBookId());
if (addressBook == null){
throw new CustomException("地址信息有误,不能下单");
}
long orderId = IdWorker.getId();//订单号
AtomicInteger amount=new AtomicInteger(0);
List<OrderDetail> orderDetails = shoppingCartList.stream().map((item)->{
OrderDetail orderDetail = new OrderDetail();
orderDetail.setOrderId(orderId);
orderDetail.setNumber(item.getNumber());
orderDetail.setDishFlavor(item.getDishFlavor());
orderDetail.setDishId(item.getDishId());
orderDetail.setSetmealId(item.getSetmealId());
orderDetail.setName(item.getName());
orderDetail.setImage(item.getImage());
orderDetail.setAmount(item.getAmount());
amount.addAndGet(item.getAmount().multiply(new BigDecimal(item.getNumber())).intValue());
return orderDetail;
}).collect(Collectors.toList());
//向订单表中插入一条数据
orders.setNumber(String.valueOf(orderId));
orders.setId(orderId);
orders.setOrderTime(LocalDateTime.now());
orders.setCheckoutTime(LocalDateTime.now());
orders.setStatus(2);
orders.setAmount(new BigDecimal(amount.get()));//计算总金额
orders.setUserId(userId);
orders.setUserName(user.getName());
orders.setConsignee(addressBook.getConsignee());
orders.setPhone(addressBook.getPhone());
orders.setAddress((addressBook.getProvinceName()==null?"":addressBook.getProvinceName())
+(addressBook.getCityName()==null?"":addressBook.getCityName())
+(addressBook.getDistrictName()==null?"":addressBook.getDistrictName())
+(addressBook.getDetail()==null?"":addressBook.getDetail()));
this.save(orders);
// 向订单明细表中插入数据,多条
orderDetailService.saveBatch(orderDetails);
// 清空购物车
shoppingCartService.remove(queryWrapper);
}
}
功能测试
下单界面:
下单成功界面:
功能补充
退出登录
在UserController中添加loginout方法
/**
* 退出登录
* @param session
* @return
*/
@PostMapping("/loginout")
public R<String> loginOut(HttpSession session){
session.removeAttribute("user");
return R.success("退出成功");
}
订单管理(用户端)
导入OrderDto需要手动添加private int sumNum;(前端会计算数量)
在OrderController中添加userPage方法
/**
* 用户端订单分页
* @param page
* @param pageSize
* @return
*/
@GetMapping("/userPage")
public R<Page> userPage(int page, int pageSize){
Page<Orders> pageInfo = new Page<>(page, pageSize);
Page<OrdersDto> dtoPage = new Page<>();
QueryWrapper<Orders> queryWrapper = new QueryWrapper<>();
queryWrapper.eq("user_id", BaseContext.getCurrentID());
queryWrapper.orderByDesc("order_time");
ordersService.page(pageInfo, queryWrapper);
BeanUtils.copyProperties(pageInfo, dtoPage, "records");
List<Orders> records = pageInfo.getRecords();
List<OrdersDto> dtoList = new ArrayList<>();
Iterator<Orders> iterator = records.iterator();
while (iterator.hasNext()){
Orders next = iterator.next();
OrdersDto ordersDto = new OrdersDto();
BeanUtils.copyProperties(next, ordersDto);
Long id = next.getId();
Orders byId = ordersService.getById(id);
String number = byId.getNumber();
QueryWrapper<OrderDetail> orderDetailQueryWrapper = new QueryWrapper<>();
orderDetailQueryWrapper.eq("order_id", number);
List<OrderDetail> orderDetails = orderDetailService.list(orderDetailQueryWrapper);
int num=0;
for(OrderDetail l : orderDetails){
num += l.getNumber();
}
log.info("num:{}", num);
ordersDto.setSumNum(num);
dtoList.add(ordersDto);
}
dtoPage.setRecords(dtoList);
return R.success(dtoPage);
}
管理订单明细(后台)
在OrderController添加page方法处理get请求
/**
* 后台订单管理分页
* @param page
* @param pageSize
* @param number
* @param beginTime
* @param endTime
* @return
*/
@GetMapping("/page")
public R<Page> page(int page, int pageSize, String number, String beginTime, String endTime){
Page<Orders> pageInfo = new Page<>(page, pageSize);
Page<OrdersDto> dtoPage = new Page<>();
QueryWrapper<Orders> queryWrapper = new QueryWrapper<>();
queryWrapper.like(number != null, "number", number);
if (beginTime != null && endTime != null){
queryWrapper.ge("begin_time", beginTime);
queryWrapper.le("end_time", endTime);
}
queryWrapper.orderByDesc("order_time");
ordersService.page(pageInfo, queryWrapper);
BeanUtils.copyProperties(pageInfo, dtoPage);
List<Orders> records = pageInfo.getRecords();
List<OrdersDto> dtoList = new ArrayList<>();
for (Orders orders : records){
OrdersDto ordersDto = new OrdersDto();
BeanUtils.copyProperties(orders, ordersDto);
String name = "用户" + orders.getUserId();
ordersDto.setUserName(name);
dtoList.add(ordersDto);
}
dtoPage.setRecords(dtoList);
return R.success(dtoPage);
}