基于ssm+vue的综合项目 健康体检管理系统-第十章-权限控制、图形报表

最新推荐文章于 2024-07-08 01:27:54 发布
最新推荐文章于 2024-07-08 01:27:54 发布
阅读量445 收藏 3
点赞数
分类专栏： 笔记 文章标签： java spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45087693/article/details/112385949
版权

spring security

  1. 权限数据管理(增删改查)。
  2. 角色数据管理(增删改查、角色关联权限)。
  3. 用户数据管理(增删改查、用户关联角色)。

导入maven坐标

<dependency>
    <groupId>org.springframework.security</groupId>
    <artifactId>spring-security-web</artifactId>
    <version>5.0.5.RELEASE</version>
</dependency>
<dependency>
    <groupId>org.springframework.security</groupId>
    <artifactId>spring-security-config</artifactId>
    <version>5.0.5.RELEASE</version>
</dependency>

配置web.xml文件

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
         version="3.1">
    <filter>
        <filter-name>springSecurityFilterChain</filter-name>
        <filter-class>org.springframework.web.filter.DelegatingFilterProxy</filter-class>
    </filter>
    <filter-mapping>
        <filter-name>springSecurityFilterChain</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <servlet>
        <servlet-name>springmvc</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:spring-security.xml</param-value>
        </init-param>
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>springmvc</servlet-name>
        <url-pattern>*.do</url-pattern>
    </servlet-mapping>
</web-app>

整合spring

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:security="http://www.springframework.org/schema/security"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation=
               "http://www.springframework.org/schema/beans
                http://www.springframework.org/schema/beans/spring-beans.xsd
                http://www.springframework.org/schema/security
                http://www.springframework.org/schema/security/spring-security.xsd
                http://www.springframework.org/schema/context
                http://www.springframework.org/schema/context/spring-context.xsd
                http://www.springframework.org/schema/mvc
                http://www.springframework.org/schema/mvc/spring-mvc.xsd
">

    <!--配置哪些资源匿名也可以访问-->
    <security:http security="none" pattern="/login.html"/>
    <security:http security="none" pattern="/css/**"/>
    <security:http security="none" pattern="/img/**"/>
    <security:http security="none" pattern="/js/**"/>
    <security:http security="none" pattern="/plugins/**"/>

    <!--
    http:用于定义相关权限控制
    auto-config:是否自动配置
            true:设置为true时框架会提供默认的一些配置，例如提供默认的登录页面、登出 处理等
            false:设置为false时需要显示提供登录表单配置，否则会报错
            use-expressions：用于指定intercept-url中的access属性是否使用表达式
    -->
    <security:http auto-config="true" use-expressions="true">

        <security:headers>
            <!--设置在页面可以通过iframe访问受保护的页面,默认不允许访问-->
            <security:frame-options policy="SAMEORIGIN"/>
        </security:headers>

        <!--intercept-url：定义一个拦截规则 pattern：对哪些url进行权限控制
        access：在请求对应的URL时需要什么权限，默认配置时它应该是一个以逗号分隔的角色列 表， 请求的用户只需拥有其中的一个角色就能成功访问对应的URL -->
        <security:intercept-url pattern="/**" access="hasRole('ROLE_ADMIN')"/>

        <!--只要认证通过就可以访问-->
        <security:intercept-url pattern="/pages/**" access="isAuthenticated()"/>

        <!--form-login：定义表单登录信息-->
        <security:form-login login-page="/login.html"
                             username-parameter="username"
                             password-parameter="password"
                             login-processing-url="/login.do"
                             default-target-url="/pages/main.html"
                             authentication-failure-url="/login.html"/>
        <!--
            csrf：对应CsrfFilter过滤器
            disabled：是否启用CsrfFilter过滤器，如果使用自定义登录页面需要关闭此项，否则登录操作会被禁用（403）
        -->
        <security:csrf disabled="true"/>

        <!--
            logout:退出登录
            logout-url:退出登录后操作对应的请求路径
            logout-success-url:退出登录后的跳转页面
        -->
        <security:logout logout-url="/logout.do" logout-success-url="/login.html" invalidate-session="true"/>

    </security:http>

    <!--authentication-manager：认证管理器，用于处理认证操作 -->
    <security:authentication-manager>
        <!--authentication-provider：认证提供者，执行具体的认证逻辑 -->
        <security:authentication-provider user-service-ref="springSecurityUserServiceImpl">

            <!--指定对密码进行加密的对象-->
            <security:password-encoder ref="passwordEncoder"/>

        </security:authentication-provider>
    </security:authentication-manager>

    <!--配置密码加密对象-->
    <bean id="passwordEncoder" class="org.springframework.security.crypto.bcrypt.BCryptPasswordEncoder"/>

    <!--开启注解方式权限控制-->
    <security:global-method-security pre-post-annotations="enabled"/>

    <!--注入springSecurityUserServiceImpl对象-->
    <bean id="springSecurityUserServiceImpl" class="com.itheima.service.SpringSecurityUserServiceImpl"/>

