SpringBoot+VUE+ MyBatis实现人事管理系统（已开源，学习css前端开发

})

4、App.vue

登录系统人事管理系统

四、SpringBoot+Mybatis后端代码实现

=============================================================================================

1、后端项目结构图

2、sql语句实现

/*

Navicat Premium Data Transfer

Source Server : windows

Source Server Type : MySQL

Source Server Version : 80022

Source Host : localhost:3306

Source Schema : ems

Target Server Type : MySQL

Target Server Version : 80022

File Encoding : 65001

*/

SET NAMES utf8mb4;

SET FOREIGN_KEY_CHECKS = 0;

---

– Table structure for t_emp

---

DROP TABLE IF EXISTS t_emp;

CREATE TABLE t_emp (

id int NOT NULL AUTO_INCREMENT,

name varchar(20) CHARACTER SET utf8mb4 COLLATE utf8mb4_0900_ai_ci NOT NULL,

salary double NOT NULL,

age int NOT NULL,

PRIMARY KEY (id) USING BTREE

) ENGINE = InnoDB AUTO_INCREMENT = 11 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_0900_ai_ci ROW_FORMAT = Dynamic;

---

– Records of t_emp

---

INSERT INTO t_emp VALUES (2, ‘杨福君’, 9000, 19);

INSERT INTO t_emp VALUES (8, ‘王恒杰’, 12000, 21);

INSERT INTO t_emp VALUES (12, ‘邓正武’, 20000, 22);

INSERT INTO t_emp VALUES (13, ‘周宣君’, 18000, 23);

INSERT INTO t_emp VALUES (14, ‘吴洪旭’, 2000, 23);

SET FOREIGN_KEY_CHECKS = 1;

3、相关依赖pom.xml

org.springframework.boot

spring-boot-starter-parent

2.2.5.RELEASE

org.springframework.boot

spring-boot-starter

org.mybatis.spring.boot

mybatis-spring-boot-starter

2.1.2

org.springframework.boot

spring-boot-starter-web

mysql

mysql-connector-java

8.0.16

com.alibaba

druid

1.1.12

org.springframework.boot

spring-boot-starter-test

4、application.yml

server:

port: 8080

servlet:

context-path: /ems

spring:

datasource:

type: com.alibaba.druid.pool.DruidDataSource #数据源类型

driver-class-name: com.mysql.cj.jdbc.Driver #加载驱动

url: jdbc:mysql://localhost:3306/ems?useSSL=false&serverTimezone=UTC

username: root

password: root

mybatis:

mapper-locations: classpath:com/tjcu/mapper/*Mapper.xml #指定mapper文件所在的位置,其中classpath必须和mapper-locations分开

type-aliases-package: com.tjcu.entity

5、Controller控制层

/**

• @author 王恒杰

• @date 2021/12/17 15:52

• @Description:

*/

@Controller

@CrossOrigin

@ResponseBody

public class EmpController {

@Autowired

private EmpService empService;

@RequestMapping(“/emp/queryAll”)

public List queryall(){

List emps = empService.showEmp();

return emps;

}

/**

• 删除

• @param id

*/

@RequestMapping(“/emp/delete”)

public void delete(Integer id){

empService.deleteById(id);

}

@RequestMapping(“/emp/add”)

public void add(@RequestBody Emp emp){

if(emp.getId()!=null){

empService.updateEmp(emp);

}else {

emp.setId(null);

empService.insertEmp(emp);

}

}

@RequestMapping(“/emp/queryOne”)

public Emp query(Integer id){

Emp emp = empService.selectEmpById(id);

return emp;

}

}

6、mapper文件

insert into t_emp

values (#{id}, #{name}, #{salary}, #{age})

select *

from t_emp

update t_emp

name=#{name},

salary=#{salary},

age=#{age}

where id=#{id}

delete from t_emp where id=#{id}

select *

from t_emp where id=#{id}

五、项目开源地址及启动方法

================================================================================

1、项目开源地址

• 开源地址：SpringBoot+mybatis+vue实现人事管理系统（前后端分离）

• 前端代码位置:

• Springboot+mybatsi后端的代码位置在back分支里面

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

这里分享一份由字节前端面试官整理的「2021大厂前端面试手册」，内容囊括Html、CSS、Javascript、Vue、HTTP、浏览器面试题、数据结构与算法。全部整理在下方文档中，共计111道

HTML

• HTML5有哪些新特性？

• Doctype作⽤? 严格模式与混杂模式如何区分？它们有何意义?

• 如何实现浏览器内多个标签页之间的通信？

• ⾏内元素有哪些？块级元素有哪些？ 空(void)元素有那些？⾏内元 素和块级元素有什么区别？

• 简述⼀下src与href的区别？

• cookies,sessionStorage,localStorage 的区别？

• HTML5 的离线储存的使用和原理？

• 怎样处理 移动端 1px 被 渲染成 2px 问题？

• iframe 的优缺点？

• Canvas 和 SVG 图形的区别是什么？

JavaScript

CodeChina开源项目：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

• 问：0.1 + 0.2 === 0.3 嘛？为什么？

• JS 数据类型

• 写代码：实现函数能够深度克隆基本类型

• 事件流

• 事件是如何实现的？

• new 一个函数发生了什么

• 什么是作用域？

• JS 隐式转换，显示转换

• 了解 this 嘛，bind，call，apply 具体指什么

• 手写 bind、apply、call

• setTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算

etTimeout(fn, 0)多久才执行，Event Loop

• 手写题：Promise 原理

• 说一下原型链和原型链的继承吧

• 数组能够调用的函数有那些？

• PWA使用过吗？serviceWorker的使用原理是啥？

• ES6 之前使用 prototype 实现继承

• 箭头函数和普通函数有啥区别？箭头函数能当构造函数吗？

• 事件循环机制 （Event Loop）

一个人可以走的很快，但一群人才能走的更远。如果你从事以下工作或对以下感兴趣，欢迎戳这里加入程序员的圈子，让我们一起学习成长！

AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算