瑞吉外卖

  • 一、软件开发整体介绍
    • 1.软件开发流程
    • 2.角色分工
    • 3.软件环境
  • 二、瑞吉外卖项目介绍
    • 1.项目介绍
    • 2.技术选型
    • 3.功能架构
  • 三、开发环境搭建
    • 1.数据库环境搭建
    • 2.maven项目搭建
  • 四、后台功能开发
    • 1.员工管理
      • 1.1 后台登录功能开发
        • 1.1.1需求开发
        • 1.1.2代码开发
      • 1.2 后台退出功能开发
        • 1.2.1 需求分析
        • 1.2.2 代码开发
      • 1.3 完善登录功能
        • 1.3.1 问题分析
        • 1.3.2 代码实现
      • 1.4 新增员工
        • 1.4.1 需求分析
        • 1.4.2 数据模型
        • 1.4.3 代码开发
      • 1.5 员工信息分页查询
        • 1.5.1 需求分析
        • 1.5.2 代码开发
      • 1.6 启用/禁用员工账号
        • 1.6.1 需求分析
        • 1.6.2 代码开发
        • 1.6.3 功能测试
        • 1.6.3 代码修复
      • 1.7 编辑员工信息
        • 1.7.1 需求分析
        • 1.7.2 代码开发
    • 2. 分类管理
      • 2.1 公共字段自动填充
        • 2.1.1 问题分析
        • 2.1.2 代码实现
        • 2.1.3 代码完善
      • 2.2 新增分类
        • 2.2.1 需求分析
        • 2.2.2 数据模型
        • 2.2.3 代码开发
      • 2.3 分类信息分页查询
        • 2.3.1 需求分析
        • 2.3.2 代码开发
        • 2.3.2 报错和问题解决
      • 2.4 删除分类
        • 2.4.1 需求分析
        • 2.4.2 代码开发
        • 2.4.3 功能完善
      • 2.5 修改分类
        • 2.5.1 需求分析
        • 2.5.2 代码开发
    • 3. 菜品管理
      • 3.1 文件上传下载
        • 3.1.1 文件上传介绍
        • 3.1.2 文件下载介绍
        • 3.1.3 文件上传代码实现
        • 3.1.4 文件下载代码实现
      • 3.2 新增菜品
        • 3.2.1 需求分析
        • 3.2.2 数据模型
        • 3.2.3 代码开发
      • 3.3 菜品信息分页查询
        • 3.3.1 需求分析
        • 3.3.2 代码开发
      • 3.4 修改菜品
        • 3.4.1 需求分析
        • 3.4.2 代码开发
      • 3.5 批量停售起售
        • 3.5.1 需求分析
        • 3.5.1 代码开发
      • 3.6 批量删除
        • 3.6.1 需求分析
        • 3.6.2 代码开发
    • 4. 套餐管理
      • 4.1 新增套餐
        • 4.1.1 需求分析
        • 4.1.2 数据模型
        • 4.1.3 代码开发
      • 4.2 套餐信息分页查询
        • 4.2.1 需求分析
        • 4.2.2 代码开发
      • 4.3 删除套餐
        • 4.3.1 需求分析
        • 4.3.2 代码开发
      • 4.4 修改套餐
        • 4.4.1 需求分析
        • 4.4.2 代码开发
      • 4.5 批量起售停售
        • 4.5.1 需求分析
        • 4.5.2 代码开发
    • 5. 订单明细
      • 5.1 需求分析
      • 5.2 代码开发

黑马平台瑞吉外卖学习地址

一、软件开发整体介绍

1.软件开发流程

2.角色分工

  • 项目经理:对整个项目负责,任务分配、把控进度
  • 产品经理:进行需求调研,输出需求调研文档、产品原型等
  • UI设计师:根据产品原型输出界面效果图
  • 架构师:项目整体架构设计、技术选型等
  • 开发工程师:代码的实现
  • 测试工程师:编写测试用例,输出测试报告
  • 运维工程师:软件环境搭建、项目上线

3.软件环境

  • 开发环境(development):开发人员在开发阶段使用的环境,一般外部用户无法访问
  • 测试环境(testing):专门给测试人员使用的环境,用于测试项,一般外部用户无法访问
  • 生产环境(production):即线上环境,正式提供对外服务的环境

二、瑞吉外卖项目介绍

1.项目介绍

为餐饮定制的一款软件,包括系统管理后台和移动端应用两部分。其中系统管理后台主要提供给餐饮企业内部员工使用,可以对餐厅的菜品、套餐、订单等进行管理维护。移动端应用主要提供给消费者使用,可以在线浏览菜品、添加购物车、下单等。
项目分为三期:
第一期实现基本需求,移动端通过H5实现,用户可以通过手机浏览器访问。
第二期主要针对移动端应用进行改进,使用微信小程序实现,用户用起来更方便加方便。
第三期主要针对系统进行优化升级,提供系统的访问性能。

  • 产品原型
    产品原型,就是一款产品成型之前的一个简单的框架,就是将页面的排版布局展现出来,使产品的初步构思有一个可视化的展示。通过原型展示,可以更加直观的了解项目的需求和提供的功能。

2.技术选型

3.功能架构

  • 角色

    • 后台系统管理员:登录后台管理系统,拥有后台系统中的所有操作权限
    • 后台系统普通员工:登录后台管理系统,对菜品、套餐、订单等进行管理
    • C端用户:登录移动端应用,可以浏览菜品、添加购物车、设置地址、在线下单等

三、开发环境搭建

1.数据库环境搭建

创建项目对应的数据库(图形界面或者命令行都可以)

使用CMD命令进入MySQL,bin目录下,执行命令

mysql -hlocalhost -uroot -p

输入登录密码

创建数据库:

create database reggie character set uft8mb4;

使用图形工具导入SQL文件:

使用命令行导入数据库

source SQL地址(地址不可以放在中文路径下)

数据表

2.maven项目搭建

1)创建maven项目

创建完项目后,检查项目的编码、Maven仓库配置、Jdk配置等




2)导入pom文件相关技术依赖

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>2.4.5</version></parent><groupId>com.reggie</groupId><artifactId>reggie_take_out</artifactId><version>1.0-SNAPSHOT</version><properties><maven.compiler.source>11</maven.compiler.source><maven.compiler.target>11</maven.compiler.target></properties><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId><scope>compile</scope></dependency><dependency><groupId>com.baomidou</groupId><artifactId>mybatis-plus-boot-starter</artifactId><version>3.4.2</version></dependency><dependency><groupId>org.projectlombok</groupId><artifactId>lombok</artifactId><version>1.18.20</version></dependency><dependency><groupId>com.alibaba</groupId><artifactId>fastjson</artifactId><version>1.2.76</version></dependency><dependency><groupId>commons-lang</groupId><artifactId>commons-lang</artifactId><version>2.6</version></dependency><dependency><groupId>mysql</groupId><artifactId>mysql-connector-java</artifactId><scope>runtime</scope></dependency><dependency><groupId>com.alibaba</groupId><artifactId>druid-spring-boot-starter</artifactId><version>1.1.23</version></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId><version>2.4.5</version></plugin></plugins></build>
</project>

3)创建配置文件application.yml

server:port: 8080  # tomcat端口号
spring:application:name: reggie_take_out # 服务的名称datasource:             # 数据源druid:driver-class-name: com.mysql.cj.jdbc.Driverurl: jdbc:mysql://localhost:3306/reggie?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&useSSL=false&allowPublicKeyRetrieval=trueusername: rootpassword: root
mybatis-plus:configuration:# address_book --> AddressBook#在映射实体或者属性时,将数据库中表名和字段名中的下划线去掉,按照驼峰命名法映射map-underscore-to-camel-case: truelog-impl: org.apache.ibatis.logging.stdout.StdOutImplglobal-config:db-config:id-type: ASSIGN_ID    # 主键

4)编写启动类

package com.reggie;import lombok.extern.slf4j.Slf4j;
import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;@Slf4j
@SpringBootApplication
public class ReggieApplication {public static void main(String[] args) {SpringApplication.run(ReggieApplication.class, args);log.info("项目启动成功");}
}

5)映射静态资源
前端资源放在resource目录下
创建配置类映射前端资源

@Slf4j
@Configuration
public class WebMvcConfig extends WebMvcConfigurationSupport {/*** 设置静态资源映射** @param registry*/@Overrideprotected void addResourceHandlers(ResourceHandlerRegistry registry) {log.info("开始静态资源映射...");registry.addResourceHandler("/backend/**").addResourceLocations("classpath:/backend/");registry.addResourceHandler("/front/**").addResourceLocations("classpath:/front/");}
}

四、后台功能开发

1.员工管理

1.1 后台登录功能开发

1.1.1需求开发

1)页面原型

2)登录页面展示

3)查看登录请求信息
通过浏览器调试工具F12,可以发现,点击登录按钮时,页面会发送请求(请求地址为http://localhost:8080/emplpyee/login)并提交参数(username和password),报404,因为后台系统没有响应次请求的处理器,所以需要创建相关类来处理登录请求

4)数据模型(employee)表

1.1.2代码开发

1)创建一个实体类Employee,和employee表进行映射

/*** 员工实体类*/
@Data
public class Employee implements Serializable {private static final long serialVersionUID = 1L;private Long id;private String username;private String name;private String password;private String phone;private String sex;private String idNumber;    //身份证号码private Integer status;private LocalDateTime createTime;private LocalDateTime updateTime;@TableField(fill = FieldFill.INSERT)private Long createUser;@TableField(fill = FieldFill.INSERT_UPDATE)private Long updateUser;}

2)创建Controller、Servcie、Mapper

  1. Controller
@Slf4j
@RestController
@RequestMapping("/employee")
public class EmployeeController {@Autowiredprivate EmployeeService employeeService;
}
  1. Service
