用Spring Boot+Vue做微人事项目第六天

最新推荐文章于 2022-07-26 16:15:35 发布
最新推荐文章于 2022-07-26 16:15:35 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： Spring Boot+Vue做微人事项目 文章标签： Spring Boot Vue.js 前后端分离 服务端菜单接口
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43674132/article/details/105096091
版权

用Spring Boot+Vue做微人事项目系列目录 

前两天做了微人事登录的前端页面和后端接口，第三天则实现了前后端接口的对接，输入正确的用户名和密码之后，成功的跳转到home页。第四天做了Home页的Title制作和下拉菜单，下拉菜单有三个选项，个人中心、设置和注销登录，还做了注销登录，点击注销登录会出现提示：“此操作将注销登录，是否继续”，点是就重新跳转到登录页面，第五天做的是左边的导航菜单，现在是做服务端菜单接口的设计

menu表的各个列的意思：  menu表  服务端的菜单项数据

id:唯一标识   url:做权限控制用的   path:请求路径，对应了前端的请求路径  component:组件的名字  name:

iconCls:组件的图标    keepAlice:标记    是否保护     requrieAuth:标记  进入组件要不要登录     parentId:父菜单    enabled:菜单项是否启动

Menu类

该类本来还有KeepAlive和requireAuth两个属性，但是这两个属性不常用，所以就放到新建的Meta类里面去了，Menu新添加了一个private List<Menu> children;  children里面放的是List集合的Menu

public class Menu implements Serializable {
    private Integer id;

    private String url;

    private String path;

    private String component;

    private String name;

    private String iconCls;

    private Integer parentId;

    private Boolean enabled;

    private Meta meta;

    private List<Menu> children;  //children里面放的是List集合的Menu

    private static final long serialVersionUID = 1L;

    //省略getter和setter
}

Meta类

public class Meta {

    private Boolean keepAlive;

    private Boolean requireAuth;

    //省略getter和setter
}

在MenuMapper.xml中新增

<!--  一对多的  -->
    <association property="meta" javaType="com.lqg.vhr.model.Meta">
      <result column="keepAlive" jdbcType="BIT" property="keepAlive" />
      <result column="requireAuth" jdbcType="BIT" property="requireAuth" />
    </association>

SysConfigController控制类

在controller文件夹里面新建一个SysConfigController类，该类是系统设置类

@RestController
@RequestMapping("/system/config")
public class SysConfigController {

    @Autowired
    MenuService menuService;;

    @GetMapping("/menu")
    public List<Menu> getMenusByHrId(){
        return menuService.getMenusByHrId();
    }
}

MenuService业务类

要传入id了，id从哪里来，我们登录的用户信息保存到security里面

SecurityContextHolder里面有一个getContext()方法.getAuthentication()它里面的getPrincipal()，Principal它是当前登录的用户对象，然后强转成Hr对象再获取它里面的id

@Service
public class MenuService {

    @Autowired
    MenuMapper menuMapper;

    public List<Menu> getMenusByHrId() {
        //要传入id了，id从哪里来，我们登录的用户信息保存到security里面
        return menuMapper.getMenusByHrId(((Hr) SecurityContextHolder.getContext().getAuthentication().getPrincipal()).getId());
        //SecurityContextHolder里面有一个getContext()方法.getAuthentication()它里面的getPrincipal()，Principal它是当前登录的用户对象，然后强转成Hr对象再获取它里面的id
    }
}

MenuMapper接口

@Repository
public interface MenuMapper {
    int deleteByPrimaryKey(Integer id);

    int insert(Menu record);

    int insertSelective(Menu record);

    Menu selectByPrimaryKey(Integer id);

    int updateByPrimaryKeySelective(Menu record);

    int updateByPrimaryKey(Menu record);

    List<Menu> getMenusByHrId(Integer hrid);
}

MenuMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.lqg.vhr.mapper.MenuMapper">
  <resultMap id="BaseResultMap" type="com.lqg.vhr.model.Menu">
    <id column="id" jdbcType="INTEGER" property="id" />
    <result column="url" jdbcType="VARCHAR" property="url" />
    <result column="path" jdbcType="VARCHAR" property="path" />
    <result column="component" jdbcType="VARCHAR" property="component" />
    <result column="name" jdbcType="VARCHAR" property="name" />
    <result column="iconCls" jdbcType="VARCHAR" property="iconCls" />
    <result column="parentId" jdbcType="INTEGER" property="parentId" />
    <result column="enabled" jdbcType="BIT" property="enabled" />
