瑞吉外卖（第二天）

最新推荐文章于 2024-03-30 23:03:31 发布
最新推荐文章于 2024-03-30 23:03:31 发布
阅读量271 收藏 1
点赞数
文章标签： servlet java 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54331236/article/details/125632730
版权

完善登录功能

问题分析

前面我们已经完成了后台系统的员工登录功能开发，但是还存在一个问题:用户如果不登录，直接访问系统首页面，照样可以正常访问。
这种设计并不合理，我们希望看到的效果应该是，只有登录成功后才可以访问系统中的页面，如果没有登录则跳转到登录页面。
那么，具体应该怎么实现呢?
答案就是使用过滤器或者拦截器，在过滤器或者拦截器中判断用户是否已经完成登录，如果没有登录则跳转到登录页面

过滤器的请求逻辑

过滤器的处理逻辑入下：

  1. 获取本次请求的URI

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

  3. 如果不需要处理，则直接放行

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

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

    在这里插入图片描述

代码演示

@Slf4j
@WebFilter(filterName = "loginCheckFilter", urlPatterns = "/*")
public class LoginCheckFilter implements Filter {
    // 路径匹配器，支持通配符
    private static final AntPathMatcher PATH_MATCHER = new AntPathMatcher();
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        HttpServletRequest request = (HttpServletRequest) servletRequest;
        HttpServletResponse response = (HttpServletResponse) servletResponse;
        // 1. 获取本次请求的URI
        String requestURI = request.getRequestURI();
        // 定义不需要处理的请求路径
        String[] uris = new String[]{"/employee/login", "/employee/logout", "/backend/**", "/front/**"};
        //2. 判断本次请求是否需要处理
        Boolean check = check(uris, requestURI);
        //3. 如果不需要处理，则直接放行
        if (check){
            log.info("本次请求被放行：{}", requestURI);
            filterChain.doFilter(request, response);
            return;
        }
        //4. 判断登录状态，如果已经登录，则直接放行
        if (request.getSession().getAttribute("employee") != null){
            log.info("用户已经登录: 用户的ID为：{}", request.getSession().getAttribute("employee"));
            filterChain.doFilter(request, response);
            return;
        }
        //5. 如果未登录则返回登录结果,通过输出流方式向客户端页面响应数据
        log.info("用户未登录");
        response.getWriter().write(JSON.toJSONString(R.error("NOTLOGIN")));
        return;
    }

    /**
     * 进行路径匹配，判断这个路径是否需要放行
     * @param URI
     * @return
     */
    public Boolean check(String[] urIs, String URI){
        for (String uri : urIs){
            if (PATH_MATCHER.match(uri, URI)){
                return true;
            }
        }
        return false;
    }
}

新增员工

需求分析

后台系统中可以管理员工信息，通过新增员工来添加后台系统用户。点击 添加员工 按钮跳转到新增页面，如下:
在这里插入图片描述

代码开发

在开发代码之前，需要梳理一下整个程序的执行过程:

  • 页面发送ajax请求，将新增员工页面中输入的数据以json的形式提交到服务端
  • 服务端Controller接收页面提交的数据并调用Service将数据进行保存
  • Service调用Mapper操作数据库，保存数据
   /**
     * 新增员工
     * @param employee
     * @return
     */
    @PostMapping
    public R<String> insert(HttpServletRequest request, @RequestBody Employee employee){
        log.info("新增员工：{}", employee.toString());
        // 设置初始密码，并且进行MD5加密
        employee.setPassword(DigestUtils.md5DigestAsHex("123456".getBytes()));
        employee.setCreateTime(LocalDateTime.now());
        employee.setUpdateTime(LocalDateTime.now());
        // 获得创建者的ID
        Long empID = (Long)request.getSession().getAttribute("employee");
        employee.setCreateUser(empID);
        employee.setUpdateUser(empID);
        employeeService.save(employee);
        return R.success("添加员工成功");
    }

前面的程序还存在一个问题，就是当我们在新增员工时输入的账号已经存在，由于employee表中对该字段加入了唯一约束，此时程序会抛出异常:
:::tips
java.sql.SQLIntegrityConstraintViolationException: Duplicate entry ‘heniang’ for key ‘idx_username’
:::
我们可以使用两种方法：

  1. 在Controller方法中加入try.catch进行异常捕获（如果数据过多会很繁琐）
  2. 使用异常处理器进行全局异常捕获
/**
 *  全局异常处理器
 */