</beans>

用户的认证和授权controller层

  1. 创建一个类实现UserDetailsService接口重写loadUserByUsername()方法
  2. 通过dubbo调用zookeeper注册中心的UserService
  3. 根据传递的username调用userService查询用户信息
  4. 如果查出来是null则返回空
  5. 如果不为空创建一个权限集合范围为GrantedAuthorty
  6. 根据查询到的用户的信息获取用户的角色信息并授予角色
  7. 遍历角色信息查询用户的权限信息并授予权限
  8. 创建srping security里面的user对象传入三个参数用户名、用户的加密密码、授权的集合信息
  9. 将spring scurity下的user返回
package com.itheima.service;

import com.alibaba.dubbo.config.annotation.Reference;
import com.itheima.pojo.Permission;
import com.itheima.pojo.Role;
import com.itheima.pojo.User;
import org.springframework.security.core.GrantedAuthority;
import org.springframework.security.core.authority.SimpleGrantedAuthority;
import org.springframework.security.core.userdetails.UserDetails;
import org.springframework.security.core.userdetails.UserDetailsService;
import org.springframework.security.core.userdetails.UsernameNotFoundException;

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

/**
 * @author 陈朋
 * @date 2021/1/7 0007 21:10
 */
public class SpringSecurityUserServiceImpl implements UserDetailsService {

    /**
     * 使用dubbo通过网络远程调用服务提供方获取用户信息
     */
    @Reference
    private UserService userService;

    /**
     * 根据用户名查询数据库获取用户信息
     *
     * @param username 用户的名称
     * @return UserDetails
     * @throws UsernameNotFoundException 用户信息找不到异常
     */
    @Override
    public UserDetails loadUserByUsername(String username) throws UsernameNotFoundException {
        User user = userService.findUserByUsername(username);
        if (user==null){
            return null;
        }

        List<GrantedAuthority> list=new ArrayList<>();

        //动态为用户授权
        //获取用户的角色信息
        Set<Role> roles = user.getRoles();
        //遍历角色集合,为用户授予角色
        for (Role role : roles) {
            list.add(new SimpleGrantedAuthority(role.getKeyword()));
            //获取角色的权限信息
            Set<Permission> permissions = role.getPermissions();
            //遍历权限集合,为用户授权
            for (Permission permission : permissions) {
                //遍历权限集合,为用户授权
                list.add(new SimpleGrantedAuthority(permission.getKeyword()));
            }
        }

        return new org.springframework.security.core.userdetails.User(username,user.getPassword(),list);
    }
}

service接口以及实现类、mapper接口以及xml文件

package com.itheima.service;

import com.itheima.pojo.User;

/**
 * @author 陈朋
 * @date 2021/1/7 0007 21:13
 */
public interface UserService {

    /**
     * 根据用户名查询用户信息
     * @param username 用户名
     * @return 用户实体类
     */
    User findUserByUsername(String username);

}


package com.itheima.service.impl;

import com.alibaba.dubbo.config.annotation.Service;
import com.itheima.dao.PermissionDao;
import com.itheima.dao.RoleDao;
import com.itheima.dao.UserDao;
import com.itheima.pojo.Permission;
import com.itheima.pojo.Role;
import com.itheima.pojo.User;
import com.itheima.service.UserService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.transaction.annotation.Transactional;

import java.util.Set;

/**
 * 用户服务接口
 *
 * @author 陈朋
 * @date 2021/1/7 0007 21:29
 */
@Service(interfaceClass = UserService.class)
@Transactional(rollbackFor = Exception.class)
@SuppressWarnings("all")
public class UserServiceImpl implements UserService {
    @Autowired
    private PermissionDao permissionDao;
    @Autowired
    private RoleDao roleDao;
    @Autowired
    private UserDao userDao;

