SpringBoot3+Vue3+MySQL8 前后端分离员工管理系统实战课笔记

发布时间:2023年12月22日

目录

01 概述
02 IDEA创建SpringBoot3项目
03 创建员工数据库
04 创建员工表
05 配置JPA
06 生成员工的JPA实体类
07 JPA中如何处理日期类型字段
08 Docker部署RestClient
09 开发新增员工接口
10 开发获取所有员工接口
11 开发根据ID获取员工接口
12 开发根据ID修改员工接口
13 开发根据ID删除员工接口
14 开发根据用户名和密码登录接口
15 安装和使用Vue3前端模板
16 开发前端登录功能
17 开发前端展示员工列表功能
18 开发前端添加员工功能
19 开发前端修改员工功能
20 开发前端删除员工功能
21 总结

员工表

# 姓名 年龄 性别 薪资 入职时间
drop table if exists tb_employee;
create table tb_employee (
    id int primary key auto_increment,
    name varchar(36),
    age int,
    gender varchar(2),
    salary decimal,
    job_time datetime
)engine = innodb character set utf8mb4;

接口代码

package com.zhangdapeng520.employee.controller;

import com.zhangdapeng520.employee.entity.User;
import org.springframework.web.bind.annotation.CrossOrigin;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestBody;
import org.springframework.web.bind.annotation.RestController;

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

@CrossOrigin
@RestController
public class UserController {
    @PostMapping("/login")
    public Map<String,String> login(@RequestBody User user){
        HashMap<String, String> map = new HashMap<>();
        // 用户名密码是否正确
        if("zhangdapeng".equals(user.getUsername()) &&
        "zhangdapeng520".equals(user.getPassword())){
            map.put("token","xxx");
        }else{
            map.put("error","用户名或密码错误");
        }
        return map;
    }
}

请求参数

新增员工:

{
  "method":"post",
  "url": "http://localhost:8080/employee",
  "data": {
    "name":"张三2",
    "age": 33,
    "gender": "男",
    "salary": 30000,
    "jobTime": "1999-09-09"
  }
}

获取所有员工:

{
  "method":"get",
  "url": "http://localhost:8080/employee"
}

根据ID获取员工:

{
  "method":"get",
  "url": "http://localhost:8080/employee/2"
}

根据ID修改员工:

{
  "method":"put",
  "url": "http://localhost:8080/employee/3",
  "data": {
    "name":"张三2",
    "age": 33,
    "gender": "男",
    "salary": 30000,
    "jobTime": "1999-09-09"
  }
}

根据ID删除员工:

{
  "method":"delete",
  "url": "http://localhost:8080/employee/2"
}

正确登录:

{
  "method":"post",
  "url": "http://localhost:8080/login",
  "data": {
    "username":"zhangdapeng",
    "password": "zhangdapeng520"
  }
}

错误登录:

{
  "method":"post",
  "url": "http://localhost:8080/login",
  "data": {
    "username":"zhangdapeng",
    "password": "zhangdapeng521"
  }
}

获取方式

方式1:私信
方式2:哔哩哔哩搜 Python私教
方式3:微信 18010070052

广告

本人目前在成都,离职状态,求一份Golang或者Python的高级研发工程师的工作,可以接受成都,重庆,贵阳,杭州这几个地方。

文章来源:https://blog.csdn.net/qq_37703224/article/details/135161733
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。