瑞吉外卖项目后台系统开发

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档

文章目录

目录

文章目录

一、开发环境的搭建

1.数据库环境的搭建

2.maven项目搭建

  3.导入pom文件

4.在java/com/itheima/reggie目录下创建springboot主配置文件ReggieApplication

 5.在resources文件下创建application.yml配置文件

6.导入前端文件

二.后台登录系统开发

1.在java/com/itheima/reggie目录下创建项目中需要使用到的包:

2. 实体类,Mapper,service,Impl的开发

3.封装返回的结果类R

4.Controller

三.退出功能开发

四.完善登陆功能

五.员工管理模块的开发

1.新增员工

2.员工信息分页展示和根据名字进行查询

3.禁用和启动员工账号

注意:测试的时候我们发现出现了问题,就是我们修改员工的状态,提示信息显示修改成功,但是我们去数据库查验证的时候,发现员工的状态码压根就没有变化,这是为什么呢?

4.点击修改按钮的时候数据回显

六.分类管理模块开发

1.公共字段填充

2.分类管理的分页展示

3.分类管理的新增菜品分类(菜品分类和套餐分类请求路径一样)

4.根据ids删除菜品分类或者套餐分类

5.修改菜品分类或者套餐分类

七.菜品管理模块的开发

1.菜品的分页展示和根据name进行查询

2.新增菜品

3.起售和停售菜品

4.菜品删除

5.菜品的修改

八.套餐管理模块的开发

1.分页展示套餐数据,并且根据名字查询

2.新建套餐

3.套餐停售或者起售

4.套餐删除 

5.套餐的修改

后台系统开发完成。



前言

瑞吉外卖后台管理系统主要基于springboot和mybtis-plus框架技术,用于实现后台的账号登录和退出,以及对员工添加,饭店菜品,菜品套餐的管理,下面就来详细的分享项目的编写过程。

一、开发环境的搭建

1.数据库环境的搭建

        (1)创建数据库

           字符集和排序规则可以不用选,直接确定

        (2)运行sql语句

        

 鼠标单击表,然后鼠标右键选择运行sql文件

 这个sql文件在b站中的课程资料中下载,推荐使用百度网盘

2.maven项目搭建

说明:该项目是通过idea将maven项目转换成springboot项目,具体的转换步骤包括6步:

其中pom文件中有4步:

1、在pom文件中添加parent父级依赖

2、在pom文件中添加spring-boot-starter核心依赖和测试依赖

3、在pom文件中添加properties属性配置

4、在pom文件中添加build打包插件配置

其他两步也很重要:

5、在reggie文件下创建springboot启动类ReggieApplication,上面要有注解@ApplicationContext(springboot主配置文件)

6、在resources文件下创建application.yml配置文件 

  上面是maven转换springboot项目的讲解,接下来我们进行操作

   1.创建一个maven项目

          然后next就可以了

  3.导入pom文件

pom文件是资料自带的,直接复制。上面的四个在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.6.6</version>
        <relativePath/> <!-- lookup parent from repository -->
    </parent>
 
    <groupId>com.itheima</groupId>
    <artifactId>reggie_take_out</artifactId>
    <version>1.0-SNAPSHOT</version>
 
    <properties>
        <maven.compiler.source>8</maven.compiler.source>
        <maven.compiler.target>8</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.6.6</version>
        </plugin>
    </plugins>
    </build>
 
</project>

4.在java/com/itheima/reggie目录下创建springboot主配置文件ReggieApplication

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

  @ServletComponentScan跟后面的过滤器有关,用来扫描那些过滤器注解,从而把过滤器创建出来

 5.在resources文件下创建application.yml配置文件

server:
  port: 8080
spring:
  application:
    # 应用的名称,选择性配置
    name: reggie_take_out
  datasource:
    druid:
      driver-class-name: com.mysql.cj.jdbc.Driver
      url: jdbc:mysql://localhost:3306/reggie?serverTimezone=Asia/Shanghai&useUnicode=true&characterEncoding=utf-8&zeroDateTimeBehavior=convertToNull&useSSL=false&allowPublicKeyRetrieval=true
      username: root
      password: root
mybatis-plus:
  configuration:
    #在映射实体或者属性时,将数据库中表名和字段名中的下划线去掉,按照驼峰命名法映射
    map-underscore-to-camel-case: true
    # 把SQL的查询的过程输出到控制台
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl
  global-config:
    db-config:
      id-type: ASSIGN_ID

然后在ReggieApplication中运行springboot项目,看能否成功运行

开发环境准备完成。

6.导入前端文件

 将这两个前端资源直接复制到resources文件下

前端资源导入之后, 因为在springboot项目中,网页默认就只能访问 resource目录下的static和template文件夹下的文件,无法访问到backend和front文件夹,可以自己去试一下,因此,我们需要加入一个配置类(也叫做静态资源映射):WebMvcConfig,大家在reggie目录下创建config文件,然后在资料中导入该配置类,该配置类的作用就是让网页访问到backend和front这两个前端文件夹;

