瑞吉外卖-后台系统功能

已于 2022-11-22 22:44:10 修改
阅读量634 收藏 4
点赞数 2
分类专栏： 瑞吉外卖 文章标签： java 开发语言
于 2022-11-19 15:16:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_59539879/article/details/127882452
版权

目录

前言

所有的命名要符合开发规范，本项目中不再解释命名对应的是哪一个模块，以及变量名的意思

后台系统登录功能

需求分析

后台系统登录主要需要实现以下功能

  • 前端传递用户名密码，后端可以接收
  • 后端对用户名密码在数据库中进行校验，发送校验结果给前端
  • 后端发送数据格式需要包含data(处理结果),code(处理结果编码),msg(操作成功或失败的提示)
  • 将员工id放入session，方便之后进行权限验证，防止直接通过网页访问页面跳过登录
  • 员工登录成功后，页面跳转到后台系统首页面（backend/index.html）,显示当前登录用户的姓名
    需求分析

代码实现

建议把静态资源backend目录下的js下的request.js目录进行修改

(function (win) {
  axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8'
  // 创建axios实例
  const service = axios.create({
    // axios中请求配置有baseURL选项，表示请求URL公共部分
    baseURL: '/',
    // 超时
    timeout: 1000000
  })

将timeout尽量改大，这样方便进行调试，不会超时

实体类

创建entity包并在其中创建Employee实体类
如果druid版本太低，时间类不建议使用localDate，改用Date类

package com.cjgn.entity;


import com.baomidou.mybatisplus.annotation.FieldFill;
import com.baomidou.mybatisplus.annotation.TableField;
import lombok.Data;
import java.time.LocalDateTime;

//使用lombok自动生成实体类代码
@Data
//员工实体类
public class Employee {
    private Long id;
    //姓名
    private String name;
    //用户名
    private String username;
    private String password;
    private String phone;
    private String sex;
    //身份证
    private String idNumber;
    private Integer status;
    //如果druid版本太低改用Date
    @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;
}

Mapper层

package com.cjgn.mapper;

import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.cjgn.entity.Employee;
import org.apache.ibatis.annotations.Mapper;

@Mapper
public interface EmployeeMapper extends BaseMapper<Employee> {
}

Service层

EmployeeService.java

package com.cjgn.service;

import com.cjgn.entity.Employee;

public interface EmployeeService {

    /**
     * 通过用户名密码查询
     * @param employee
     * @return
     */
    public Employee getByEmployee(Employee employee);
}

EmployeeServiceImpl.java

package com.cjgn.service.impl;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.cjgn.entity.Employee;
import com.cjgn.mapper.EmployeeMapper;
import com.cjgn.service.EmployeeService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;
import org.springframework.util.DigestUtils;

@Service
public class EmployeeServiceImpl implements EmployeeService {
    @Autowired
    private EmployeeMapper employeeMapper;


    @Override
    public Employee getByEmployee(Employee employee) {
        //1、将页面提交的密码password进行md5处理
        String password = employee.getPassword();
        password = DigestUtils.md5DigestAsHex(password.getBytes());
        String username = employee.getUsername();

        //2、根据用户名密码去数据库查询
        LambdaQueryWrapper<Employee> wrapper = new LambdaQueryWrapper<>();
        wrapper.eq(null != username, Employee::getUsername, username)
                .eq(null!=password,Employee::getPassword,password);
        Employee employee1 = employeeMapper.selectOne(wrapper);
        return employee1;
    }
}

Controller层

Result.java
记得注入get和set方法

package com.cjgn.contorller;


import lombok.Data;

import java.util.HashMap;
import java.util.Map;

//通用结果类
@Data
public class Result {

    //数据
    private Object data;
    //传递消息
    private String msg;
    //结果代码
    private Integer code;
    //动态数据
    private Map map = new HashMap();

    //三个值都有的构造方法
    public Result(Object data, Integer code,String msg) {
        this.data = data;
        this.msg = msg;
        this.code = code;
    }

    //只有消息和编码的构造方法，用于失败的时候用
    public Result(Integer code,String msg) {
        this.msg = msg;
        this.code = code;
    }

    //无参构造方法
    public Result() {
    }

    public Result add(String key,Object value){
        this.map.put(key,value);
        return this;
    }
}

Code.java

package com.cjgn.contorller;

public class Code {
    //根据前端的代码，成功的编码为1，失败的编码为0
    public static final Integer OK = 1;
    public static final Integer ERR = 0;
}

EmployeeController.java

package com.cjgn.contorller;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.cjgn.entity.Employee;
import com.cjgn.service.EmployeeService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.util.DigestUtils;
import org.springframework.web.bind.annotation.*;

import javax.servlet.http.HttpServletRequest;
import java.nio.charset.StandardCharsets;

@RestController
@RequestMapping("/employee")
public class EmployeeController {
    @Autowired
    private EmployeeService employeeService;


    /**
     * 员工登录功能
     * 使用的post请求
     * @param request
     * @param employee
     * @return
     */
    @PostMapping("/login")
    public Result Login(HttpServletRequest request,@RequestBody Employee employee){
        Employee employee1 = employeeService.getByEmployee(employee);
        //判断对象是否为空，空：查询失败，非空：查询成功
        //code：非空为1，空或者status为0的时候为0
        Integer code;
        String msg;
        //查询为空
        if(null==employee1){
            code = Code.ERR;
            msg = "登录失败";
        }
        //账号已禁用
        else if(employee1.getStatus()==0){
            code = Code.ERR;
            msg = "登录失败";
        }
        //查询不为空且账号启用则登录成功
        else {
            //设置session,把员工的id存入
            request.getSession().setAttribute("employee",employee1.getId());
            code = Code.OK;
            msg = "登录成功";
        }
        //只需要穿是否查询成功的结果就可以，不需要传输data
        return new Result(employee1,code,msg);
    }
}

总结

完成登录功能后，就可以使用账号密码，进行用户登录，并跳转到后台的界面，用户id也被储存到session中。方便之后的使用。 一定要注意Result类中要注入get和set方法，否则会报错

后台系统退出功能

需求分析

后台退出系统主要需要实现以下功能

  • 点击右侧的退出按扭发送请求到后端，删除对应session，然后退出到登录页面

代码实现

EmployeeController.java

    /**
     * 员工退出
     * @param request
     * @return
     */
    @PostMapping("/logout")
    public Result logout(HttpServletRequest request){
        //删除session
        request.getSession().removeAttribute("employee");
        //返回前端数据
        return new Result(Code.OK,"退出成功");
    }

总结

退出功能相对简单，只需对前端发送的ajax请求进行处理，删除登录设置的session，然后返回前端一个退出成功的数据，就可以实现退出和页面的跳转。（这里的页面跳转由前端执行）

后台登录优化

需求分析

  • 问题：之前的登录系统存在一个漏洞，用户如果直接通过url去访问index.html主页是可以访问的，显然这不是我们想要的效果。
  • 优化：使用过滤器或拦截器，判断用户是否进行登录，如果没有登录就跳转到登录界面
  • 效果：用户只有登录后才能访问主页，否则会跳转回登录界面
    过滤器

代码实现

首先在pom文件中导入fastjson依赖

 		<!--fastjson-->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>fastjson</artifactId>
            <version>1.2.62</version>
        </dependency>

这里采用两种不同的方法分别实现

方法一：过滤器

  1. 在springboot的运行类中添加@ServletComponentScan注解
  2. 创建filter包并在其下创建类LoginCheckFilter

LoginCheckFilter.java

package com.cjgn.filter;


import com.alibaba.druid.support.json.JSONUtils;
import com.alibaba.fastjson.JSON;
import com.cjgn.contorller.Code;
import com.cjgn.contorller.Result;
import org.springframework.util.AntPathMatcher;

import javax.servlet.*;
import javax.servlet.annotation.WebFilter;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;

/**拦截器类
 * @author DELL
 */
@WebFilter(filterName = "loginCheckFilter",urlPatterns = "/*")
public class LoginCheckFilter implements Filter {
    //路径匹配器，支持通配符
    public 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();
        System.out.println("本次拦截路径"+requestURI);

        //定义不需要处理的路径
        String[] urls = new String[]{
                "/employee/login",
                "/employee/logout",
                "/backend/**",
                "/front/**"
        };
        //2、判断本次请求是否需要处理
        boolean check = this.check(urls, requestURI);

        //3、不需要处理直接放行
        if (check){
            System.out.println("不需要处理");
            filterChain.doFilter(servletRequest,servletResponse);
        }
        //4、判断登录状态，如果已经登录则放行
        else if (request.getSession().getAttribute("employee")!=null){
            System.out.println("已登录");
            filterChain.doFilter(servletRequest,servletResponse);
        }
        //5、如果没有登录则跳转到登录页面
        else {
            //使用response传回json数据
            response.getWriter().write(JSON.toJSONString(new Result(Code.ERR,"NOTLOGIN")));
            System.out.println("未登录");
        }


    }

    /**
     * 进行路径匹配，检查本次请求是否需要放心
     * @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;
            }
        }
        //匹配失败返回false
        return false;

    }
}

方法二：拦截器

  1. 在controller包下创建LoginInterceptor类
  2. 创建config包并在其中创建WebMvcConfig类

LoginInterceptor.java

package com.cjgn.contorller;

import com.alibaba.fastjson.JSON;
import org.springframework.stereotype.Component;
import org.springframework.web.servlet.HandlerInterceptor;
import org.springframework.web.servlet.ModelAndView;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 使用拦截器实现过滤器功能
 */
@Component
public class LoginInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        String requestURI = request.getRequestURI();
        System.out.println("本次拦截路径" + requestURI);


        //4、判断登录状态，如果已经登录则放行
        if (request.getSession().getAttribute("employee") != null) {
            System.out.println("已登录");
            return true;
        }
        //5、如果没有登录则跳转到登录页面
        else {
            //使用response传回json数据
            response.getWriter().write(JSON.toJSONString(new Result(Code.ERR, "NOTLOGIN")));
            System.out.println("未登录");
            return false;
        }
    }

    @Override
    public void postHandle(HttpServletRequest request, HttpServletResponse response, Object handler, ModelAndView modelAndView) throws Exception {
        HandlerInterceptor.super.postHandle(request, response, handler, modelAndView);
    }

    @Override
    public void afterCompletion(HttpServletRequest request, HttpServletResponse response, Object handler, Exception ex) throws Exception {
        HandlerInterceptor.super.afterCompletion(request, response, handler, ex);
    }
}