<!--  一对多的  -->
    <association property="meta" javaType="com.lqg.vhr.model.Meta">
      <result column="keepAlive" jdbcType="BIT" property="keepAlive" />
      <result column="requireAuth" jdbcType="BIT" property="requireAuth" />
    </association>
  </resultMap>
  <resultMap id="Menus2" type="com.lqg.vhr.model.Menu" extends="BaseResultMap">
    <collection property="children" ofType="com.lqg.vhr.model.Menu">
      <id column="id" jdbcType="INTEGER" property="id" />
      <result column="url" jdbcType="VARCHAR" property="url" />
      <result column="path" jdbcType="VARCHAR" property="path" />
      <result column="component" jdbcType="VARCHAR" property="component" />
      <result column="name" jdbcType="VARCHAR" property="name" />
      <result column="iconCls" jdbcType="VARCHAR" property="iconCls" />
      <result column="parentId" jdbcType="INTEGER" property="parentId" />
      <result column="enabled" jdbcType="BIT" property="enabled" />
      <!--  一对多的  -->
      <association property="meta" javaType="com.lqg.vhr.model.Meta">
        <result column="keepAlive" jdbcType="BIT" property="keepAlive" />
        <result column="requireAuth" jdbcType="BIT" property="requireAuth" />
      </association>
    </collection>
  </resultMap>
  <select id="getMenusByHrId" resultMap="Menus2">
    SELECT DISTINCT m1.*,m2.id as id2,m2.component as component2,m2.enabled as enabled2,m2.iconCls as iconCls2,m2.keepAlive as keepAlive2,m2.`name` as `name2`,m2.parentId as parentId2,m2.requireAuth as requireAuth2,m2.path as path2
    from menu m1,menu m2,hr_role hrr,menu_role mr
    where m1.id=m2.parentId and hrr.hrid=#{hrid} and hrr.rid=mr.rid and mr.mid=m2.id AND m2.enabled=TRUE
    ORDER BY m1.id,m2.id
  </select>
  <sql id="Base_Column_List">
    id, url, `path`, component, `name`, iconCls, keepAlive, requireAuth, parentId, enabled
  </sql>
  <select id="selectByPrimaryKey" parameterType="java.lang.Integer" resultMap="BaseResultMap">
    select 
    <include refid="Base_Column_List" />
    from menu
    where id = #{id,jdbcType=INTEGER}
  </select>
  <delete id="deleteByPrimaryKey" parameterType="java.lang.Integer">
    delete from menu
    where id = #{id,jdbcType=INTEGER}
  </delete>
  <insert id="insert" parameterType="com.lqg.vhr.model.Menu">
    insert into menu (id, url, `path`, 
      component, `name`, iconCls, 
      keepAlive, requireAuth, parentId, 
      enabled)
    values (#{id,jdbcType=INTEGER}, #{url,jdbcType=VARCHAR}, #{path,jdbcType=VARCHAR}, 
      #{component,jdbcType=VARCHAR}, #{name,jdbcType=VARCHAR}, #{iconcls,jdbcType=VARCHAR}, 
      #{keepalive,jdbcType=BIT}, #{requireauth,jdbcType=BIT}, #{parentid,jdbcType=INTEGER}, 
      #{enabled,jdbcType=BIT})
  </insert>
  <insert id="insertSelective" parameterType="com.lqg.vhr.model.Menu">
    insert into menu
    <trim prefix="(" suffix=")" suffixOverrides=",">
      <if test="id != null">
        id,
      </if>
      <if test="url != null">
        url,
      </if>
      <if test="path != null">
        `path`,
      </if>
      <if test="component != null">
        component,
      </if>
      <if test="name != null">
        `name`,
      </if>
      <if test="iconcls != null">
        iconCls,
      </if>
      <if test="keepalive != null">
        keepAlive,
      </if>
      <if test="requireauth != null">
        requireAuth,
      </if>
      <if test="parentid != null">
        parentId,
      </if>
      <if test="enabled != null">
        enabled,
      </if>
    </trim>
    <trim prefix="values (" suffix=")" suffixOverrides=",">
      <if test="id != null">
        #{id,jdbcType=INTEGER},
      </if>
      <if test="url != null">
        #{url,jdbcType=VARCHAR},
      </if>
      <if test="path != null">
        #{path,jdbcType=VARCHAR},
      </if>
      <if test="component != null">
        #{component,jdbcType=VARCHAR},
      </if>
      <if test="name != null">
        #{name,jdbcType=VARCHAR},
      </if>
      <if test="iconcls != null">
        #{iconcls,jdbcType=VARCHAR},
      </if>
      <if test="keepalive != null">
        #{keepalive,jdbcType=BIT},
      </if>
      <if test="requireauth != null">
        #{requireauth,jdbcType=BIT},
      </if>
      <if test="parentid != null">
        #{parentid,jdbcType=INTEGER},
      </if>
      <if test="enabled != null">
        #{enabled,jdbcType=BIT},
      </if>
    </trim>
  </insert>
  <update id="updateByPrimaryKeySelective" parameterType="com.lqg.vhr.model.Menu">
    update menu
    <set>
      <if test="url != null">
        url = #{url,jdbcType=VARCHAR},
      </if>
      <if test="path != null">
        `path` = #{path,jdbcType=VARCHAR},
      </if>
      <if test="component != null">
        component = #{component,jdbcType=VARCHAR},
      </if>
      <if test="name != null">
        `name` = #{name,jdbcType=VARCHAR},
      </if>
      <if test="iconcls != null">
        iconCls = #{iconcls,jdbcType=VARCHAR},
      </if>
      <if test="keepalive != null">
        keepAlive = #{keepalive,jdbcType=BIT},
      </if>
      <if test="requireauth != null">
        requireAuth = #{requireauth,jdbcType=BIT},
      </if>
      <if test="parentid != null">
        parentId = #{parentid,jdbcType=INTEGER},
      </if>
      <if test="enabled != null">
        enabled = #{enabled,jdbcType=BIT},
      </if>
    </set>
    where id = #{id,jdbcType=INTEGER}
  </update>
  <update id="updateByPrimaryKey" parameterType="com.lqg.vhr.model.Menu">
    update menu
    set url = #{url,jdbcType=VARCHAR},
      `path` = #{path,jdbcType=VARCHAR},
      component = #{component,jdbcType=VARCHAR},
      `name` = #{name,jdbcType=VARCHAR},
      iconCls = #{iconcls,jdbcType=VARCHAR},
      keepAlive = #{keepalive,jdbcType=BIT},
      requireAuth = #{requireauth,jdbcType=BIT},
      parentId = #{parentid,jdbcType=INTEGER},
      enabled = #{enabled,jdbcType=BIT}
    where id = #{id,jdbcType=INTEGER}
  </update>
</mapper>

                                                      觉得文章对自己有用，想要继续学下去的可以

                                                                         可以长按下方二维码        

                                                                

                                                                           关注【javalingfeng】哦

                                                          公众号正在更新vue.js和springboot的详细教程

                                                          还有超多免费Java，Python，Android等系列教程

                                                                                    等你来领

 

凌枫zero
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
java 人事管理系统 课程设计
11-22
用JAVA做的人事管理系统绝对可用，比教材上的还实用。超全的代码文档（TXT）和规范的课程设计文（WORD）， 解决您的课程设计烦恼。
Mybatis中动态SQL语句中的parameterType不同数据类型的用法
高振的博客
05-18 1万+
Mybatis中动态SQL语句中的parameterType不同数据类型的用法 1. 简单数据类型,     此时#{id,jdbcType=INTEGER}中id可以取任意名字如#{a,jdbcType=INTEGER},     如果需要if test则一定使用,     此处一定使用_parameter != null而不是id != null              sele
树状结构展示(前后端vue+springboot版)
weixin_59260591的博客
11-19 2180
(springboot后端操作) 递归查询数据库中的表数据 定义实体类 public class DaqImportsys extends BaseEntity { private static final long serialVersionUID = 1L; /** 主键自增id */ private Integer id; /** 父id */ private String importsysId; /** 名称 */ @Ex.
mybatis 动态sql及参数传递
Lizhj的博客
03-15 1万+
mybatis 动态sql及参数传递
mybatis开发要点-insert主键ID获取和多参数传递，java面试项目中你遇到的难题
m0_54865014的博客
12-27 368
1、使用map传递参数； 2、使用注解传递参数； 3、使用Java Bean的方式传递参数； 一、插入数据主键ID获取 ============ 一般我们在做业务开发时，经常会遇到插入一条数据并使用到插入数据的ID情况。如果先插入在查询的话需要多一次sql查询，未免效率太低。因此mybatis也有提供插入数据并返回主键ID的方式。如下 1、Insert/update 1.1、属性解释 useGeneratedKeys（仅对 insert 和 update 有用）这会令 MyBatis 使用 JDBC 的
用Spring Boot+Vue做微人事项目第七天
01-20
在“用Spring Boot+Vue做微人事项目”的开发过程中，我们已经完成了登录功能以及前后端接口的对接。在登录成功后，用户会被重定向至home页。接下来的几天，我们逐步完善了页面的各种功能。 第四天，我们设计了Home...
Springboot+vue的人事管理系统（有报告），Javaee项目，springboot vue前后端分离项目
最新发布
04-20
《SpringBoot+Vue的人事管理系统：JavaEE项目与前后端分离实践》 SpringBoot与Vue.js的结合在现代Web开发中已经成为一种常见的技术栈选择，它们的优势在于简化开发流程、提高开发效率。本项目——“SpringBoot+Vue...
基于SpringBoot+Vue实现的人事管理系统，适合毕业设计，课程设计
06-15
OK，至此，服务端就启动成功了，此时我们直接在地址栏输入http://localhost:8082/index.html 即可访问我们的项目，如果要做二次开发，请继续看第五、六步。 5.进入到 vuehr 目录中，在命令行依次输入如下命令： # ...
SpringBoot+Vue实现人事管理系统.zip
08-05
本项目——"SpringBoot+Vue实现人事管理系统"，是一个典型的Java后端与前端分离的Web应用程序，旨在帮助学生理解如何将这两种技术有效地结合，构建一个功能完备的人事管理系统。 一、SpringBoot简介 SpringBoot是由...
personnel:SpringBoot+Vue实现人事管理系统
05-30
OK，至此，服务端就启动成功了，此时我们直接在地址栏输入 即可访问我们的项目，如果要做二次开发，请继续看第五、六步。 5.进入到 vuehr 目录中，在命令行依次输入如下命令： # 安装依赖 npm install # 在 ...
mybatis——mapper文件详解，蚂蚁金服内推四面
m0_63174811的博客
11-07 246
insert into customer id, name, logo, describe, is_enable, phone, admin, password, uuid, #{id,jdbcType=INTEGER}, #{name,jdbcType=VARCHAR}, #{logo,jdbcType=VARCHAR}, #{describe,jdbcType=VARCHAR}, #{isEnable,jdbcType=BIT}, #{p.
若依前后端分离项目创建名为“sysConfigController”的bean时出错
qiang______zi的博客
09-01 1825
问题描述： 创建名为“sysConfigController”的bean时出错，报错提示为： org.springframework.beans.factory.BeanCreationException: Error creating bean with name ‘sysConfigController’: Injection of resource dependencies failed; nested exception is 解决方案： 提示：关闭redis进行重启可以解决问题 ...
mybatis 自动生成integer_使用MyBatis Generator 1.3.7自动生成代码
weixin_34708601的博客
12-31 256
Id, Name, Sex, Ageselectfrom userwhere Id = #{id,jdbcType=INTEGER}delete from userwhere Id = #{id,jdbcType=INTEGER}insert into user (Id, Name, Sex,Age)values (#{id,jdbcType=INTEGER}, #{name,jdbcType=V...
SpringBoot+Vue微人事实战---项目搭建（1）
今夕何夕的博客
02-10 5039
1、项目来源 在Github上发现了一个基于SpringBoot+Vue技术栈的微人事全栈项目。俗话说：不吃好的不吃贵的，今天整俩嘎嘣脆的，一瞧这项目13k的star，挺好，咱今天就从零开始造它！ 2、项目技术栈 该项目采用前后端分离技术开发。 前端使用ElementUI+Vue构建SPA，后端则用简单易上手的SpringBoot。SPA是指单页面应用，所有的HTML、CSS、JS都通过单个页面...
微人事项目学习笔记
一天无聊
08-22 3729
文章目录微人事项目学习笔记1. 准备工作1.1 数据库准备1.2 Vue 准备1.3 Spring Boot 准备2. 前后端配置2.1 后端返回消息对象定义2.2 Spring Security 设置统一返回数据2.3 前端统一拦截响应请求内容2.4 前端登录接口数据处理2.4 跨域问题3. 接口调用3.1 请求接口封装3.2 关于动态路由菜单的实现3.2.1 **数据库设计**3.2.2 **后端查询**3.2.3 **前端渲染数据**3.3 后端权限控制3.3.1 数据库设计与查询3.3.2 Spr
微人事学习笔记（持续更新）
ok，兄弟们。全体目光向我看齐，我宣布个事儿...
07-26 899
微人事学习笔记
mybatis中_parameter使用和常用sql
热门推荐
u014476019的博客
05-21 2万+
1. 简单数据类型,此时#{id,jdbcType=INTEGER}中id可以去任意名次如#{a,jdbcType=INTEGER},如果需要if test则一定     使用,此处一定使用_parameter != null而不是id != null  select     from base.tb_user  where id = #{id,jdbcType=INTEGER}
mysql mybatis 主键生成策略_Mybatis插入数据行ID生成策略
weixin_35900383的博客
01-27 245
Oracle：SELECT SEQ_TEST.NEXTVAL FROM DUALinsert into category (id,name_zh, parent_id,show_order, delete_status, description)values (#{id,jdbcType=NUMBER},#{nameZh,jdbcType=VARCHAR},#{parentId,jdbcType=...
springboot下拉框select
zflb2008的专栏
04-16 3528
<select name="detail" id="detail"> <option>请选择</option> <option th:each="list:${session.list}" th:value="${list.value}" ...
Spring Boot+vue前后端分离项目如何跨域
05-18
在Spring Boot项目中，可以使用`CorsFilter`来解决跨域问题。以下是解决跨域的步骤： 1.在Spring Boot项目的配置类中，添加`CorsFilter`过滤器。 ```java @Configuration public class CorsConfig { @Bean ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值