开发环境搭建完成。

二.后台登录系统开发

登录页面 :瑞吉外卖管理端

按f12 打开控制台,再点击登录就可以看到登录请求信息:http://localhost:8080/employee/login

 所以我们需要创建employee相关的Controller :EmployeeController,在controller中进行功能实现

在此之前,我们需要做好准备工作:

1.在java/com/itheima/reggie目录下创建项目中需要使用到的包:

common包(用来存放共同使用的类)

config包(放配置类)

mapper包

service包,service包中的放service实现类的Impl包

controller包

entity(放实体类)

filter(放过滤器)

dto(这个在菜品和套餐那块会用到,主要也是放实体类)

2. 实体类,Mapper,service,Impl的开发

(1)在entity导入实体类Employee类;

(2)使用mybatis-plus提供的功能,自动生成EmployeeMapper

package com.itheima.reggie.mapper;
 
import com.baomidou.mybatisplus.core.mapper.BaseMapper;
import com.itheima.reggie.entity.Employee;
import org.apache.ibatis.annotations.Mapper;
 
@Mapper
public interface EmployeeMapper extends BaseMapper<Employee> {
}

(3)EmployeeService

package com.itheima.reggie.service;
import com.baomidou.mybatisplus.extension.service.IService;
import com.itheima.reggie.entity.Employee;
 
public interface EmployeeService extends IService<Employee> {
    
}

(4)EmployeeServiceImpl

package com.itheima.reggie.service.impl;
 
import com.baomidou.mybatisplus.extension.service.impl.ServiceImpl;
import com.itheima.reggie.entity.Employee;
import com.itheima.reggie.mapper.EmployeeMapper;
import org.springframework.stereotype.Service;
 
/**
 * @author LJM
 * @create 2022/4/15
 */
@Service						//这两个泛型一个是实体类对应的mapper,一个是实体类
public class EmployeeServiceImpl extends ServiceImpl<EmployeeMapper,Employee> implements EmployeeService {
 
}

3.封装返回的结果类R

把这个返回结果类R放入common包中,服务端Controller响应的数据最终都会封装成此对象R

这个是资料自带的,直接复制到Common包下

package com.itheima.reggie.common;
import lombok.Data;
import java.util.HashMap;
import java.util.Map;
/**
 * 通用返回结果类,服务端响应的数据最终都会封装成此对象
 * @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

先把模块搭建好 

package com.itheima.reggie.controller;
import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.itheima.reggie.common.R;
import com.itheima.reggie.entity.Employee;
import com.itheima.reggie.service.EmployeeService;
import lombok.extern.slf4j.Slf4j;
import org.springframework.util.DigestUtils;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;


@RestController
@Slf4j
@RequestMapping("/employee")
public class EmployeeController {
 
    @PostMapping("/login") //使用restful风格开发
    public R<Employee> login()
    }
}

先处理业务逻辑,然后再编码

1、将页面提交的密码password进行md5加密处理
2、根据页面提交的用户名username查询数据库
3、如果没有查询到则返回登录失败结果
4、密码比对,如果不一致则返回登录失败结果
5、查看员工状态,如果为已禁用状态,则返回员工已禁用结果
6、登录成功,将员工id存入Session并返回登录成功结果
package com.itheima.reggie.controller;

import com.baomidou.mybatisplus.core.conditions.query.LambdaQueryWrapper;
import com.baomidou.mybatisplus.extension.plugins.pagination.Page;
import com.itheima.reggie.common.R;
import com.itheima.reggie.entity.Employee;
import com.itheima.reggie.service.EmployeeService;
import lombok.extern.slf4j.Slf4j;
import org.apache.commons.lang.StringUtils;
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.time.LocalDateTime;

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

    @PostMapping("/login")
    public R<Employee> login(HttpServletRequest request, @RequestBody Employee employee){
        //1、从前端用户登录拿到的用户密码,并且对用户密码password进行md5加密处理
        String password = employee.getPassword();
        password=DigestUtils.md5DigestAsHex(password.getBytes());

        //2、创建条件构造器,根据页面提交的用户名username查询数据库,看数据库中的信息与用户输入的是否一致
        LambdaQueryWrapper<Employee> queryWrapper=new LambdaQueryWrapper<>();
        queryWrapper.eq(Employee::getUsername,employee.getUsername());

        //在设计数据库的时候我们对username使用了唯一索引,所以这里可以使用getOne方法对username设置唯一索引
        Employee emp = employeeService.getOne(queryWrapper);

        //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);
    }

三.退出功能开发

登录之后,按f12,点击右上角退出功能键,发现退出功能的请求路径是employee/logout,请求方法是Post

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值