@Slf4j
@ResponseBody
@ControllerAdvice(annotations = {RestController.class, Controller.class})
public class GlobalExceptionHandle {
    /**
     * 异常处理方法
     * @param exception
     * @return
     */
    @ExceptionHandler(SQLIntegrityConstraintViolationException.class)
    public R<String> exceptionHandle(SQLIntegrityConstraintViolationException exception){
        if (exception.getMessage().contains("Duplicate entry")){
            String[] split = exception.getMessage().split(" ");
            String msg = split[2] + "已存在";
            return R.error(msg);
        }
        return R.error("未知错误");
    }
}

总结

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

员工信息分页查询

需求分析

系统中的员工很多的时候，如果在一个页面中全部展示出来会显得比较乱，不便于查看，所以一般的系统中都会以分页的方式来展示列表数据。
在这里插入图片描述

代码开发

在开发代码之前，需要梳理一下整个程序的执行过程:

  • 页面发送ajax请求，将分页查询参数（page，pageSize，name）提交到服务器
  • 服务端Controller接受页面提交的数据并调用Service查询数据
  • Service调用Mapper操作数据库，查询分页数据
  • Controller将查询到的分页数据响应给页面
  • 页面接收到分页数据并通过ElementUI的Table组件展示到页面上

配置MP分页插件

@Configuration
public class MybatisPlusConfig {

    @Bean
    public MybatisPlusInterceptor mybatisPlusInterceptor(){
        MybatisPlusInterceptor mybatisPlusInterceptor = new MybatisPlusInterceptor();
        mybatisPlusInterceptor.addInnerInterceptor(new PaginationInnerInterceptor());
        return mybatisPlusInterceptor;
    }
}

员工信息分页查询

   /**
     * 员工信息分页查询
     * @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:第几页 pageSize:一页中的数据量
        Page pageInfo = new Page(page, pageSize);
        // 构造条件构造器
        QueryWrapper queryWrapper = new QueryWrapper();
        queryWrapper.like(StringUtils.isNotBlank(name), "name", name).orderByDesc("update_time");
        employeeService.page(pageInfo, queryWrapper);
        return R.success(pageInfo);
    }

功能测试

在这里插入图片描述

启用/禁用员工账号

需求分析

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

代码开发

页面中是怎么做到只有管理员admin能够看到启用、禁用按钮的？
在这里插入图片描述

在开发代码之前，需要梳理一下整个程序的执行过程:

  1. 页面发送ajax请求，将参数(id、 status)提交到服务端
  2. 服务端Controller接收页面提交的数据并调用Service更新数据
  3. Service调用Mapper操作数据库

在这里插入图片描述

页面中发送ajax请求：
在这里插入图片描述

根据ID修改员工信息

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

出现的问题

测试过程中没有报错，但是功能却没有实现，查看数据库中的数据的状态没有发生变化，这个时候可以查看MP的日志信息：
在这里插入图片描述

可以看到执行的返回结果为0，仔细看id的值，和数据库中的id值是不同的
在这里插入图片描述

代码修复

通过观看控制台的SQL语句的输出可以发现页面传递过来的员工的id值和数据库中的不同，这是怎么回事？
分页查询时服务端响应给页面的数据中id的值为19位数字，类型为long
页面中js处理long型数字只能精确到前16位，所以最终通过ajax请求提交给服务端的时候id就改变了
前面我们已经发现了问题的原因，即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);
    }
}
  1. 在WebMvcConfig配置类中扩展SpringMVC得到消息转换器，在此消息转换器中使用提供的对象转换器进行Java对象到json数据的转换
   /**
     * 扩展消息转换器
     * @param converters
     */
    @Override
    protected void extendMessageConverters(List<HttpMessageConverter<?>> converters) {
        log.info("扩展消息转换器......");
        // 创建消息转换器对象
        MappingJackson2HttpMessageConverter messageConverter = new MappingJackson2HttpMessageConverter();
        // 设置消息转换器，低层使用jackson将java对象转换成JSON数据
        messageConverter.setObjectMapper(new JacksonObjectMapper());
        // 将上面创建的消息转换器追加到MVC框架的消息list集合中，设置优先级为最高
        converters.add(0, messageConverter);
    }

编辑员工信息

需求分析

在员工管理列表页面点击编辑按钮，跳转到编辑页面，在编辑页面回显员工信息并进行修改，最后点击保存按钮完成编辑操作
在这里插入图片描述

代码开发

