1.需求分析
通过新增功能来添加一个新的菜品,在添加菜品时要选择当前菜品所属的分类,并且需要上传菜品图片
2.数据模型(就是在新增菜品的过程中涉及了哪些表)
新增菜品:就是将新增页面的信息录入dish表
如果添加了菜品口味,就添加到dish_flavor表中
3.代码开发-准备工作
在开发业务功能前,先把需要用到的类和接口基本结构准备好:
1.实体类dish_flavor(Dish实体类之前已经导入过了)
2.Mapper接口DishFlavorMapper
继承BaseMapper(extends BaseMapper)
实体选择DishFlavor
加一个Mapper注解
到此为止Mapper接口就创建好了
3.业务层接口DishFlavorService
继承IService
实体仍然选择DishFlavor
到此为止接口就搞定了
4.业务层实现类DishFlavorServiceImpl
继承ServiceImpl
这里选择两个泛型,一个是Mapper、一个是实体
实现接口
加一个Service注解
搞定。
5.控制层DishController
加一个RestController注解
添加一个RequestMapping,路径是/dish
注入菜品service和菜品口味seivice
现在就是架子已经搭起来了
4.代码开发-梳理交互过程
在开发代码之前,先梳理一下前端页面和服务端的交互过程
1.新增菜品页面发送ajax请求,请求服务端获取菜品分类数据,并展示到下拉框中
在前端代码里面找到对应的JS路径
在CategoryController里面编写代码
泛型是集合List,实体是Category,方法名字是list
list方法传参,传type
采用封装到实体Category的type属性
注释请求方式和请求路径
进行查询,Asc是升序排列,Desc是降序排列
2.页面发送请求进行图片上传,请求服务端将图片保存到服务器
3.页面发送请求进行图片下载,将上传的图片进行回显
4.点击保存按钮,发送ajax请求,将菜品相关数据以json形式提交到服务端
导入DTO(Data Transfer Object),数据传输对象,用于封装页面提交的数据,用于展示层和服务端的数据传输
因为提交的json文件里面flavor不在实体dish里面
因为保存的数据牵扯到两张表(往菜品表和口味表里面插入数据),所以在DishService接口里面扩展一个新的方法
接口的方法声明完成之后,再去它的实现类去实现这个方法
再将Controller层完善一下
功能完成