WebMvcConfig.java

要注意这个类最好去实现WebMvcConfigurer接口。最好不要继承WebMvcConfigurationSupport类,虽然功能大致相同,但采用继承的话可能导致静态资源被SpringMvc拦截,即使放在static目录下也没用。

package com.cjgn.comfig;

import com.cjgn.contorller.LoginInterceptor;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;


import java.util.ArrayList;
import java.util.List;

@Configuration
public class WebMvcConfig implements WebMvcConfigurer {
    @Autowired
    private LoginInterceptor loginInterceptor;


    /**
     * 加入拦截路径和放行的路径
     * @param registry
     */
    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        //使用列表去装放行的路径
        List<String> urls = new ArrayList<>();
        urls.add( "/employee/login");
        urls.add( "/employee/logout");
        urls.add( "/backend/**");
        urls.add( "/front/**");
        urls.add("/error");
        registry.addInterceptor(loginInterceptor).addPathPatterns("/**").excludePathPatterns(urls);
    }
}

总结

添加拦截器或过滤器后，当前端发送请求时，会在拦截器或过滤器中进行处理，通过一系列判断，来决定是否放行这个请求。一般来说如果完成登录则不拦截请求，如果未登录就访问，则跳转回登录界面。

雏极光鸟
关注
  • 2
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
瑞吉外卖项目后台系统开发
m0_72345953的博客
10-11 313
瑞吉外卖项目 从环境搭建到套餐管理功能的开发
黑马程序员瑞吉外卖基本功能完整版
最新发布
03-01
《黑马程序员瑞吉外卖基本功能完整版》是一个针对Java编程的学习资源，主要涵盖了瑞吉外卖系统的基本功能实现，包括增删改查等核心操作。这个项目对于初学者来说是一个很好的实践平台，它可以帮助你深入理解Java编程...
springboot项目：瑞吉外卖 前后端详细分析 part4
YiGeiGiaoGiao的博客
04-20 796
part 1part 2part 3part 4 本页。
PHP项目——外卖点餐系统后台管理解析
adminlikeshop的博客
04-19 1038
系统基于总部+多门店的连锁模式，拥有门店独立管理后台，支持总部定价和门店定价、LBS定位点餐，可堂食可外卖，适用于茶饮的外卖点餐场景，搭建自己的一点点、奈雪、喜茶点餐系统。
springboot项目（瑞吉外卖1,后台）
HANG_WORLD的博客
07-21 184
瑞吉外卖，后台实现
瑞吉外卖【后台管理系统篇】
qq_40492693的博客
05-13 1万+
为餐饮定制的一款软件，包括系统管理后台和移动端应用两部分。其中系统管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的菜品、套餐、订单等进行管理维护。移动端应用主要提供给消费者使用，可以在线浏览菜品、添加购物车、下单等。
spring boot+elementUI前后端分离瑞吉外卖
06-29
# 瑞吉外卖 ## 软件开发整体介绍 ### 软件开发流程 - 需求分析 ：产品原型、需求分析 - 设计：产品文档、UI界面设计、概要设计、详细设计、数据库设计 - 编码： 项目代码、单元测试 - 测试： 测试用例、测试报告 ...
瑞吉外卖是一个为餐饮企业（餐厅、饭店等）定制的软件产品，包括系统管理后台和移动端应用两部分
10-22
瑞吉外卖是一款专为餐饮企业设计的软件产品，它涵盖了系统管理后台和移动端应用两大部分。系统管理后台是餐厅内部员工使用的工具，主要用于管理菜品、套餐、订单等业务，确保餐厅运营的高效有序。移动端应用则面向...
个人实现瑞吉外卖改良后源码
05-22
这个源码可能是对原始瑞吉外卖系统的优化和功能增强，旨在提供更好的用户体验和运营效率。 【描述】"个人实现的瑞吉外卖——改良后源码"指的是某个人程序员或团队根据自己的理解和需求，对瑞吉外卖平台的原版代码...
瑞吉外卖学习笔记...
08-28
瑞吉外卖学习笔记是Java语言开发的学习笔记，涵盖了后台登陆、退出、登录、员工管理、分类管理等功能的开发。下面是对该笔记中涉及的知识点的详细解释： Java开发环境搭建 在 Java 项目开发中，需要首先搭建开发...
瑞吉外卖后端代码
c851666395的博客
03-02 720
瑞吉外卖后端部分代码
springboot项目：瑞吉外卖 前后端 代码、思路 详细分析 part5
YiGeiGiaoGiao的博客
05-06 1867
part1part2part3part4part5 本页。
瑞吉外卖系统05
真正的大师永远怀着一颗学徒的心
08-07 494
瑞吉外卖分享
瑞吉外卖笔记-后台管理系统
gh_xiaohe的博客
08-30 1145
😹 作者: gh-xiaohe 😻 gh-xiaohe的博客 😽 觉得博主文章写的不错的话，希望大家三连（✌关注，✌点赞，✌评论），多多支持一下！！！
瑞吉外卖项目详细分析笔记及所有功能补充代码
SeeYouAgain的博客
01-16 3万+
瑞吉外卖项目的详细笔记及部分功能的补充实现，实现了视频剩余没有定义的功能，例如管理端的订单明细，起售停售；移动端的订单查看及再来一单等，也是对整个项目整体步骤流程的经验总结。
瑞吉外卖项目功能全实现及完全代码解析
热门推荐
言兼小师傅的博客
10-15 4万+
本项目（瑞吉外卖）是专门为餐饮企业（餐厅、饭店）定制的一款软件产品，包括 系统管理后台 和 移动端应用 两部分。其中系统管理后台主要提供给餐饮企业内部员工使用，可以对餐厅的分类、菜品、套餐、订单、员工等进行管理维护。移动端应用主要提供给消费者使用，可以在线浏览菜品、添加购物车、下单等。阶段功能实现第一期主要实现基本需求，其中移动端应用通过H5实现，用户可以通过手机浏览器访问第二期主要针对移动端应用进行改进，使用微信小程序实现，用户使用起来更加方便第三期。
瑞吉外卖 —— 2、后台登录和登出
Mr_zhangyj的博客
08-31 1541
后台登录和登出
瑞吉外卖中登录拦截之过滤器和拦截器的实现
qq_42627388的博客
06-24 423
使用拦截器和过滤器实现非法请求过滤
黑马瑞吉外卖后台系统笔记完整版
qq_57411297的博客
11-22 817
本人自己整理的黑马瑞吉外卖后台笔记，把后台功能基本实现，视频中为做的功能，上述代码中也实现了
"瑞吉外卖学习笔记: 后台功能开发与员工管理
瑞吉外卖学习笔记是关于外卖行业的学习笔记，在这个学习笔记里包含了外卖业务的一些开发环境搭建、功能开发、员工管理等内容。这些内容都是在瑞吉外卖学习过程中所记录的一些重要知识点和经验总结。 首先，在学习...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值