在开发代码之前需要梳理一下操作过程和对应的程序的执行流程:

  1. 点击编辑按钮，页面跳转到add.html页面，并在url中携带参数（员工ID）
  2. 在add.html页面获取url中的参数（员工ID）
  3. 发送ajax请求，请求服务端，同时提交员工ID参数
  4. 服务端接受请求，根据员工ID查询员工信息，将员工信息以JSON形式响应给页面
/**
     * 根据ID查询员工信息
     * @param id
     * @return
     */
    @GetMapping("/{id}")
    public R<Employee> getByID(@PathVariable("id") Long id){
        log.info("根据ID查询员工信息....");
        Employee employee = employeeService.getById(id);
        if (employee != null){
            return R.success(employee);
        }
        return R.error("没有查找该员工信息");
    }
  1. 页面接受到服务端响应的JSON数据，通过Vue的数据绑定进行员工信息的回显
  2. 修改完信息，点击保存按钮，发送ajax请求，将页面的员工信息以JSON方式提交给服务端
  3. 服务端接收到员工信息，并进行处理保存到数据库中，完成后响应给页面
  4. 页面接收到服务端响应的信息后进行响应的处理

**注意：**add.html页面为公共页面，新增员工和编辑员工信息都是在此页面上进行，所以该部分的代码与之前写的添加新员工的代码相对应，不需要再写。