public interface EmployeeService extends IService<Employee> {}
  1. Service实现类
@Service
public class EmployeeServiceImpl extends ServiceImpl<EmployeeMapper, Employee> implements EmployeeService {}
  1. Mapper
@Mapper
public interface EmployeeMapper extends BaseMapper<Employee> {}

3)编写返回结果类R
此类是一个通用结果类,服务端响应结果最终都会包装成此种类型返回给前端页面

/*** 通用返回结果类,服务端响应的数据最终都会封装为此对象* @param <T>*/
@Data
public class R<T> {private Integer code; //编码:1成功,0和其它数字为失败private String msg; //错误信息private T data; //数据private Map map = new HashMap(); //动态数据public static <T> R<T> success(T object) {R<T> r = new R<T>();r.data = object;r.code = 1;return r;}public static <T> R<T> error(String msg) {R r = new R();r.msg = msg;r.code = 0;return r;}public R<T> add(String key, Object value) {this.map.put(key, value);return this;}}

4)在Controller中创建登录方法
处理逻辑如下:
1、将页面提交的密码password进行md加密处理
2、根据页面提交的用户名username查询数据库
3、如果没有查询到则返回登录失败结果
4、密码对比,如果不一致则返回登录失败结果
5、查看员工状态,如果为已禁用状态,则返回员工已禁用结果
6、登录成功,将员工id存入Session并返回登录成功结果

    @Autowiredprivate EmployeeService employeeService;/*** 员工登录** @param request* @param employee* @return*/@PostMapping("/login")public R<Employee> login(HttpServletRequest request, @RequestBody Employee employee) {//1.将页面提交的密码password进行md加密处理String password = employee.getPassword();password = DigestUtils.md5DigestAsHex(password.getBytes());//2.根据页面提交的用户名username查询数据库LambdaQueryWrapper<Employee> qureeyWrapper = new LambdaQueryWrapper<>();qureeyWrapper.eq(Employee::getUsername, employee.getUsername());Employee emp = employeeService.getOne(qureeyWrapper);//3.如果没有查询到则返回登录失败结果if (emp == null) {return R.error("登录失败");}//4.密码对比,如果不一致则返回登录失败结果if (!emp.getPassword().equals(password)) {return R.error("登录失败");}//5.查看员工状态,如果为已禁用状态,则返回员工已禁用结果if (emp.getStatus() == 0) {return R.error("账号已禁用");}//6.登录成功,将员工id存入Session并返回登录成功结果request.getSession().setAttribute("employee", emp.getId());return R.success(emp);}

1.2 后台退出功能开发

1.2.1 需求分析

员工登录成功后,页面跳转到后台系统首页(backend/index.html),此时会显示当前用户的姓名:管理员,如果员工需要退出系统,直接点击右侧的退出按钮即可退出系统,退出系统后页面应跳转回登录页面

1.2.2 代码开发

用户点击页面中退出按钮,发出请求,请求地址为/employee/logout,请求方式为POST。只需要在Controller中创建对应的处理方式即可,逻辑如下:
1、清理session中的用户id
2、返回结果

    /*** 员工退出** @param request* @return*/@PostMapping("/logout")public R<String> logout(HttpServletRequest request) {//清理Session中保存的当前登录员工的idrequest.getSession().removeAttribute("employee");return R.success("退出成功");}

1.3 完善登录功能

1.3.1 问题分析

前面已经完成了后台登录的员工登录功能开发,但是还存在一个问题,如果用户不登录,直接访问系统首页面,照样可以访问。
这种设计不合理,我们希望看到的效果应该是,只有登录成功后才可以访问系统中的页面,如果没有登录则跳转到登录页面。

可以使用过滤器或者拦截器,在过滤器或者拦截器中判断用户是否已经完成登录,如果没有登录则跳转到登录页面。

1.3.2 代码实现

实现步骤:
1、创建自定义过滤器LoginCheckFilter

@Slf4j
@WebFilter(filterName = "loginCheckFilter", urlPatterns = "/*")
public class LoginCheckFilter implements Filter {@Overridepublic void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {HttpServletRequest request = (HttpServletRequest) servletRequest;HttpServletResponse response = (HttpServletResponse) servletResponse;}
}

2、在启动类上加入注解@ServletComponentScan

@Slf4j
@SpringBootApplication
@ServletComponentScan
public class ReggieApplication {public static void main(String[] args) {SpringApplication.run(ReggieApplication.class, args);log.info("项目启动成功");}
}

3、完善过滤器的处理逻辑

过滤器具体的处理逻辑如下:

    /*** 路径匹配,检查本次请求是否需要放行** @param urls* @param requestURI* @return*/public boolean check(String[] urls, String requestURI) {for (String url : urls) {boolean match = PATH_MATCHER.match(url, requestURI);if (match == true) {return true;}}return false;}

1、获取本次请求的URI

        //1、获取本次请求的URIString requestURI = request.getRequestURI();    // backend/index.html//定义不需要处理的请求路径String[] urls = new String[]{"/employee/login","/employee/logout","/backend/**","/front/**"};

2、判断本次请求是否需要处理

        boolean check = check(urls, requestURI);

3、如果不需要处理,则直接放行

        //3、如果不需要处理,则直接放行if (check) {filterChain.doFilter(request, response);return;}

4、判断登录状态,如果已经登录,则直接放行

        //4、判断登录状态,如果已经登录,则直接放行if (request.getSession().getAttribute("employee") != null) {filterChain.doFilter(request, response);return;}

5、如果未登录则返回未登录结果

在这里插入代码片        //5、如果未登录则返回未登录结果,通过输出流方式向客户端页面响应数据response.getWriter().write(JSON.toJSONString(R.error("NOTLOGIN")));return;

1.4 新增员工

1.4.1 需求分析

后台系统中可以管理员工信息,通过新增员工来添加后台系统用户,点击添加用户跳转到新增页面

1.4.2 数据模型

新增员工,其实就是将新增页面录入的员工数据插入到employee表。需要注意,employee表中对username字段加了唯一约束,因为username是员工的唯一账号

employee表中status字段已经设置了默认值1,表示状态正常。

1.4.3 代码开发

程序的执行过程:
1、页面发送ajax请求,将新增员工页面中输入的数据以json的形式提交到服务端
2、服务端controller接收页面提交的数据并调用Service将数据进行保存
3、Service调用Mapper操作数据库,保存数据

    /*** 新增员工** @param employee* @return*/@PostMappingpublic R<String> save(HttpServletRequest request, @RequestBody Employee employee) {log.info("新增员工,员工信息:{}", employee.toString());//设置初始密码为,进行MD5加密处理employee.setPassword(DigestUtils.md5DigestAsHex("123456".getBytes()));employee.setCreateTime(LocalDateTime.now());employee.setUpdateTime(LocalDateTime.now());//获得当前登录用户的idLong empId = (Long) request.getSession().getAttribute("employee");employee.setCreateUser(empId);employee.setUpdateUser(empId);employeeService.save(employee);return R.success("新增员工成功");}

前面的程序还存在一个BUG,当我们新增员工的时候输入的账号已经存在了,由于employee表中对该字段加入了唯一约束,此时会抛出异常

java.sql.SQLIntegrityConstraintViolationException: Duplicate entry ‘zhangsan’ for key ‘employee.idx_username’

此时需要对程序进行异常捕获,通常有两种处理方式:
1、在Controller方法中加入try、catch进行异常捕获

        try {employeeService.save(employee);} catch (Exception e) {R.error("新增员工失败");}

2、使用异常处理器进行全局异常捕获

/*** 全局异常处理器*/
@ControllerAdvice(annotations = {RestController.class, Controller.class})
@ResponseBody
@Slf4jpublic class GlobaExceptionHandler {/*** 异常处理方法** @return*/@ExceptionHandler(SQLIntegrityConstraintViolationException.class)public R<String> exceptionHandler(SQLIntegrityConstraintViolationException ex) {log.error(ex.getMessage());if (ex.getMessage().contains("Duplicate entry")) {String[] split = ex.getMessage().split(" ");String msg = split[2] + "已存在";return R.error(msg);}return R.error("未知错误");}
}

总结:
1、根据产品原型明确业务需求
2、重点分析数据的流转过程和数据格式
3、通过debug断点调试跟踪程序执行过程

1.5 员工信息分页查询

1.5.1 需求分析

系统中的员工很多的时候,如果在一个页面中展示出来会显得很乱,不便于查看,所以一般的系统中都会以分页的形式来展示列表数据。

1.5.2 代码开发

配置MabitsPlus的分页插件

/*** 配置MP的分页插件*/
@Configuration
public class MybatisPlusConfig {@Beanpublic MybatisPlusInterceptor mybatisPlusInterceptor() {MybatisPlusInterceptor mybatisPlusInterceptor = new MybatisPlusInterceptor();mybatisPlusInterceptor.addInnerInterceptor(new PaginationInnerInterceptor());return mybatisPlusInterceptor;}
}

程序的执行过程:
1、页面发送ajax请求,将分页查询参数(page、pageSize、name)
2、服务端Controller接收页面提交的数据并调用Service查询数据
3、Service调用Mapper操作数据库,查询分页数据
4、Controller将查询到的分页数据响应给页面
5、页面接收到分页数据并通过ElementUI的Table组件展示到页面上

    /*** 员工信息的分页查询** @param page* @param pageSize* @param name* @return*/@GetMapping("/page")public R<Page> page(int page, int pageSize, String name) {log.info("page={},pageSize={},name={}", page, pageSize, name);//构造分页构造器Page pageInfo = new Page(page, pageSize);//构造条件构造器LambdaQueryWrapper<Employee> queryWrapper = new LambdaQueryWrapper();//添加一个过滤条件 (当name不为空是添加条件)queryWrapper.like(StringUtils.isNotEmpty(name), Employee::getName, name);//添加一个排序条件queryWrapper.orderByDesc(Employee::getUpdateTime);//执行查询employeeService.page(pageInfo, queryWrapper);return R.success(pageInfo);}

1.6 启用/禁用员工账号

1.6.1 需求分析

在员工管理列表页面,对某个员工账号进行启用或者禁用操作。账号禁用的员工不能登录系统,启用后的员工可以正常登录。
需要注意的是,只有管理员(admin)用户可以对其他普通用户进行启用、禁用操作,所以普通用户登录系统后启用、禁用按钮不显示。

页面中的ajax请求发送

1.6.2 代码开发

启用、禁用员工账号,本质上就是一个更新操作,也就是对status状态字段进行操作,在Controller中创建updare方法,此方法是一个通用修改员工信息

    /*** 根据id来修改员工信息** @param employee* @return*/@PutMappingpublic R<String> update(HttpServletRequest request, @RequestBody Employee employee) {log.info(employee.toString());Long empId = (Long) request.getSession().getAttribute("employee");employee.setUpdateTime(LocalDateTime.now());employee.setUpdateUser(empId);employeeService.updateById(employee);return R.success("员工信息修改成功");}

1.6.3 功能测试

测试过程中没有报错,但是功能没有实现,查看数据库也没有变化。观察控制台输出的SQL:

SQL执行结果更新的数据行为0,仔细观察id,和数据库中的id并不对应

1.6.3 代码修复

通过观察控制台id与SQL数据库id不一致的原因:分页查询时服务端响应给页面的数据id中id的值为19位数字,类型为long

页面中js处理long型数字只能精确到前16位,所以最终通过ajax请求提交给服务端的时候id变为了1524243373520158700

发现问题的原因:即js对long型数据进行处理时丢失精度,导致提交的id和数据库的id不一致。

解决问题:可以在服务端给页面响应json数据时进行处理,将long型数据统一转换位String字符串,效果如下:

具体实现步骤:
1) 提供对象转换器JacksonObjectMapper,基于Jackson进行Java对象到json数据的转换

/*** 对象映射器:基于jackson将Java对象转为json,或者将json转为Java对象* 将JSON解析为Java对象的过程称为 [从JSON反序列化Java对象]* 从Java对象生成JSON的过程称为 [序列化Java对象到JSON]*/
public class JacksonObjectMapper extends ObjectMapper {public static final String DEFAULT_DATE_FORMAT = "yyyy-MM-dd";public static final String DEFAULT_DATE_TIME_FORMAT = "yyyy-MM-dd HH:mm:ss";public static final String DEFAULT_TIME_FORMAT = "HH:mm:ss";public JacksonObjectMapper() {super();//收到未知属性时不报异常this.configure(FAIL_ON_UNKNOWN_PROPERTIES, false);//反序列化时,属性不存在的兼容处理this.getDeserializationConfig().withoutFeatures(DeserializationFeature.FAIL_ON_UNKNOWN_PROPERTIES);SimpleModule simpleModule = new SimpleModule().addDeserializer(LocalDateTime.class, new LocalDateTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT))).addDeserializer(LocalDate.class, new LocalDateDeserializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT))).addDeserializer(LocalTime.class, new LocalTimeDeserializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT))).addSerializer(BigInteger.class, ToStringSerializer.instance).addSerializer(Long.class, ToStringSerializer.instance).addSerializer(LocalDateTime.class, new LocalDateTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_TIME_FORMAT))).addSerializer(LocalDate.class, new LocalDateSerializer(DateTimeFormatter.ofPattern(DEFAULT_DATE_FORMAT))).addSerializer(LocalTime.class, new LocalTimeSerializer(DateTimeFormatter.ofPattern(DEFAULT_TIME_FORMAT)));//注册功能模块 例如,可以添加自定义序列化器和反序列化器this.registerModule(simpleModule);}
}

2) 在WebMvcConfig配置类中扩展Spring MVC的消息转换器,在此消息转换器中使用提供的对象转换器进行Java对象到json数据的转换

    /**** 扩展MVC框架的消息转换器* @param converters*/@Overrideprotected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {//创建消息转换器对象MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();//设置对象转换器,底层使用Jackson将Java对象转为jsonmessageConverter.setObjectMapper(new JacksonObjectMapper());//将上面的消息转换器对象追加到mvc框架的转换器集合中converters.add(0, messageConverter);}

1.7 编辑员工信息

1.7.1 需求分析

在员工管理列表页面点击编辑按钮,跳转到编辑页面,在编辑页面再回显员工信息并进行修改,最后点击保存按钮完成编辑操作

1.7.2 代码开发

程序的执行流程:
1、在点击编辑按钮时,页面跳转到add.html,并在url中携带参数[员工id]
2、在add.html页面获取url中的参数[员工id]
3、发送ajax请求、请求服务端,同时提交员工id参数
4、服务端接收请求,根据员工id查询员工信息,将员工信息以json形式响应给页面
5、页面接收服务端响应的json数据,通过VUE的数据绑定进行员工信息回显
6、点击保存按钮,发送ajax请求,将页面中的员工信息以json方式提交给服务端
7、服务端接收员工信息,并进行处理,完成后给页面响应
8、页面接收到服务端响应信息后进行相应处理

    /*** 根据id查询员工信息 * @param id* @return*/@GetMapping("/{id}")public R<Employee> getById(@PathVariable Long id) {log.info("根据id查询员工信息");Employee employee = employeeService.getById(id);return R.success(employee);}

2. 分类管理

2.1 公共字段自动填充

2.1.1 问题分析

上面已经完成了后台系统的员工管理功能开发,在新增员工时需要设置创建时间、创建人、修改时间、修改人等字段,在编辑员工时需要设置修改时间和修改人等字段。这些字段属于公共字段,也就是很多表中都有这些字段,如下:


可以使用Mybatis Plus提供的公共字段自动填充功能,对于这些公共字段在某个地方统一处理,简化开发。

2.1.2 代码实现

Mybatis Plus公共字段自动填充,也就是在插入或者更新的时候位指定字段赋予指定的值,使用它的好处就是可以统一对这些字段进行处理,避免代码重复。

实现步骤:
1、在实体类的属性上加入@TableField注解,指定自动填充的策略

    @TableField(fill = FieldFill.INSERT)    //插入时填充字段private LocalDateTime createTime;@TableField(fill = FieldFill.INSERT_UPDATE) //插入和更新时填充字段private LocalDateTime updateTime;@TableField(fill = FieldFill.INSERT)        //插入时填充字段private Long createUser;@TableField(fill = FieldFill.INSERT_UPDATE)     //插入和更新时填充字段private Long updateUser;

2、按照框架要求编写元数据对象处理器,在此类中统一为公共字段赋值,此类需要实现MetaObjectHandler接口

/*** 自定义元数据处理器*/
@Component
@Slf4j
public class MyMetaObjecthand implements MetaObjectHandler {/*** 插入操作,自动填充** @param metaObject*/@Overridepublic void insertFill(MetaObject metaObject) {log.info("公共字段自动填充[insert]...");log.info(metaObject.toString());metaObject.setValue("createTime", LocalDateTime.now());metaObject.setValue("updateTime", LocalDateTime.now());metaObject.setValue("createUser", new Long(1));metaObject.setValue("updateUser", new Long(1));}/*** 更新操作,自动填充** @param metaObject*/@Overridepublic void updateFill(MetaObject metaObject) {log.info("公共字段自动填充[update]...");log.info(metaObject.toString());metaObject.setValue("updateTime", LocalDateTime.now());metaObject.setValue("updateUser", new Long(1));}
}

注意:当前我们设置createUser和updateUser为固定值,后面需要进行改造,改为动态获取当前登录用户的id

2.1.3 代码完善

上面已经完成了公共字段自动填充功能的代码开发,但还有一个问题没有解决,是我们在自动填充createUser和updateUser时设置的用户id为固定值,我们需要改造成动态获取当前登录用户的id。
注意,我们在MyMetaObjectHandler类中是不能获取HttpSession对象的,所以需要使用其他方式来获取登录用户的id

这里使用ThreadLocal来解决此问题,它时JDK中提供的一个类。

在学习ThreadLocal之前,还要确认一个事,就是客户端发送的每次Http请求,对应的在服务端都会分配一个新的线程来处理,在处理过程中涉及到下面类中的方法都属于相同的一个线程:
1、LoginCheckFilter的doFilter方法
2、EmployeeController的update方法
3、MyMetaObjectHandler的updateFill方法
可以在上面三个方法中分别加入下面代码(获取当前线程id):

long id =  Thread.currentThread().getId();
log.info("线程id:{}",id);

执行编辑员工页面进行验证,观察IDEA控制台输出可以看见,一次请求中对应的线程id是相同的:

ThreadLocal介绍
ThreadLocal并不是一个Thread,而是Thread的局部变量。当使用ThreadLocal维护变量的时,ThreadLocal为每个使用该变量的线程提供独立的变量副本,所以每一个线程都可以独立地改变自己的副本,而不会影响其他线程所对应的副本。ThreadLocal为每个线程提供单独一份存储空间,具有线程隔离的效果,只有在线程内才能获取到对应的值,线程外则不能访问。

ThreadLocal常用方法

  • public void set(T value) 设置当前线程的线程局部变量的值
  • public T get() 返回当前线程所对应的线程局部变量的值

可以在LoginCheckFilter的doFilter方法中获取当前登录用户id,并调用ThreadLoacl的set方法来设置当前线程的线程局部变量的值(用户id),然后再MyMetaObjectHandler的updateFill方法中调用ThreadLocal的get方法来获取当前线程所对应的线程局部变量的值(用户id)。

实现步骤
1、编写BaseContext工具类,基于ThreadLocal封装的工具类

/*** 基于ThreadLocal封装工具类,用于保存和获取当前登录的id*/
public class BaseContext {private static ThreadLocal<Long> threadLocal = new ThreadLocal<>();/*** 设置值* @param id*/public static void setCurrentId(Long id) {threadLocal.set(id);}/*** 获取值* @return*/public static Long getCurrentId() {return threadLocal.get();}
}

2、在LoginCheckFilter的doFilter方法中调用BaseContext来设置当前登录用户的id

BaseContext.setCurrentId(empId);

3、在MyMetaObjectHandler的方法中调用BaseContext获取登录用户的id

        metaObject.setValue("createUser", BaseContext.getCurrentId());metaObject.setValue("updateUser", BaseContext.getCurrentId());

2.2 新增分类

2.2.1 需求分析

后台系统中可以管理分类信息,分类包括两种类型,分别是菜品分类和套餐分类。当从后台系统中添加菜品时需要选择一个菜品分类,当在后台系统中添加一个套餐时需要选择一个套餐分类,在移动端也会按照菜品分类和套餐分类来展示对应的菜品和套餐。


可以在后台系统的分类管理页面分别添加菜品分类和套餐分类,如下:

2.2.2 数据模型

新增分类,其实就是将我们新增窗口录入的分类数据插入到category表,结构如下:

2.2.3 代码开发

在开发业务功能前,先将需要用到的类和接口基本结构创建好:

  • 实体类Category
/*** 分类*/
@Data
public class Category implements Serializable {private static final long serialVersionUID = 1L;private Long id;//类型 1 菜品分类 2 套餐分类private Integer type;//分类名称private String name;//顺序private Integer sort;//创建时间@TableField(fill = FieldFill.INSERT)private LocalDateTime createTime;//更新时间@TableField(fill = FieldFill.INSERT_UPDATE)private LocalDateTime updateTime;//创建人@TableField(fill = FieldFill.INSERT)private Long createUser;//修改人@TableField(fill = FieldFill.INSERT_UPDATE)private Long updateUser;//是否删除@TableField(exist = false)private Integer isDeleted;}
  • Mapper接口CategoryMapper
@Mapper
public interface CategoryMapper extends BaseMapper<Category> {}
  • 业务层接口CategoryService
public interface CategoryService extends IService<Category> {}
  • 业务层实现类CategoryServiceImp
@Service
public class CategoryServiceImpl extends ServiceImpl<CategoryMapper, Category> implements CategoryService {}
  • 控制层CategoryController
/*** 分类管理*/
@RestController
@Slf4j
@RequestMapping("/category")
public class CategoryController {@Autowiredprivate CategoryService categoryService;
}

程序的执行过程:
1、页面(backend/page/category/list.html)发送ajax请求,将新增分类窗口输入的数据以json形式提交到服务端
2、服务端Controller接收页面提交的数据并调用Service将数据进行保存
3、Service调用Mapper操作数据库,保存数据

可以看到新增菜品分类和新增套餐分类请求的服务端地址和提交的json数据结构相同,所以服务端只需要提供一个方法统一处理即可:

    /*** 新增分类** @param category* @return*/@PostMappingpublic R<String> save(@RequestBody Category category) {log.info("category:{}", category);categoryService.save(category);return R.success("新增分类成功");}

2.3 分类信息分页查询

2.3.1 需求分析

系统中的分类很多的时候,如果在一个页面展示出来会显得比较乱,不便于查看,所以一般的系统中都会以分页的方式来展示列表数据。

2.3.2 代码开发

程序的执行过程:
1、页面发送ajax请求,将分页查询参数(page、pageSize)提交到服务端
2、服务端Controller接收页面提交的数据并调用Service查询数据
3、Service调用Mapper操作数据库,查询分页数据
4、Controller将查询到的分页数据响应给页面
5、页面接收到分页数据通过ElementUI的Table组件展示到页面上

    /*** 分页查询** @param page* @param pageSize* @return*/@GetMapping("/page")public R<Page> page(int page, int pageSize) {//分页构造器Page<Category> pageInfo = new Page<>(page, pageSize);//条件过滤器LambdaQueryWrapper<Category> queryWrapper = new LambdaQueryWrapper<>();//添加排序条件,根据sort进行排序queryWrapper.orderByDesc(Category::getSort);//进行分页查询categoryService.page(pageInfo, queryWrapper);return R.success(pageInfo);}

2.3.2 报错和问题解决

服务器内部错误

查看IDEA控制台输出

### Error querying database. Cause: java.sql.SQLSyntaxErrorException: Unknown column 'is_deleted' in 'field list'
报这个错一般出现在新增字段或者修改字段,以及操作连表的时候

  1. 可能左链接或内连接查询时用的字段名称和已有的字段名称重复
  2. 可能某个字段数据库与实体类有区别,而SQL中没有对应上,检查数据库和SQL的字段
  3. 可能在连表查的时候,某些字段所在的库错了,比如要查user的 u.name却写成了team的t.name

另外如果有这种特殊需求:实体类需要加入某个字段,但数据库对应的表中并不需要该字段,次时可以在实体类中,给该字段加上@TableField(exist = false)这个注解,这样实体类在构建时会含有这个字段,但并不会加到数据库

在Category实体类里的 isDeleted 字段数据库中并没有

给该字段加上@TableField(exist = false)这个注解

重启项目,再次访问网页,此时成功访问

2.4 删除分类

2.4.1 需求分析

在分类管理列表页面,可以对某个分类进行删除操作。需要注意的是当分类关联了菜品或者套餐时,此分类不允许删除。

2.4.2 代码开发

程序的执行过程:
1、页面发送ajax请求,将参数(id)提交到服务端
2、服务端Controller接收页面提交的数据并调用Servcie删除数据
3、Servcie调用Mapper操作数据库

    /*** 根据id删除分类** @param ids* @return*/@DeleteMappingpublic R<String> delete(Long ids) {log.info("删除分类,ids为:{}", ids);categoryService.removeById(ids);return R.success("分类信息删除成功");}

2.4.3 功能完善

上面已经实现了根据ids删除分类的功能,但并没有检查删除的分类是否关联了菜品或者套餐,所以需要进行功能完善
完善分类删除功能,需要准备基础的接口和类:
1、实体类Dish和Setmeal

//Dish
/**菜品*/
@Data
public class Dish implements Serializable {private static final long serialVersionUID = 1L;private Long id;//菜品名称private String name;//菜品分类idprivate Long categoryId;//菜品价格private BigDecimal price;//商品码private String code;//图片private String image;//描述信息private String description;//0 停售 1 起售private Integer status;//顺序private Integer sort;@TableField(fill = FieldFill.INSERT)private LocalDateTime createTime;@TableField(fill = FieldFill.INSERT_UPDATE)private LocalDateTime updateTime;@TableField(fill = FieldFill.INSERT)private Long createUser;@TableField(fill = FieldFill.INSERT_UPDATE)private Long updateUser;//是否删除private Integer isDeleted;}
//Setmeal
/*** 套餐*/
@Data
public class Setmeal implements Serializable {private static final long serialVersionUID = 1L;private Long id;//分类idprivate Long categoryId;//套餐名称private String name;//套餐价格private BigDecimal price;//状态 0:停用 1:启用private Integer status;//编码private String code;//描述信息private String description;//图片private String image;@TableField(fill = FieldFill.INSERT)private LocalDateTime createTime;@TableField(fill = FieldFill.INSERT_UPDATE)private LocalDateTime updateTime;@TableField(fill = FieldFill.INSERT)private Long createUser;@TableField(fill = FieldFill.INSERT_UPDATE)private Long updateUser;//是否删除private Integer isDeleted;
}

2、Mapper接口DishMapper和SetmealMapper

//DishMapper
@Mapper
public interface DishMapper extends BaseMapper<DishMapper> {}
//SetmealMapper
@Mapper
public interface SetmealMapper extends BaseMapper<Setmeal> {}

3、Service接口DishService和SetmealService

//DishService
public interface DishService extends IService<Dish> {}
//SetmealService
public interface SetmealService extends IService<Setmeal> {}

4、Service实现类DishServiceImpl和SetmealServiceImpl

//DishServiceImpl
@Service
public class DishServiceImpl extends ServiceImpl<DishMapper, Dish> implements DishService {}
//SetmealServiceImpl
@Service
public class SetmealServiceImpl extends ServiceImpl<SetmealMapper, Setmeal> implements SetmealService {}

5、创建自定义业务异常类处理异常

/*** 自定义业务异常类*/
public class CustomException extends RuntimeException {public CustomException(String message) {super(message);}
}

6、在全局异常处理器中添加异常处理方法

    /*** 异常处理方法** @return*/@ExceptionHandler(CustomException.class)public R<String> exceptionHandler(CustomException ex) {log.error(ex.getMessage());return R.error(ex.getMessage());}

7、在CategoryServiceImpl实现类中实现功能

@Service
public class CategoryServiceImpl extends ServiceImpl<CategoryMapper, Category> implements CategoryService {@Autowiredprivate DishService dishService;@Autowiredprivate SetmealService setmealService;/*** 根据id删除分类,删除之前需要进行判断** @param ids*/@Overridepublic void remove(Long ids) {LambdaQueryWrapper<Dish> dishLambdaQueryWrapper = new LambdaQueryWrapper<>();//添加查询条件dishLambdaQueryWrapper.eq(Dish::getCategoryId, ids);int count1 = dishService.count(dishLambdaQueryWrapper);//查询当前分类是否关联了菜品,如果已经关联就抛出一个业务异常if (count1 > 0) {//已经关联菜品,抛出一个业务异常throw  new CustomException("当前分类下关联了菜品,不能删除");}//查询当前分类是否关联了套餐,如果已经关联就抛出一个业务异常LambdaQueryWrapper<Setmeal> setmealLambdaQueryWrapper = new LambdaQueryWrapper<>();setmealLambdaQueryWrapper.eq(Setmeal::getCategoryId, ids);int count2 = setmealService.count(setmealLambdaQueryWrapper);if (count2 > 0){//已经关联套餐,抛出一个业务异常throw  new CustomException("当前分类下关联了套餐,不能删除");}//两次查询如果都没有关联,正常删除super.removeById(ids);}
}

2.5 修改分类

2.5.1 需求分析

在分类管理列表页面点击修改按钮,弹出修改窗口,在修改窗口回显分类信息并进行修改,最后点击确定按钮完成修改操作

2.5.2 代码开发

    /*** 根据id修改分类信息** @param category* @return*/@PutMappingpublic R<String> update(@RequestBody Category category) {log.info("修改分类信息:{}", category);categoryService.updateById(category);return R.success("修改分类信息成功");}

3. 菜品管理

3.1 文件上传下载

3.1.1 文件上传介绍

文件上传(upload),指将本地图片、视频、音频等文件上传到服务器上,可以供其他用户浏览或下载的过程。经常在发微博,发微信朋友圈都用用到了文件上传功能。

文件上传时,对页面的form表单有如下要求:

  • medthod="post" 采用post方式提交数据
  • enctype="multipart/form-data" 采用multipart格式上传文件
  • type="file" 使用input的file控件上传

示例:
< from method = "post" action=“/common/upload” enctype="multipart/form-data">
         <input name = “myfile” type = "file" />
         <input name = “submit” type = "提交" />
< /from >

前端的一些组件库提供了对应的上传组件,但是底层原理还是基于form表单的文件上传。如:ElementUI中提供的upload上传组件:

服务端要接收客户端页面上传的文件,通常都会使用Apache的两个组件:

  • commons-fileupload
  • commons-io

Spring框架在Spring-web包中对文件上传进行了封装,简化了服务端代码,只需要在controller的方法中声明一个MultipartFile类型 参数即可接收上传文件,例如:

3.1.2 文件下载介绍

文件下载(download),指将文件从服务器传输到本地计算机的过程。

通过浏览器进行文件下载,通常有两种表现形式:

  • 以附件的形式下载,弹出保存对话框,将文件保存到指定磁盘目录
  • 直接在浏览器中打开

通过浏览器进行文件下载,本质上是服务端将文件以流的形式写回浏览器的过程。

3.1.3 文件上传代码实现

文件上传,页面端可以使用ElementUI提供的上传组件。

        <el-upload class="avatar-uploader"action="/common/upload":show-file-list="false":on-success="handleAvatarSuccess":before-upload="beforeUpload"ref="upload"><img v-if="imageUrl" :src="data:imageUrl" class="avatar"></img><i v-else class="el-icon-plus avatar-uploader-icon"></i></el-upload>

在LoginCheckFilter拦截器里添加不需要拦截的请求路径,以便文件上传

        //定义不需要处理的请求路径String[] urls = new String[]{"/employee/login","/employee/logout","/backend/**","/front/**","/common/**"};

在application.yml配置定义路径,存放上传的图片

reggie:path: D:\img\

创建一个控制器CommonController

/*** 文件的上传和下载*/
@RestController
@RequestMapping("/common/")
@Slf4j
public class CommonController {@Value("${reggie.path}")private String basePath;/*** 文件上传** @param file* @return*/@PostMapping("/upload")//参数的名字不能随便起,要和Form Data里的name保持一致,否则是不能接收的public R<String> upload(MultipartFile file) {//file是一个临时文件需要转存到指定位置,否则本次请求完成后临时文件会删除log.info(file.toString());//原始文件名String originalFilename = file.getOriginalFilename();String siffix = originalFilename.substring(originalFilename.lastIndexOf("."));//使用UUID重新生成文件名,防止文件名称重复造成文件覆盖String fileName = UUID.randomUUID().toString() + siffix;//创建一个目录对象File dir = new File(basePath);//判断当前目录是否存在if (!dir.exists()) {//目录不存在需要创建dir.mkdir();}try {//将临时文件转存到指定位置file.transferTo(new File(basePath + fileName));} catch (IOException e) {throw new RuntimeException(e);}return R.success(fileName);}
}

3.1.4 文件下载代码实现

文件下载,页面端可以使用< img >标签展示下载的图片

<img v-if ="imageUrl" :src="data:imageUrl" class ="avatar" />
handleAvatarSuccess(response,file,fileList){this.imageUrl = '/common/download?name=${response.data}'
},

代码实现:

    /*** 文件下载** @param name* @param response*/@GetMapping("/download")public void download(String name, HttpServletResponse response) {try {//输入流,通过输入流读取文件内容FileInputStream fileInputStream = new FileInputStream(new File(basePath + name));//输出流,通过输出流将文件写回浏览器,在浏览器展示图片ServletOutputStream outputStream = response.getOutputStream();response.setContentType("image/jpeg");byte[] bytes = new byte[1024];int len = 0;while ((len = fileInputStream.read(bytes)) != -1) {outputStream.write(bytes, 0, len);outputStream.flush();}//关闭资源outputStream.close();fileInputStream.close();} catch (Exception e) {throw new RuntimeException(e);}}

3.2 新增菜品

3.2.1 需求分析

后台系统中可以管理菜品信息,通过新增功能来添加一个新的菜品,在添加菜品的时候需要选择当前菜品所属的菜品分类,并且需要上传菜品图片,在移动端会按照菜品分类来展示对应的菜品信息。

3.2.2 数据模型

新增菜品,就是将新增页面录入的菜品信息插入到dish表,如果添加了口味做法,还需要向dish_flavor表插入数据。

所以在新增菜品的时候,涉及到了两个表:

  • dish菜品表

  • dish_flavor菜品口味表

3.2.3 代码开发

开发前先将用到的类和接口基本结构创建:

  • 实体类DishFlavor
/**
菜品口味*/
@Data
public class DishFlavor implements Serializable {private static final long serialVersionUID = 1L;private Long id;//菜品idprivate Long dishId;//口味名称private String name;//口味数据listprivate String value;@TableField(fill = FieldFill.INSERT)private LocalDateTime createTime;@TableField(fill = FieldFill.INSERT_UPDATE)private LocalDateTime updateTime;@TableField(fill = FieldFill.INSERT)private Long createUser;@TableField(fill = FieldFill.INSERT_UPDATE)private Long updateUser;//是否删除private Integer isDeleted;}
  • Mapper接口,DishFlavorMapper
@Mapper
public interface DishFlavorMapper extends BaseMapper<DishFlavorMapper>  {}
  • 业务层接口,DishFlavorService
public interface DishFlavorService extends IService<DishFlavor>  {}
  • 业务层实现类,DishFlavorServiceImpl
@Service
public class DishFlavorServiceImpl extends ServiceImpl<DishFlavorMapper, DishFlavor> implements DishFlavorService {}
  • 控制层DishController
  /*** 菜品管理*/
@RestController
@RequestMapping("/dish")
public class DishController {@Autowiredprivate DishService dishService;@Autowiredprivate DishFlavorService dishFlavorService;
}

了解新增菜品时前端页面和服务端的交互过程:
1、页面(backend/page/food/add.html)发送ajax请求,请求服务端获取菜品分类数据并展示到下拉框中


可以看到该功能是写在CategoryController控制器里的,查询分类数据:

    /*** 根据条件查询分类数据** @param category* @return*/@GetMapping("/list")public R<List<Category>> list(Category category) {//条件构造器LambdaQueryWrapper<Category> queryWrapper = new LambdaQueryWrapper<>();//添加条件queryWrapper.eq(category.getType() != null, Category::getType, category.getType());//添加排序条件queryWrapper.orderByAsc(Category::getSort).orderByAsc(Category::getUpdateTime);List<Category> list = categoryService.list(queryWrapper);return R.success(list);}

2、页面发送请求进行图片上传,请求服务器端将图片保存到服务器
3、页面发送请求进行图片下载,将上传的图片进行回显(直接使用上边开发的CommonController )
4、点击保存按钮,发送ajax请求,将菜品相关数据以json形式提交到服务端
在DishController控制层实现该功能:

注意事项:
DTO,全称Data Transfer Object,即数据传输对象,一般用于展示层与服务层之间的数据传输。
分析:
前面没有使用到DTO是因为,前面的传输数据和实体类的属性都是一一对应的,现在传输的数据跟实体类里的属性并不是一一对应的,这时候就需要专门的DTO来传输。
新建:
这里创建一个DTO包建一个DishDTO类,这里只用到了List 下面两个后续开发使用。

@Data
public class DishDto extends Dish {private List<DishFlavor> flavors = new ArrayList<>();private String categoryName;private Integer copies;
}

业务实现层,因为多表查询所以添加了事务管理

@Service
public class DishServiceImpl extends ServiceImpl<DishMapper, Dish> implements DishService {@Autowiredprivate DishFlavorService dishFlavorService;/*** 新增菜品同时保存对应的口味数据** @param dishDto*/@Override@Transactionalpublic void saveWithFlavor(DishDto dishDto) {//保存菜品的基本信息到菜品表dishthis.save(dishDto);Long dishID = dishDto.getId();//菜品idList<DishFlavor> flavors = dishDto.getFlavors();    //菜品口味flavors = flavors.stream().map((item) -> {item.setDishId(dishID);return item;}).collect(Collectors.toList());//保存菜品口味数据到菜品口味表dish_flavordishFlavorService.saveBatch(flavors);}
}

在启动类上开启事务功能注解

@EnableTransactionManagement

控制层

    /*** 新增菜品** @param dishDto* @return*/@PostMappingpublic R<String> save(@RequestBody DishDto dishDto) {log.info(dishDto.toString());dishService.saveWithFlavor(dishDto);return R.success("新增菜品成功");}

开发新增菜品功能,就是在服务端编写代码去处理前端页面发送的四次请求即可。

3.3 菜品信息分页查询

3.3.1 需求分析

系统中的菜品很多的时候,如果全部在一个页面展示出来会显得比较乱,不便于查看,所以一般的系统中都会以分页的方式来展示列表数据。

3.3.2 代码开发

菜品分页查询时前端页面和服务端的交互过程:
1、页面(backend/page/food/list.html)发送ajax请求,将分页查询参数(page、pageSize、name)提交到服务端,获取分页数据
2、页面发送请求,请求服务端进行图片下载,用于页面图片展示

开发菜品信息分页查询功能,就是在服务端,编写代码去处理前端页面发送的这2次请求即可。

    /*** 菜品信息分页** @param page* @param pageSize* @param name* @return*/@GetMapping("/page")public R<Page> page(int page, int pageSize, String name) {//构造分页构造器Page<Dish> pageInfo = new Page(page, pageSize);Page<DishDto> dtopageInfo = new Page(page, pageSize);//构造条件构造器LambdaQueryWrapper<Dish> lambdaQueryWrapper = new LambdaQueryWrapper<>();//添加过滤条件lambdaQueryWrapper.like(name != null, Dish::getName, name);//添加排序条件lambdaQueryWrapper.orderByDesc(Dish::getUpdateTime);//执行分页查询dishService.page(pageInfo, lambdaQueryWrapper);//对象拷贝BeanUtils.copyProperties(pageInfo, dtopageInfo, "records");List<Dish> records = pageInfo.getRecords();List<DishDto> list = records.stream().map((item) -> {DishDto dishDto = new DishDto();BeanUtils.copyProperties(item, dishDto);Long categoryId = item.getCategoryId();//分类id//根据id查询分类对象Category category = categoryService.getById(categoryId);if (category != null) {String categoryName = category.getName();//分类名称dishDto.setCategoryName(categoryName);}return dishDto;}).collect(Collectors.toList());dtopageInfo.setRecords(list);return R.success(dtopageInfo);}

3.4 修改菜品

3.4.1 需求分析

在菜品管理列表页面点击修改按钮,跳转到修改菜品页面,在修改页面回显菜品相关信息并进行修改,最后点击确定按钮完成修改操作

3.4.2 代码开发

修改菜品时前端页面(add.html)和服务端的交互过程:
1、页面发送ajax请求,请求服务端获取分类数据,用于菜品分类下拉框中数据展示(前面已经实现 )
2、页面发送ajax请求,请求服务端,根据id查询当前菜品信息,用于菜品信息回显
DishServiceImpl业务实现层:

    /*** 根据id来查询菜品信息和对应的口味信息** @param id* @return*/@Overridepublic DishDto getByIdWithFlavor(Long id) {//查询菜品的基本信息,从dish表中查询Dish dish = this.getById(id);DishDto dishDto = new DishDto();BeanUtils.copyProperties(dish, dishDto);//查询当前菜品对应的口味信息,从dish_flavor中查询LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper<>();//根据菜品的id查对应的口味queryWrapper.eq(DishFlavor::getId, dish.getId());List<DishFlavor> flavors = dishFlavorService.list(queryWrapper);dishDto.setFlavors(flavors);return dishDto;}

DishController控制层:

    /*** 根据id来查询菜品信息和对应的口味信息** @param id* @return*/@GetMapping("/{id}")public R<DishDto> get(@PathVariable Long id) {DishDto dishDto = dishService.getByIdWithFlavor(id);return R.success(dishDto);}

3、页面发送ajax请求,请求服务端进行图片下载,用于页面图片回显(前面已经实现 )
4、点击保存按钮,页面发送ajax请求,将修改后的菜品相关数据以JSON的形式提交到服务端
DishServiceImpl业务实现层:

    /*** 更新菜品信息,同时更新对应的口味信息** @param dishDto*/@Transactional@Overridepublic void updateWithFlavor(DishDto dishDto) {//更新dish表基本信息this.updateById(dishDto);//清理当前菜品对应口味数据--dish_flavor表的delete操作LambdaQueryWrapper<DishFlavor> queryWrapper = new LambdaQueryWrapper();queryWrapper.eq(DishFlavor::getId, dishDto.getId());dishFlavorService.remove(queryWrapper);//添加当前提交过来的口味数据--dish_flavro表的insert操作List<DishFlavor> flavors = dishDto.getFlavors();flavors = flavors.stream().map((item) -> {item.setDishId(dishDto.getId());return item;}).collect(Collectors.toList());dishFlavorService.saveBatch(flavors);}

DishController控制层:

    /*** 修改菜品* @param dishDto* @return*/@PutMappingpublic R<String> update(@RequestBody DishDto dishDto) {log.info(dishDto.toString());dishService.updateWithFlavor(dishDto);return R.success("修改菜品成功");}

开发修改菜品功能,就是在服务端 编写代码去处理前端页面发送的这4次请求即可。

3.5 批量停售起售

3.5.1 需求分析

在菜品管理列表页面点击停售按钮,或者勾选菜品名称点击批量停售按,当某些菜品售完后通过修改菜品停售状态,点击确定按钮完成修改操作,以此告之用户使其在用户端禁止下单

3.5.1 代码开发

起售、停售菜品状态,本质上就是一个更新操作,也就是对status状态字段进行操作,在Controller中创建statusWithIds方法。
先去浏览器查看此次请求的方式和Url路径


由上可以观察出此次请求方式都为POST,但是在请求方式后多了一个多了"/status",所以在DishController控制层写方法时要加上/status,而且还传入一个参数0,代表起售停售状态,所以要加上/{status},并通过@PathVariable(“status”) 接收status

     /*** 修改售卖状态(起售,停售)* @param status* @param ids* @return*/@PostMapping("/status/{status}")public R<String> statusWithIds(@PathVariable("status") Integer status,@RequestParam List<Long> ids) {//构造一个条件构造器LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.in(ids != null, Dish::getId, ids);queryWrapper.orderByDesc(Dish::getPrice);//根据条件进行批量查询List<Dish> list = dishService.list(queryWrapper);for (Dish dish : list) {if (dish != null) {//把浏览器传入的status参数赋值给菜品dish.setStatus(status);dishService.updateById(dish);}}return R.success("售卖状态修改成功");}

3.6 批量删除

3.6.1 需求分析

在菜品管理列表页面,可以对某个菜品进行删除操作,和批量删除操作。需要注意的是当前菜品起售状态时,此菜品不允许删除,如果此菜品为停售状态,删除此菜品信息以及此菜品id关联的口味表数据。

3.6.2 代码开发

程序的执行过程:
1、页面发送ajax请求,将参数(ids)提交到服务端
2、服务端Controller接收页面提交的数据并调用Servcie删除数据
3、Servcie调用Mapper操作数据库

    /*** 批量删除菜品和单独删除菜品** @param ids* @return*/@DeleteMapping@Transactional  //因为多表操作开启事务public R<String> delete(@RequestParam List<Long> ids) {//构造一个条件构造器LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();//判断浏览器传来的ids是否为空,并和菜品表中的id进行匹配queryWrapper.in(ids != null, Dish::getId,ids);List<Dish> list = dishService.list(queryWrapper);for (Dish dish : list) {//判断当前菜品是否在售卖阶段,0停售,1起售if (dish.getStatus() == 0) {//停售状态直接删除dishService.removeById(dish.getId());LambdaQueryWrapper<DishFlavor> dishFlavorLambdaQueryWrapper = new LambdaQueryWrapper<>();//根据菜品id匹配口味表中的菜品iddishFlavorLambdaQueryWrapper.eq(DishFlavor::getDishId, dish.getId());//删除菜品id关联的口味表信息dishFlavorService.remove(dishFlavorLambdaQueryWrapper);}else {throw new CustomException("此菜品还在售卖阶段,删除影响销售!");}}return R.success("删除成功");}

4. 套餐管理


4.1 新增套餐

4.1.1 需求分析

套餐就是菜品的集合,后台系统中可以管理套餐信息,通过新增套餐功能来添加一个新的套餐,在添加套餐时需要选择当前套餐所属的套餐分类和包含菜品,并且需要上传套餐对应的图片,在移动端会按照套餐分类来展示对应的套餐

4.1.2 数据模型

新增套餐,就是将新增页面录入套餐信息插入到setmeal表,还需要向setmeal_dish表中插入套餐和菜品关联数据。所以在新增套餐时,涉及到两个表:

  • setmeal 套餐表

  • setmeal_dish套餐菜品关系表

4.1.3 代码开发

在开发之前,先将需要用到的类和接口创建好:

  • 实体类SetmealDish
/*** 套餐菜品关系*/
@Data
public class SetmealDish implements Serializable {private static final long serialVersionUID = 1L;private Long id;//套餐idprivate Long setmealId;//菜品idprivate Long dishId;//菜品名称 (冗余字段)private String name;//菜品原价private BigDecimal price;//份数private Integer copies;//排序private Integer sort;@TableField(fill = FieldFill.INSERT)private LocalDateTime createTime;@TableField(fill = FieldFill.INSERT_UPDATE)private LocalDateTime updateTime;@TableField(fill = FieldFill.INSERT)private Long createUser;@TableField(fill = FieldFill.INSERT_UPDATE)private Long updateUser;//是否删除private Integer isDeleted;
}
  • DTO SetmealDto
@Data
public class SetmealDto extends Setmeal {private List<SetmealDish> setmealDishes;private String categoryName;
}
  • Mapper接口 SetmealDishMapper
@Mapper
public interface SetmealDishMapper extends BaseMapper<SetmealDish> {}
  • 业务层接口SetmealDishService
public interface SetmealDishService extends IService<SetmealDish> {}
  • 业务层实现类SetmealDishServiceImpl
@Service
public class SetmealDishServiceImpl extends ServiceImpl<SetmealDishMapper, SetmealDish> implements SetmealDishService {}
  • 控制层SetmealController
@Slf4j
@RestController
@RequestMapping("/setmeal")
public class SetmealController {@Autowiredprivate SetmealService setmealService;@Autowiredprivate SetmealDishService setmealDishService;
}

新增套餐时前端页面和服务端的交互过程:
1、页面(backend/page/combo/add.html)发送ajax请求,请求服务端获取套餐分类数据并展示到下拉框中(上面已经实现)
2、页面发送ajax请求,请求服务端获取菜品分类数据并展示到添加菜品窗口中

3、页面发送ajax请求,请求服务端,根据菜品分类查询对应的菜品数据并展示到添加菜品窗口中
DishController

    /*** 根据条件查询对应的菜品数据** @param dish* @return*/@GetMapping("/list")public R<List<Dish>> list(Dish dish) {//构造条件查询对象LambdaQueryWrapper<Dish> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.eq(dish.getCategoryId() != null, Dish::getCategoryId, dish.getCategoryId());//查询状态为1的菜品,也就是查询正在起售的商品queryWrapper.eq(Dish::getStatus,1);//添加排序条件queryWrapper.orderByAsc(Dish::getSort).orderByDesc(Dish::getUpdateTime);List<Dish> list = dishService.list(queryWrapper);return R.success(list);}

4、页面发送请求进行图片上传,请求服务端将图片保存到服务器(上面已经实现)
5、页面发送请求进行图片下载,将上传的图片进行回显(上面已经实现)
6、点击保存按钮,发送ajax请求,将套餐相关数据以json形式提交到服务端


业务实现层:SetmealServiceImp

    /*** 新增套餐,同时保存套餐和菜品的关联关系* @param setmealDto*/@Override@Transactional  //操作两张表 加入事物public void saveWithDish(SetmealDto setmealDto) {//保存套餐的基本信息,操作setmeal,执行insert操作this.save(setmealDto);Long setmealId = setmealDto.getId();    //套餐id//保存套餐和菜品的关联关系,操作setmeal_dish,执行insert操作List<SetmealDish> dishes = setmealDto.getSetmealDishes();dishes.stream().map((item) -> {item.setSetmealId(setmealId);return item;}).collect(Collectors.toList());setmealDishService.saveBatch(dishes);}

控制层:SetmealController:

    @PostMappingpublic R<String> save(@RequestBody SetmealDto setmealDto) {log.info(setmealDto.toString());setmealService.saveWithDish(setmealDto);return R.success("新增套餐成功");}

开发新增套餐功能,就是在服务端编写代码去处理前端页面发送的这6次请求即可。

4.2 套餐信息分页查询

4.2.1 需求分析

系统中的套餐数据很多的时候,如果在一个页面中全部展示出来会显得比较乱,不便于查看,所以一般的系统中都会以分页的形式来展示数据。

4.2.2 代码开发

套餐分页查询时前端页面和服务端的交互过程:
1、页面(backend/page/commbo/list.html)发送ajax请求,将分页参数查询(page,pageSize、name)提交到服务端,获取分页数据
2、页面发送请求,请求服务端进行图片下载,用于页面图片展示(上面已经实现)

开发套餐信息分页查询功能,就是在服务端编写代码去处理前端页面发送的这2次请求即可。

    /*** 套餐分页查询** @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<>();//创建条件构造器LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();//添加条件,根据name进行like模糊查询queryWrapper.like(name != null, Setmeal::getName, name);//添加排序条件(根据更新时间降序排序)queryWrapper.orderByDesc(Setmeal::getUpdateTime);setmealService.page(pageInfo, queryWrapper);//对象拷贝BeanUtils.copyProperties(pageInfo,dtoPage,"records");List<Setmeal> records = pageInfo.getRecords();List<SetmealDto> list = records.stream().map((item) -> {SetmealDto setmealDto = new 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);}return setmealDto;}).collect(Collectors.toList());dtoPage.setRecords(list);return R.success(dtoPage);}

4.3 删除套餐

4.3.1 需求分析

在套餐管理列表页面点击删除按钮,可以删除对应的套餐信息。也可以通过复选框选择多个套餐,点击批量删除按钮一次删除一个或多个套餐,注意,对于状态为售卖中的套餐不能删除,需要先停售,然后才能删除。

4.3.2 代码开发

删除套餐时前端页面和服务端的交互过程:
1、删除单个套餐时,页面发送ajax请求,根据套餐id删除对应套餐

2、删除多个套餐时,页面发送ajax请求,根据提交的多个套餐id删除对应套餐

开发删除套餐功能,就是在服务端编写代码去处理前端页面发送的这2次请求即可。观察删除单个套餐和批量删除套餐的请求信息可以发现,两种请求的地址和请求方式都是相同的,不同的是传递id的个数,所以在服务端可以提供一个方法来统一处理。

业务实现层SetmealServiceImpl

    /*** 删除套餐,同时删除套餐和菜品的关联数据** @param ids*/@Override@Transactionalpublic void removeWithDish(List<Long> ids) {//查询套餐的状态,确定是否可以删除LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.in(ids != null, Setmeal::getId, ids);queryWrapper.eq(Setmeal::getStatus, 1);int count = this.count(queryWrapper);if (count > 0) {//如果不能删除,抛出一个业务异常throw new CustomException("套餐正在使用中!");}//如果可以删除,先删除套餐表中的数据--setmealthis.removeByIds(ids);//然后删除关联数据--setmeal_dishLambdaQueryWrapper<SetmealDish> lambdaQueryWrapper = new LambdaQueryWrapper<>();lambdaQueryWrapper.in(SetmealDish::getSetmealId, ids);setmealDishService.remove(lambdaQueryWrapper);}

控制层SetmealController

    /*** 删除套餐** @param ids* @return*/@DeleteMappingpublic R<String> delete(@RequestParam List<Long> ids) {log.info("ids:{}", ids);setmealService.removeWithDish(ids);return R.success("删除套餐成功!");}

4.4 修改套餐

4.4.1 需求分析

在套餐管理列表页面点击修改按钮,跳转到修改套餐页面,在修改页面回显套餐相关信息并进行修改,最后点击确定按钮完成修改操作

4.4.2 代码开发

修改套餐时前端页面(add.html)和服务端的交互过程:
1、页面发送ajax请求,请求服务端获取分类数据,用于套餐分类下拉框中数据展示(前面已经实现 )
2、页面发送ajax请求,请求服务端,根据id查询当前菜品信息,用于套餐信息回显
SetmealServiceImpl业务实现层:

    /*** 根据id来查询套餐信息和对应的菜品信息** @param id* @return*/@Overridepublic SetmealDto getByIdWithDish(Long id) {//查询套餐的基本信息,从setmeal表中查询Setmeal setmeal = this.getById(id);SetmealDto setmealDto = new SetmealDto();BeanUtils.copyProperties(setmeal, setmealDto);//查询当前套餐对应的菜品信息,从setmeal_dish表中查询LambdaQueryWrapper<SetmealDish> queryWrapper = new LambdaQueryWrapper<>();//根据套餐的id查对应的菜品queryWrapper.eq(SetmealDish::getSetmealId,setmeal.getId());List<SetmealDish> dishs = setmealDishService.list(queryWrapper);setmealDto.setSetmealDishes(dishs);return setmealDto;}

SetmealController控制层:

    /*** 根据id来查询套餐信息和对应的菜品信息* @param id* @return*/@GetMapping("/{id}")public R<SetmealDto> get (@PathVariable Long id){SetmealDto setmealDao = setmealService.getByIdWithDish(id);return R.success(setmealDao);}

3、页面发送ajax请求,请求服务端进行图片下载,用于页面图片回显(前面已经实现 )
4、点击保存按钮,页面发送ajax请求,将修改后的套餐相关数据以JSON的形式提交到服务端
SetmealServiceImpl业务实现层:

    /*** 更新套餐信息,同时更新对应的菜品信息** @param setmealDto*/@Override@Transactionalpublic void updateWithDish(SetmealDto setmealDto) {//更新setmeal表基本信息this.updateById(setmealDto);//清理当前套餐对应菜品数据--》setmeal_dish表中的delete操作LambdaQueryWrapper<SetmealDish> queryWrapper = new LambdaQueryWrapper<>();//根据dto的id查对应的菜品信息queryWrapper.eq(SetmealDish::getSetmealId, setmealDto.getId());setmealDishService.remove(queryWrapper);//添加当前提交过来的菜品数据--setmeal_dish表的insert操作List<SetmealDish> setmealDishes = setmealDto.getSetmealDishes();setmealDishes.stream().map((item) -> {item.setSetmealId(setmealDto.getId());return item;}).collect(Collectors.toList());setmealDishService.saveBatch(setmealDishes);}

SetmealController控制层:

    /*** 更新套餐信息,同时更新对应的菜品信息** @param setmealDto*/@PutMappingpublic R<String> update(@RequestBody SetmealDto setmealDto){log.info(setmealDto.toString());setmealService.updateWithDish(setmealDto);return R.success("修改套餐成功");}
}

开发修改菜品功能,就是在服务端 编写代码去处理前端页面发送的这4次请求即可。

4.5 批量起售停售

4.5.1 需求分析

在套餐管理列表页面点击停售按钮,或者勾选菜品名称点击批量停售按,当某些菜品售完后通过修改菜品停售状态,点击确定按钮完成修改操作,以此告之用户使其在用户端禁止下单

4.5.2 代码开发

起售、停售菜品状态,本质上就是一个更新操作,也就是对status状态字段进行操作,在Controller中创建statusWithIds方法。
先去浏览器查看此次请求的方式和Url路径

由上可以观察出此次请求方式都为POST,但是在请求方式后多了一个多了"/status",所以在SetmealController控制层写方法时要加上/status,而且还传入一个参数0,代表起售停售状态,所以要加上/{status},并通过@PathVariable(“status”) 接收status

     /*** 修改套餐的售卖状态** @return*/@PostMapping("/status/{status}")public R<String> statusWithIds(@PathVariable("status") Integer status, @RequestParam List<Long> ids) {//构造一个条件构造器LambdaQueryWrapper<Setmeal> queryWrapper = new LambdaQueryWrapper<>();queryWrapper.in(ids != null, Setmeal::getId, ids);queryWrapper.orderByDesc(Setmeal::getPrice);//根据条件进行批量查询List<Setmeal> list = setmealService.    list(queryWrapper);for (Setmeal setmeal : list) {if (list != null) {//把浏览器传入的status参数复制给套餐setmeal.setStatus(status);setmealService.updateById(setmeal);}}return R.success("售卖状态修改成功");}

5. 订单明细

5.1 需求分析

在订单明细页面,可以看移动端用户下单信息,当订单很多的时候,如果在一个页面展示出来会显得比较乱,所以所以一般的系统中都会以分页的方式来展示列表数据。也可以通过订单号,根据时间查询订单。

5.2 代码开发

程序的执行过程:
1、页面发送ajax请求,将分页查询参数(page、pageSize、number、beginTime、endTime)
2、服务端Controller接收页面提交的数据并调用Service查询数据
3、Service调用Mapper操作数据库,查询分页数据
4、Controller将查询到的分页数据响应给页面
5、页面接收到分页数据并通过ElementUI的Table组件展示到页面上

业务实现层:OrderServiceImpl

 /*** 后台查询订单明细** @param page* @param pageSize* @param number* @param beginTime* @param endTime* @return*/@Overridepublic Page<OrdersDto> empPage(int page, int pageSize, String number, String beginTime, String endTime) {Page<Orders> pageInfo = new Page<>(page, pageSize);Page<OrdersDto> pageDto = new Page<>();//创建条件构造器LambdaQueryWrapper<Orders> queryWrapper = new LambdaQueryWrapper<>();//添加条件,根据number进行like模糊查询queryWrapper.like(number != null, Orders::getNumber, number);queryWrapper.gt(StringUtils.isNotEmpty(beginTime), Orders::getOrderTime, beginTime);queryWrapper.lt(StringUtils.isNotEmpty(endTime), Orders::getOrderTime, endTime);//添加排序条件(根据更新时间降序排序)queryWrapper.orderByDesc(Orders::getOrderTime);this.page(pageInfo, queryWrapper);//将其除了records中的内存复制到pageDto中BeanUtils.copyProperties(pageInfo, pageDto, "records");List<Orders> records = pageInfo.getRecords();List<OrdersDto> collect = records.stream().map((item) -> {OrdersDto ordersDto = new OrdersDto();//对象拷贝BeanUtils.copyProperties(item, ordersDto);LambdaQueryWrapper<OrderDetail> lambdaQueryWrapper = new LambdaQueryWrapper<>();//根据订单id查询订单详细信息lambdaQueryWrapper.eq(OrderDetail::getOrderId, item.getId());List<OrderDetail> orderDetails = orderDetailService.list(lambdaQueryWrapper);ordersDto.setOrderDetails(orderDetails);//根据userId查询用户姓名Long userID = item.getUserId();User user = userService.getById(userID);ordersDto.setUserName(user.getName());ordersDto.setPhone(user.getPhone());//获取地址信息Long addressBookId = item.getAddressBookId();AddressBook addressBook = addressBookService.getById(addressBookId);ordersDto.setAddress(addressBook.getDetail());ordersDto.setConsignee(addressBook.getConsignee());return ordersDto;}).collect(Collectors.toList());pageDto.setRecords(collect);return pageDto;}

控制层:OrderController

    /*** 后台查询订单明细* @param page* @param pageSize* @param number* @param beginTime* @param endTime* @return*/@GetMapping("/page")public R<Page<OrdersDto>> empPage(int page, int pageSize, String number,String beginTime,String endTime) {Page<OrdersDto> empPage = orderService.empPage(page, pageSize, number, beginTime, endTime);return R.success(empPage);}

订单派送:

    /*** 派送订单** @param orders* @return*/@PutMappingpublic R<String> update(@RequestBody Orders orders) {orderService.updateById(orders);return R.success("操作成功");}

瑞吉外卖【后台管理系统篇】相关推荐

  1. 【瑞吉外卖】学习笔记-day1:项目介绍及后台初识

    项目介绍 本项目(瑞吉外卖)是专门为餐饮企业(餐厅.饭店)定制的一款软件产品,包括 系统管理后台 和 移动端应用 两部分.其中系统管理后台主要提供给餐饮企业内部员工使用,可以对餐厅的分类.菜品.套餐. ...

  2. 【SpringBoot项目实战+思维导图】瑞吉外卖①(项目介绍、开发环境搭建、后台登陆/退出功能开发)

    文章目录 软件开发整体介绍 软件开发流程 角色分工 软件环境 瑞吉外卖项目介绍 项目介绍 产品原型 技术选型 功能架构 角色 开发环境搭建 数据库环境搭建 创建数据库 数据库表导入 数据库表介绍 Ma ...

  3. 瑞吉外卖第一篇(1):搭建环境之创建数据库

    下一篇:瑞吉外卖第一篇(2):环境搭建之配置文件 以下是数据库环境代码,直接复制到自己的数据库中. CREATE DATABASE IF NOT EXISTS reggieSET FOREIGN_KE ...

  4. 瑞吉外卖订单后台和用户端功能

    项目场景: 在编写瑞吉外卖的订单功能的时候,还是按照惯例,订单的一些功能是我们自己做,毕竟都看了一百多集视频了,自己应该能写一点东西了. 遇到的坑: 后台的订单列表功能,有一个输入订单号查询的功能,看 ...

  5. 学习【瑞吉外卖①】SpringBoot单体项目

    视频链接:黑马程序员[Java 项目实战<瑞吉外卖>,轻松掌握 SpringBoot + MybatisPlus 开发核心技术] 资料链接:2022 最新版 Java学习 路线图>第 ...

  6. 瑞吉外卖01-项目整体介绍

    瑞吉外卖-项目整体介绍 前言 软件开发整体介绍(了解) 软件开发流程 第1阶段: 需求分析 第2阶段: 设计 第3阶段: 编码 第4阶段: 测试 第5阶段: 上线运维 角色分工 软件环境 开发环境(d ...

  7. 瑞吉外卖项目学习笔记01

    项目背景 在开发瑞吉外卖这个项目之前,我们需要全方位的来介绍一下当前我们学习的这个项目.接下来,我们将从以下的五个方面, 来介绍瑞吉外卖这个项目. 项目介绍 本项目(瑞吉外卖)是专门为餐饮企业(餐厅. ...

  8. Java实战项目《瑞吉外卖》

    目录 <瑞吉外卖>后台管理系统开发 软件开发整体介绍 1.软件开发流程 2.角色分工 3.软件环境 瑞吉外卖项目介绍 1.项目介绍 2.产品原型展示 3.技术选型 4.功能架构 5.角色 ...

  9. 瑞吉外卖项目(一)软件开发流程设计及环境搭建

    第一章 软件开发整体介绍 软件开发流程 软件开发流程 需求分析:产品原型.需求规格说明书 设计:产品文档,ui界面设计,概要设计,详细设计,数据库设计 编码:项目代码,单元测试 测试:测试用例,测试报 ...

最新文章

  1. Material Designer的低版本兼容实现(五)—— ActivityOptionsCompat
  2. 最全面实用的MySql操作大全。
  3. Mybatis:基于注解形式,传入List,返回List实体
  4. html <link>标签
  5. 原相机水印怎么改字_抖音/自媒体做影视二次剪辑,如何下载高清无水印视频?...
  6. JavaScript 节流函数 Throttle 详解
  7. 猜1-10的数字python脚本
  8. mysql partition 性能_通过分区(Partition)提升MySQL性能
  9. .Net Core + NGINX跳转登录时端口丢失
  10. java akka actor性能_Akka系列(一):Akka简介与Actor模型
  11. 新萝卜家园 Ghost XP SP3 电脑城装机专用版 10.5
  12. OMNeT 例程 Tictoc12 学习笔记
  13. 微软的面试题及答案-超变态但是很经典
  14. 学前端,学线下班还是丁鹿学堂或者慕课网?
  15. 蛋蛋弹车2-具有功能安全EPS系统设计(工具篇2)
  16. 平时开发搜集的一些网址
  17. 《半小时漫画经济学》读书摘记
  18. mysql 5.7.31 忘记root密码怎么修改密码并实现远程登录
  19. get和post的差别
  20. 区块链支付方式的未来发展

热门文章

  1. 吴晓华当选河北省衡水市市长
  2. 用springboot jpa 报:No property yer found for type OrderMaster错
  3. IBM欧洲裁员一万人、Salesforce 考虑收购 Slack​、杰夫·贝佐斯如何做决定等|Decode the Week...
  4. CTU Open Contest 2017 Pond Cascade
  5. Linux高级命令进阶(week1_day2)--技术流ken
  6. r语言 c(-1 1),R语言学习.1-R安装及向量介绍
  7. win10怎么找工作组计算机,win10无法查看工作组的解决方法|win10系统怎么找工作组...
  8. 2018年又传喜报!热烈祝贺王家林大师大数据经典著作《Spark SQL大数据实例开发教程》 畅销书籍 出版上市!
  9. new plat (vcam+wifi)项目调试
  10. 计算机系统中常用的进制,计算机中常用 二进制 八进制 十进制 十六进制的特点...