    /**
     * 根据用户名查询数据库获取用户信息关联的角色的信息,同时需要查询角色关联的权限的信息
     *
     * @param username 用户名
     * @return user对象
     */
    @Override
    public User findUserByUsername(String username) {
        //根据用户名查询用户信息
        User user = userDao.findUserByUsername(username);
        if (user == null) {
            //如果用户不存在直接返回null
            return null;
        }
        //获取用户的id
        Integer userId = user.getId();
        //根据用户的di查对应的角色
        Set<Role> roles = roleDao.findByUserId(userId);
        //编辑角色信息
        for (Role role : roles) {
            //获取角色的id
            Integer roleId = role.getId();
            //根据角色的id查询权限信息
            Set<Permission> permissions = permissionDao.findByRoleId(roleId);
            //角色关联权限
            role.setPermissions(permissions);
        }
        //用户关联角色
        user.setRoles(roles);
        return user;
    }
}

public interface UserDao {

    /**
     * 根据用户名查询用户信息
     * @param username 用户名
     * @return 用户对象
     */
    User findUserByUsername(String username);

}

public interface RoleDao {

    /**
     * 根据用户的id查询角色信息
     * @param userId 用户的id
     * @return 封装角色的set集合
     */
    Set<Role> findByUserId(Integer userId);

}

public interface PermissionDao {
    /**
     * 根据角色的id查询权限信息
      * @param roleId 角色的id
     * @return 封装权限信息的set集合
     */
    Set<Permission> findByRoleId(Integer roleId);

}

在controller上加权限控制注解

/**
     * 根据id删除检查项
     *
     * @param id 要删除的检查项的id
     * @return 封装后的查询结果
     */
    @PreAuthorize("hasAuthority('CHECKITEM_DELETE')")
    @GetMapping("/delete")
    public Result delete(Integer id) {
        try {
            checkItemService.deleteById(id);
        } catch (Exception e) {
            e.printStackTrace();
            return  Result.failed( MessageConstant.DELETE_CHECKITEM_FAIL);
        }
        return  Result.success( MessageConstant.DELETE_CHECKITEM_SUCCESS);
    }

echarts简介

概念：最牛逼的图形数据表

  1. 根据官网五分钟入门
  2. 连接echatrs入门

项目导入

  1. 导入echarts.js文件<script src="../plugins/echarts/echarts.js"></script>
  2. 导入echarts界面的div
            <div class="app-container">
                <div class="box">
                    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
                    <div id="chart1" style="height:600px;"></div>
                </div>

前台页面

<!DOCTYPE html>
<html lang="ch">
    <head>
        <!-- 页面meta -->
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>传智健康</title>
        <meta name="description" content="传智健康">
        <meta name="keywords" content="传智健康">
        <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
        <!-- 引入样式 -->
        <link rel="stylesheet" href="../css/style.css">
        <script src="../plugins/echarts/echarts.js"></script>
    </head>
    <body class="hold-transition">
        <div id="app">
            <div class="content-header">
                <h1>统计分析<small>会员数量</small></h1>
                <el-breadcrumb separator-class="el-icon-arrow-right" class="breadcrumb">
                    <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
                    <el-breadcrumb-item>统计分析</el-breadcrumb-item>
                    <el-breadcrumb-item>会员数量</el-breadcrumb-item>
                </el-breadcrumb>
            </div>
            <div class="app-container">
                <div class="box">
                    <!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
                    <div id="chart1" style="height:600px;"></div>
                </div>
            </div>
        </div>
    </body>
    <!-- 引入组件库 -->
    <script src="../js/vue.js"></script>
    <script src="../js/axios-0.18.0.js"></script>
    <script type="text/javascript">
        // 基于准备好的dom，初始化echarts实例
        let myChart1 = echarts.init(document.getElementById('chart1'));

        // 使用刚指定的配置项和数据显示图表。
        //myChart.setOption(option);

        axios.get("/report/getMemberReport.do").then((res)=>{
            myChart1.setOption(
                                {
                                    title: {
                                        text: '会员数量'
                                    },
                                    tooltip: {},
                                    legend: {
                                        data:['会员数量']
                                    },
                                    xAxis: {
                                        data: res.data.data.months
                                    },
                                    yAxis: {
                                        type:'value'
                                    },
                                    series: [{
                                        name: '会员数量',
                                        type: 'line',
                                        data: res.data.data.memberCount
                                    }]
                                });
        });
    </script>
</html>

后台代码