SHIRELY 阳
关注
瑞吉外卖实战项目全攻略——优化篇第二天
「 虚幻私塾」
10-30 885
Mysql主从复制是一个异步的复制过程，底层是基于Mysql数据库自带的二进制日志功能我们将一台或多台从库（slave）从一台主库（master）进行日志复制然后解析日志并应用到本身，最终实现多台数据库保持数据一致我们先给出主从复制的流程图：master将改变记录到二进制文件（Binary log）slave将master的binary log拷贝到它的中继日志（relay log）slave重做中继日志的事件，将改变应用到自己的数据库中主库只能有一个数据库，但从库可以有多个数据库。
瑞吉外卖-第五天
xujunming668的博客
12-29 3620
瑞吉外卖-第五天 课程内容 新增套餐 套餐分页查询 删除套餐 短信发送 手机验证码登录 1. 新增套餐 1.1 需求分析 套餐就是菜品的集合。 后台系统中可以管理套餐信息，通过新增套餐功能来添加一个新的套餐，在添加套餐时需要选择当前套餐所属的套餐分类和包含的菜品，并且需要上传套餐对应的图片，在移动端会按照套餐分类来展示对应的套餐。 1.2 数据模型 新增套餐，其实就是将新增页面录入的套餐信息插入到setmeal表，还需要向setmeal_dish表插入套餐和菜品关联数据。所以在新
瑞吉外卖第二天
随便写写
06-27 228
上次做完了登录退出功能，今天做 员工管理 页面，如图 使用到的技术：springboot，pageHelper1.1当我们进入瑞吉后台时，我们按f12在 网络一栏 我们可以看到会发送一个get请求 可以看到发送的请求参数，这里直接发送的分页参数 1.2我们进入瑞吉的前端，去分析一下他的前端需要接受哪些参数 如图我们可以看的后端需要前端返回一个res.code=1，然后还需要返回res.data.record和res.data.total，那么这里的record和total分页数据，就是我们后端的Pag
Day02——瑞吉外卖
墨染的博客
10-02 1356
外卖系统是专门为餐饮企业（餐厅、饭店）定制的一款软件产品，包括 系统管理后台 和 移动端应用 两部分。其中系统管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的分类、菜品、套餐、订单、员工等进行管理维护。移动端应用主要提供给消费者使用，可以在线浏览菜品、添加购物车、下单等。
黑马瑞吉外卖练手项目中关于登录过滤用拦截器实现的问题
m0_65408235的博客
12-07 1602
瑞吉外卖拦截器
瑞吉外卖后台系统登录、退出功能-自学笔记
Leol_emon的博客
06-21 2893
瑞吉外卖后台登录功能-自学笔记
瑞吉外卖第二天资源讲义
04-22
【瑞吉外卖第二天资源讲义】是一份针对Java编程的学习资料，主要涵盖了Java语言的基础知识和进阶概念。这份讲义旨在帮助初学者或有一定基础的开发者深化对Java的理解，提升开发技能。以下是对讲义内容的详细解读： ...
瑞吉外卖第一天的讲义压缩
04-22
【标题】：“瑞吉外卖第一天的讲义压缩”这一标题暗示了这是一份与瑞吉外卖项目相关的教学材料，主要用于第一天的学习。从“压缩”二字我们可以推断，这份资料是以压缩包的形式存在，可能包含了多份文档或PPT，便于...
瑞吉外卖和苍穹外卖项目重难点、易错点和涉及到的技术的总结归纳
热门推荐
weixin_45836130的博客
09-25 2万+
本项目是专门为餐饮企业定制的一款软件产品，包括管理端和用户端两部分。其中管理端主要提供给外卖商家使用，包括工作台、数据统计、员工管理、菜品管理、套餐管理、分类管理、订单管理、来电提醒等功能。移动端主要提供给消费者使用，包括微信小程序登录、浏览菜品、添加购物车、用户下单、微信支付、历史订单、地址管理、用户催单等功能。
SpringBoot项目设置静态资源映射与扩展mvc框架消息转换器
scu_cs_yhh的博客
05-09 571
静态资源映射 @Slf4j @Configuration public class WebMvcConfig extends WebMvcConfigurationSupport { /** * 设置静态资源映射 * @param registry */ @Override protected void addResourceHandlers(ResourceHandlerRegistry registry) { log.info("开
如何扩展mvc的消息转换器？
一只野山猪的博客
07-29 506
如何扩展mvc的消息转换器？
瑞吉外卖实战学习--6、通过try和catch进行异常处理
最新发布
m0_50207524的博客
03-30 533
当用户名重复数据库会报错，此时就需要捕获异常操作。
【笔记】扩展mvc消息转换器
weixin_52226593的博客
02-26 1504
@Configuration public class WebMvcConfig implements WebMvcConfigurer { /** * 扩展mvc的消息转换器 * @param converters */ @Override public void extendMessageConverters(List<HttpMessageConverter<?>> converters) { log.i.
Java项目实战《瑞吉外卖》学习笔记
weixin_59629919的博客
08-17 1万+
本项目(瑞吉外卖)是专门为餐饮企业(餐厅、饭店)定制的一款软件产品,包括系统管理后台和移动端应用两部分。其中系统管理后台主要提供给餐饮企业内部员工使用,可以对餐厅的菜品、套餐、订单等进行管理维护。移动端应用主要提供给消费者使用,可以在线浏览菜品、添加购物车、下单等。本项目共分为3期进行开发:第一期主要实现基本需求，其中移动端应用通过H5实现，用户可以通过手机浏览器访问。第二期主要针对移动端应用进行改进，使用微信小程序实现，用户使用起来更加方便。第三期主要针对系统进行优化升级，提高系统的访问性能。......
Filter过滤器 &（登录功能拦截例子）
lwj_07的博客
06-29 3137
Filter：简单来说就是设立在客户端和服务器之间的一个拦截关卡，当发现客户端请求的资源或者服务器响应给客户端的资源不规范（比如：敏感字符等）就会拦截该资源还有一个作用就是：可以在拦截关卡这里存放一些权限控制在里面 注意1：这个实现的Filter是 javax.servlet包下的Filter注意2：只要Filter的拦截路径是/* 那么客户端访问的路径资源或者服务器响应的资源 都是会先被拦截下来的,然后放不放行看代码 代码演示： eg：当我们没有Filter拦截的时候我们开启服务器访问hello.jsp资
配置消息转换器处理日期格式
weixin_54256249的博客
08-17 381
消息转换器
SpringMVC源码剖析——消息转换器HttpMessageConverter
qgnczmnmn的博客
07-28 479
摘要 SpringMVC使用消息转换器实现请求报文和对象、对象和响应报文之间的自动转换 概述 在SpringMVC中，可以使用@RequestBody和@ResponseBody两个注解，分别完成请求报文到对象和对象到响应报文的转换，底层这种灵活的消息转换机制，就是Spring3.x中新引入的HttpMessageConverter即消息转换器机制。 Http请求的抽象 还是回到请求-响应，也就是...
Spring Boot中Jack相关问题（精度丢失/日期格式化/忽略null值）
qq_45917176的博客
08-14 844
Spring Boot中Jack相关问题（精度丢失/日期格式化/忽略null值）
瑞吉外卖第三天Java讲义资源下载
资源摘要信息:"瑞吉外卖第三天讲义资源" 知识点一：瑞吉外卖项目概述 瑞吉外卖项目是一个模拟实际外卖服务流程的计算机软件系统，旨在帮助用户进行点餐、支付、送餐等一系列操作。它通常包含前端用户界面、后端...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值