套餐:一组菜品的集合
点击之后就会弹出下面的界面:
上面是后台的管理操作,下面是处理完成后在用户端展示的界面效果:
目录
一、新增套餐 70
1.1需求分析 70
1.2数据模型 70
1.3新增套餐---代码开发---准备工作&梳理交互过程 71
1.3.1代码准备工作(类的导入,服务层的编写)71
1.4新增套餐---代码开发---根据分类查询菜品 72
1.5新增套餐---代码开发---服务端接收页面提交的数据 73
1.6新增套餐---代码开发---保存数据到对应表 74
1.7新增套餐---功能测试 75
二、套餐信息分页查询 76
2.1需求分析 76
2.2代码开发---梳理交互过程 76
2.3套餐信息分页查询---代码开发&功能测试 77
三、删除套餐 (关联表之间的删除)78
3.1需求分析 78
3.2代码开发---梳理交互过程 78
3.3删除套餐---代码开发&功能测试 79
四、手机验证码登陆 80
五、短信发送 81
5.1短信服务介绍和阿里云短信服务介绍 81
5.2短信发送---阿里云短信服务 82
5.2.1阿里云短信服务---注册账号 82
5.3短信发送---代码开发---参照官方文档封装短信发送工具类 83
六、手机验证码登陆 84
6.1需求分析 84
6.2数据模型 84
6.3手机验证码登陆---代码开发---梳理交互过程&修改LoginCheckFliter 85
6.3.1代码开发---梳理交互过程 85
6.3.2代码开发---准备工作 85
6.4手机验证码登陆---代码开发 86
6.5手机验证码登陆---代码开发---登陆校验 86
一、新增套餐 70
1.1需求分析 70
1.2数据模型 70
1.3新增套餐---代码开发---准备工作&梳理交互过程 71
1.3.1代码准备工作(类的导入,服务层的编写)71
1.4新增套餐---代码开发---根据分类查询菜品 72
1.3.1中的交互过程包含六次交互请求,前两次的请求交互在CategoryController中进行。
选用其中的List集合中的数据信息。
这两种类都在List中进行。
实现的是下面的效果内容:
本部分代码实现的效果:
本部分使用的代码如下所示:
/*** 根据条件查询对应的菜品数据* @param dish* @return*/@GetMapping("/list")public R<List<Dish>> list(Dish dish){//这个部分传递的参数,可以是Long categoryid,// 但是可以将其进行扩展使用,使用Dish类中的参数,它包含了很多的参数信息,包含categoryid//构造查询条件LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(dish.getCategoryId() != null , Dish::getCategoryId,dish.getCategoryId());//该部分是设置一个判断语句,确定id传递过来,并不是空的指针//添加排序条件queryWrapper.orderByAsc(Dish::getSort).orderByDesc(Dish::getUpdateTime);//使用了两个判断条件,一个是根据sort进行升序排序,如果sort排序一致,再根据更新时间进行降序判断//添加条件,查询状态为1(起售状态)的菜品queryWrapper.eq(Dish::getStatus,1);List<Dish> list = dishService.list(queryWrapper);//使用该方法,获取得到了一个集合return R.success(list);}
1.5新增套餐---代码开发---服务端接收页面提交的数据 73
下面部分代码开发实现的内容:
使用的是CommonController层的图片上传和下载的功能。
下面本部分实现的是下面的效果:
将客户端的数据信息发布反馈到后端当中:
反馈到后端的内容数据信息:
本部分代码:
/*** 新增套餐* @param setmealDto* @return*/@PostMappingpublic R<String> save(@RequestBody SetmealDto setmealDto){log.info("套餐信息: {}",setmealDto);return null;}
1.6新增套餐---代码开发---保存数据到对应表 74
套餐表中插入数据、套餐和菜品对应的关系表里面进行插入数据处理。这两个表都需要进行处理。
对两张表的操作。
在SetmealService接口中进行处理。
本部分的代码如下所示:底层对两个表之间处理。
步骤一:对SetmealService接口进行修改
代码:
/*** 新增套餐* @param setmealDto* @return*/@PostMappingpublic R<String> save(@RequestBody SetmealDto setmealDto){log.info("套餐信息: {}",setmealDto);return R.success("新增套餐成功");}
步骤二:在SetmealServiceImpl驱动类中进行修改。
/*** 新增套餐,同时需要保存套餐和菜品的关联关系* @param setmealDto*/@Transactionalpublic void saveWithDish(SetmealDto setmealDto) {//保存套餐的基本信息,操作setmeal,执行insert操作this.save(setmealDto);List<SetmealDish> setmealDishes = setmealDto.getSetmealDishes();setmealDishes.stream().map((item) -> {item.setSetmealId(setmealDto.getId());return item;}).collect(Collectors.toList());//保存套餐和菜品的关联信息,操作setmeal_dish,执行insert操作setmealDishService.saveBatch(setmealDishes);}
1.7新增套餐---功能测试 75
二、套餐信息分页查询 76
2.1需求分析 76
2.2代码开发---梳理交互过程 76
一共能涉及到2次请求信息
注:
1、中的name参数获取
2、图片进行展示
2.3套餐信息分页查询---代码开发&功能测试 77
目前下面的代码能够实现主要的内容,但是在套餐分类的这一类当中是不进行显示的。是由于pageInfo中继承的泛型是Setmeal。
但是Setmeal中不包含套餐分类的功能,只是返回的是套餐分类的id。
本部分解决套餐分类中分类的类别显示问题:
问题描述如下:
本部分代码:
/*** 套餐分页查询* @param page* @param pageSize* @param name* @return*/@GetMapping("/page")public R<Page> page(int page,int pageSize,String name){//输入的是三部分的参数信息//分页构造器对象的创建Page<Setmeal> pageInfo = new Page<>(page,pageSize);//分页构造器对象Page<SetmealDto> dtoPage = new Page<>();//使用SetmealDto中的内容对象,进行使用操作处理,// 由于SetmealDto继承Setmeal,并且还包含那个套餐分类的名称,所以使用该类LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();//添加查询条件,根据name进行like模糊查询queryWrapper.like(name != null,Setmeal::getName,name);//括号内是进行条件的查询的判断,判断内容不为空,// 并且进行name模糊查询//添加排序条件,根据更新时间降序排序queryWrapper.orderByDesc(Setmeal::getUpdateTime);setmealService.page(pageInfo,queryWrapper);//对象拷贝BeanUtils.copyProperties(pageInfo,dtoPage,"records");//是将pageInfo中的数据拷贝到dtoPage中//并且忽略pageInfo中的records的保存数据的信息记录。由于pageInfo中的泛型为Setmeal,//我们新创建的是dtoPage的泛型为SetmealDto,所以需要进行先排除List<Setmeal> records = pageInfo.getRecords();//获取pageInfo中的records,对后面的这个records进行处理解决List<SetmealDto> list = records.stream().map((item) ->{SetmealDto setmealDto = new SetmealDto();//对象拷贝,因为创建的集合SetmealDto中是空的,所以需要将原来item的数据内容拷贝到新的SetmealDto中。BeanUtils.copyProperties(item,setmealDto);//分类idLong categoryId = item.getCategoryId();//根据分类id查询分类对象Category category = categoryService.getById(categoryId);if(category != null){//分类名称,获取套餐分类名称String categoryName = category.getName();setmealDto.setCategoryName(categoryName);//将查询到的categoryName添加到setmealDto中//因为创建的setmealDto是个新的集合,所以使用set进行添加到集合中}return setmealDto;}).collect(Collectors.toList());dtoPage.setRecords(list);return R.success(dtoPage);}
三、删除套餐 (关联表之间的删除)78
3.1需求分析 78
需求:
1、点击删除按钮删除商品
2、批量删除商品的实现
3、停售按键的正常使用,售卖的套餐不能被删除,停售后才能够被删除
3.2代码开发---梳理交互过程 78
注:
1、请求方式和请求地址是相同的
2、区别在于两者的传递的id的个数不一样
3.3删除套餐---代码开发&功能测试 79
步骤一:在SetmealController层中进行书写删除的主代码
/*** 删除套餐* @param ids* @return*/@DeleteMappingpublic R<String> delete(@RequestParam List<Long> ids){log.info("ids:{}",ids);
// setmealService.removeWithDish(ids);return R.success("套餐删除成功");}
步骤二:在SetmealSerice接口中创建新的方法
public void removeWithDish(List<Long> list);
步骤三:添加服务驱动类
/*** 删除套餐,同时需要删除套餐和菜品的关联数据* @param ids*/@Overridepublic void removeWithDish(List<Long> ids) {//select count(*) from setmeal where id in (1,2,3) and status =1//查询套餐状态,确定是否可用删除LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.in(Setmeal::getId,ids);//是查询判断的第一部分条件是在(1,2,3)中进行查询进行表达queryWrapper.eq(Setmeal::getStatus,1);//判断条件等值查询判断,判断该商品的状态,1:在售;2:停售int count = this.count(queryWrapper);//ServiceImpl实现的框架下的一个count,封装生成if(count > 0 ){//异常提示报错,>0表示状态为1,处于售卖的状态。//如果不能被删除,抛出一个业务异常throw new CustomException("套餐正在售卖中,不能删除");}//如果可以删除,先删除套餐表中的数据---setmeal 这个是套餐(批量删除)this.removeByIds(ids);//删除关系表中的数据---setmeal_dish(关联数据)//创建一个新的处理方式,mysql中的编程处理的代码 delete from setmeal_dish where setmeal_id in (1,2,3...)LambdaQueryWrapper<SetmealDish> lambdaQueryWrapper = new LambdaQueryWrapper<>();lambdaQueryWrapper.in(SetmealDish::getSetmealId,ids);//该部分表示mysql的代码编写//删除关系表中的数据---setmeal_dishsetmealDishService.remove(lambdaQueryWrapper);}
步骤四:在主方法中进行调用使用该方法
/*** 删除套餐* @param ids* @return*/@DeleteMappingpublic R<String> delete(@RequestParam List<Long> ids){log.info("ids:{}",ids);setmealService.removeWithDish(ids);return R.success("套餐删除成功");}
四、手机验证码登陆 80
五、短信发送 81
5.1短信服务介绍和阿里云短信服务介绍 81
5.2短信发送---阿里云短信服务 82
5.2.1阿里云短信服务---注册账号 82
5.3短信发送---代码开发---参照官方文档封装短信发送工具类 83
六、手机验证码登陆 84
6.1需求分析 84
6.2数据模型 84
6.3手机验证码登陆---代码开发---梳理交互过程&修改LoginCheckFliter 85
6.3.1代码开发---梳理交互过程 85
6.3.2代码开发---准备工作 85
修改部分一:
修改部分二:
6.4手机验证码登陆---代码开发 86
本部分代码如下:
代码:
@Slf4j
@RestController
@RequestMapping("/user")
public class UserController {@Autowiredprivate UserService userService;public R<String> sendMsg(@RequestBody User user, HttpSession session){//获取手机号String phone = user.getPhone();if (StringUtils.isNotEmpty(phone)){//首先进行条件判断//生成4位随机的验证码,通过ailiyun提供的功能类String code = ValidateCodeUtils.generateValidateCode(4).toString();log.info("code={}",code);//调用阿里云提供的短信服务API完成发送短信
// SMSUtils.sendMessage("瑞吉外卖","",phone,code);//需要将生成的验证码保存到Sessionsession.setAttribute(phone,code);return R.success("手机验证码短信发送成功");}return R.error("短信发送失败");}}
6.5手机验证码登陆---代码开发---登陆校验 86
使得前端能够进行登陆
本部分代码:
/*** 移动端用户登陆* @param map* @param session* @return*/@PostMapping("/login")public R<User> login(@RequestBody Map map, HttpSession session){//使用Map类log.info(map.toString());//获取手机号String phone = map.get("phone").toString();//获取验证码String code = map.get("code").toString();//从Session中获取保存的验证码Object codeInSession = session.getAttribute(phone);//进行验证码的比对(页面提交的验证码和Session中保存的验证码比对)if(codeInSession != null && codeInSession.equals(code)){//如果能够对比成功,说明登陆成功LambdaQueryWrapper<User> queryWrapper =new LambdaQueryWrapper<>();queryWrapper.eq(User::getPhone,phone);User user = userService.getOne(queryWrapper);if(user == null){//判断当前手机号对应的用户是否位新用户,如果是新用户就自动完成注册user = new User();user.setPhone(phone);user.setStatus(1);userService.save(user);}return R.success(user);}return R.error("登陆失败");}
效果:实现在移动端进行登陆
注:如果登陆时出现登陆不上的情况,可以尝试清理下浏览器的缓存,在进行登陆。