@GetMapping("/getMemberReport")
    public Result getMemberReport() {
        Map<String, Object> map = new HashMap<>(2);
        List<String> months = new ArrayList<>();

        //获取日历对象,得到的时间就是当前时间
        Calendar calendar = Calendar.getInstance();
        //获取当前日期之前的六个月日期
        calendar.add(Calendar.MONTH, -12);
        for (int i = 0; i < 12; i++) {
            calendar.add(Calendar.MONTH, 1);
            SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy.MM");
            Date date = calendar.getTime();
            String memberDate = simpleDateFormat.format(date);
            months.add(memberDate);
        }
        //将前六个月注册的会员封装到map集合中
        map.put("months", months);
        List<Integer> memberCount = memberService.findMemberCountByMonth(months);
        map.put("memberCount", memberCount);
        if (map.isEmpty()) {
            return Result.failed("查询数据失败");
        }
        return Result.success(MessageConstant.GET_MEMBER_NUMBER_REPORT_SUCCESS, map);
    }
唔艾爪哇
关注
专栏目录
ssm+vue项目实战
11-21
vue实战项目，前端框架使用vue+bootstrap，后端框架使用的是spring+springmvc+mybatis，数据库使用mysql，包含全套代码
基于ssm的权限管理系统
04-16
使用ssm框架实现的简单的权限管理，实现了权限树、添加权限，更新权限等功能，还包含了日志管理，角色管理等功能，内附数据库。
基于ssm+vue.js+uniapp的多角色学生管理系统附带文章和源代码部署视频讲解等
fanheng1231的博客
07-08 577
🌞博主介绍：✌CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战，以及程序定制化开发、全栈讲解、就业辅导、面试辅导、简历修改。✌🌞👇🏻精彩专栏 推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2023-2024年最值得选的Java毕业设计选题大全：500个热门选题推荐✅。
SpringBoot+Vue前后端分离，使用SpringSecurity完美处理权限问题
10-12
转载他人 https://blog.csdn.net/u012702547/article/details/79010010 https://blog.csdn.net/u012702547/article/details/79019510
基于java+ssm+vue的多角色学生管理系统-计算机毕业设计
QQ123311197的博客
07-18 133
现代经济快节奏发展以及不断完善升级的信息化技术,让传统数据信息的管理升级为软件存储,归纳,集中处理数据信息的管理方式。本学生管理系统就是在这样的大环境下诞生,其可以帮助管理者在短时间内处理完毕庞大的数据信息,使用这种软件工具可以帮助管理人员提高事务处理效率,达到事半功倍的效果。此学生管理系统利用当下成熟完善的SSM框架,使用跨平台的可开发大型商业网站的Java语言,以及最受欢迎的RDBMS应用软件之一的Mysql数据库进行程序开发。实现了学生基础数据的管理,注册老师信息的审核,公告信息的发布等功能。学生管理
基于SpringBoot+Vue的高校学科竞赛平台附带文章和源代码
wishcoding的博客
02-07 860
🌞博主介绍：✌CSDN特邀作者、985计算机专业毕业、某互联网大厂高级全栈开发程序员、码云/掘金/华为云/阿里云/InfoQ/StackOverflow/github等平台优质作者、专注于Java、小程序、前端、python等技术领域和毕业项目实战，以及程序定制化开发、全栈讲解、就业辅导、面试辅导、简历修改。✌🌞👇🏻精彩专栏 推荐订阅👇🏻2023-2024年最值得选的微信小程序毕业设计选题大全：100个热门选题推荐✅2023-2024年最值得选的Java毕业设计选题大全：500个热门选题推荐✅。
毕业设计-基于ssm+vue疫情期间医院门诊管理系统-设计与实现（源码 + LW + PPT + 演示视频）.zip
08-21
毕业设计-基于ssm+vue疫情期间医院门诊管理系统-设计与实现（源码 + LW + PPT + 演示视频） 【项目技术】 开发语言：Java 前端：vue 框架：ssm 架构：B/S 数据库：mysql 【实现功能】 系统前台功能模块： 首页可以...
ssm600基于SSM+vue的毕业生就业管理系统-lw.zip
最新发布
09-23
【框架】：ssm 【前端】：vue/jsp 【JDK版本】：JDK1.8 【服务器】：tomcat7+ 【数据库】：mysql 5.7+ 包含：项目源码、数据库脚本、项目功能介绍文档等，该项目源码可作为毕设使用。 项目都经过严格调试，确保可以...
基于SSM+Vue的疫苗管理系统（毕业设计）
06-08
【权限设计】系统包含管理员+普通用户 运行截图参考文章 【功能描述】疫苗类型管理+疫苗名称管理+公告管理+用户管理+个人信息管理 【项目优点】前后端分离项目，前端框架vue，完成了疫苗管理的基础功能实现 【系统...
基于SSM+Vue的高校学生宿舍管理系统源码+数据库+说明文档（95分以上大作业项目）
06-25
基于SSM+Vue的高校学生宿舍管理系统源码+数据库+说明文档（95分以上大作业项目）该项目是个人大作业项目源码，项目中的源码都是经过本地编译过可运行的，都经过严格调试，确保可以运行！！！评审分达到95分以上。...
基于SSM+Vue的农业信息管理系统（源码+部署说明+系统介绍+源码解释）.zip
04-24
基于SSM(Spring+SpringMVC+MyBatis)和Vue.js的...总之，基于SSM+Vue的农业信息管理系统是一个功能强大、易于使用的农业信息化解决方案，可以帮助农民和农业企业更好地管理和运营农业生产活动，提高生产效率和经济效益。
仿医院体检表+数据库
04-24
仿医院体检表,数据库,与大家一起分享起来
vuejs实现健康评估问卷代码.rar
05-23
健康问卷纯html前端模板，前端框架vue.js，适合问卷，答题，统计等，只有一个html页面，纯vue实现，健康评估，健康问卷调查
医院体检管理系统(设计文档+源码)
06-14
文档部分：有软件工程开发全过程，包含需求分析，概要设计，数据库设计，详细设计以及小工程表和大工程表的设计模版等等，是一个较为完备的一套设计思路。 源码功能：内有数据库设计，用户注册，登陆，修改密码界面；主界面有体检登记，项目预览和预定，体检费用统计和项目录入，同时还有结果的录入；系统管理员还有对数据导入和导出的权限
SSM+Shiro实现权限角色控制
11-07
SSM+Shiro实现权限角色控制，+Maven+Tomcat+Mysql，项目可直接在eclipse上跑，数据库表也附件在压缩包中。
项目管理系统的基本增删改查功能实现
01-24
初学自己写的一个小的管理软件的 增删改查的基本功能实现 希望有用
基于springboot的大学生入学审核系统
2401_82770201的博客
03-13 793
功能对照表的目的是帮助开发团队了解软件的功能状况，及时修复功能缺陷和错误，并提高软件的质量和稳定性。功能编号功能名称功能描述功能状态备注1用户登录用户可以通过提供用户名和密码登录系统正常用户名和密码的验证机制安全性2用户注册用户可以通过提供用户名、密码和电子邮件地址注册新的账户正常无3密码修改用户可以通过提供原密码和新密码修改已有账户的密码正常用户密码的修改操作是否需要提供安全认证4用户信息查看用户可以查看自己的个人信息，如用户名、电子邮件地址、角色等正常无。
基于ssm+vue的综合项目 健康体检管理系统-第二章--管理系统-检查项管理
weixin_45087693的博客
12-26 637
搭建基础环境 创建数据库以及数据表结构（根据建模工具导出的sql语句） /*==============================================================*/ /* DBMS name: MySQL 5.0 */ /* Created on: 2020/12/25 星期五 14:37:02 */ /*===============
Vue 角色权限管理设计与实现
weixin_42854769的博客
04-15 3556
目前项目中使用到的角色权限管理共分为三级，分别是页面级、行为级（控件级）、接口级，这里记录一下三级权限在 Vue 中的实现。 一、接口设计 用户登录后该用户的角色与权限信息会一同返回给前端，前端将这些信息存储到状态管理里备用即可。 权限信息为树形结构数据，包括： 该用户可访问的页面数据 该用户可执行的行为数据 该用户可访问的接口数据 三者的关系为页面数据为父级，页面数据内包含行为数据和接口数据，而行为数据和接口数据为兄弟级别。 原本的设计将行为数据和接口数据设计为父子级的关系，后来发现这样做在实际业务中
基于java-ssm+vue的高校共享单车管理系统源码解析
资源摘要信息:"java-ssm+vue高校共享单车管理系统实现源码(项目源码-说明文档)源码分析" 本系统是一个针对高校环境设计的共享单车管理系统，采用了java作为主要的编程语言，并结合了ssm（Spring、SpringMVC、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值