基于SpringBoot+Vue的设备档案管理系统设计与实现(源码+lw+部署+讲解)

前言

🌞博主介绍:✌CSDN特邀作者、全栈领域优质创作者、10年IT从业经验、码云/掘金/知乎/B站/华为云/阿里云等平台优质作者、专注于Java、小程序/APP、python、大数据等技术领域和毕业项目实战,以及程序定制化开发、文档编写、答疑辅导等。✌🌞

👇🏻 精彩专栏 推荐订阅👇🏻
2023-2024年最值得选的微信小程序毕业设计选题大全:200个热门选题推荐✅

2023-2024年最值得选的计算机毕业设计选题大全:500个热门选题推荐✅

Java精品实战案例《500套》

微信小程序项目精品案例《200套》
🌞文末获取源码+数据库+文档🌞
感兴趣的可以先收藏起来,还有大家在毕设选题,项目以及论文编写等相关问题都可以给我留言咨询,希望帮助更多的人


技术环境

jdk版本:1.8 及以上
ide工具:Eclipse或者 IDEA
数据库: mysql5.7
编程语言: Java
java框架:SpringBoot
maven: 3.6.1
详细技术:HTML+CSS+JAVA+SpringBoot+MYSQL+VUE+MAVEN


功能设计

本档案管理系统主要完成了对系统首页、个人中心、员工管理、客户信息管理、设备类型管理、设备型号管理、设备信息管理、设备维修管理、设备保养管理、定检信息管理、配件信息管理、配件采购管理、合同信息管理等功能进行管理。方便了管理员随时随地,只要电脑联网,就能对档案进行管理。同时,还可以方便快捷查询自己的档案信息。
本课题提出了一种基于面向对象的思想方法,以适应系统的实际功能与性能要求。为了使档案管理更具自动化和亲和力,在对档案进行简单的需求分析之后,将其分为两大功能模块,分别为管理员和员工信息。其用例如下:
在这里插入图片描述

在这里插入图片描述

系统总体功能结构图如下所示:
在这里插入图片描述

本程序在设计结构选择上首选B/S,也是为了满足程序今后升级便利,以及程序低维护成本的要求。本程序的网络拓扑设计也会在下图展示,通过图形的方式来描述更容易理解。
在这里插入图片描述


系统实现效果

登录功能模块

系统登录,在登录页面选择需要登录的角色,在正确输入用户名和密码后,进入操作系统进行操作;如图所示。

在这里插入图片描述

管理员功能模块

管理员进入主页面,主要功能包括对系统首页、个人中心、员工管理、客户信息管理、设备类型管理、设备型号管理、设备信息管理、设备维修管理、设备保养管理、定检信息管理、配件信息管理、配件采购管理、合同信息管理等进行操作。管理员主页面如图所示:
管理员点击客户信息管理。在客户信息页面输入客户编号和公司名称进行查询、新增或删除客户信息列表,并根据需要对客户详情信息进行详情、修改或删除操作;如图所示:
在这里插入图片描述

管理员点击设备信息管理。在设备信息页面输入设备编号、设备名称、选择设备类型、设备型号和设备状态进行查询、新增或删除设备信息列表,并根据需要对设备详情信息进行详情、修改或删除操作;如图所示:

在这里插入图片描述

管理员点击设备维修管理。在设备维修页面输入设备名称和设备类型进行查询或删除设备维修列表,并根据需要对设备维修详情信息进行详情、修改或删除操作;如图所示:
在这里插入图片描述

管理员点击设备保养管理。在设备保养页面输入设备名称和设备类型进行查询或删除设备保养列表,并根据需要对设备保养详情信息进行详情、修改或删除操作;如图所示:
在这里插入图片描述

管理员点击定检信息管理。在定检信息页面输入设备编号、设备名称和设备类型进行查询或删除定检信息列表,并根据需要对定检详情信息进行详情、修改或删除操作;如图所示:
在这里插入图片描述

管理员点击配件信息管理。在配件信息页面输入配件名称和配件类型进行查询、新增或删除配件信息列表,并根据需要对配件详情信息进行详情、修改或删除操作;如图所示:
在这里插入图片描述

管理员点击配件采购管理。在配件采购页面输入配件名称、配件类型和公司名称进行查询或删除配件采购列表,并根据需要对配件采购详情信息进行详情、签订合同、修改或删除操作;如图所示:

在这里插入图片描述

管理员点击合同信息管理。进入合同信息页面输入合同编号、合同名称进行查询、打印或删除合同信息列表,并根据需要对合同详细信息进行详情、修改或删除操作。如图所示:

在这里插入图片描述

员工功能模块

员工进入系统可以对系统首页、个人中心、客户信息管理、设备信息管理、设备维修管理、设备保养管理、定检信息管理、配件信息管理、配件采购管理等功能进行操作。员工主页面如图所示:

在这里插入图片描述

员工点击设备信息管理。在设备信息页面输入设备编号、设备名称、选择设备类型、设备型号和设备状态进行查询设备信息列表,并根据需要对设备详细信息进行详情、维修、保养或定检操作。如图所示:

在这里插入图片描述

员工点击配件信息管理。在配件信息页面输入配件名称和配件类型进行查询配件信息列表,并根据需要对配件详细信息进行详情或采购操作。如图所示:
在这里插入图片描述

为什么选择我们

在这里插入图片描述

自己的公众号(一点毕设)

在这里插入图片描述

海量实战案例

所有实战项目源码均为博主收集和开发,亲测可用,质量保障,大家可以放心使用,当然也可根据需求定制开发。
在这里插入图片描述

代码参考

// 忽略权限验证的注解
@IgnoreAuth
@PostMapping(value = "/login")
public R login(String username, String password, String captcha, HttpServletRequest request) {
   // 查询用户信息
   UsersEntity user = userService.selectOne(new EntityWrapper<UsersEntity>().eq("username", username));
   // 判断用户是否存在或密码是否正确
   if(user==null || !user.getPassword().equals(password)) {
      return R.error("账号或密码不正确");
   }
   // 生成token
   String token = tokenService.generateToken(user.getId(),username, "users", user.getRole());
   return R.ok().put("token", token);
}

// 生成token
@Override
public String generateToken(Long userid,String username, String tableName, String role) {
   // 查询是否存在已有token
   TokenEntity tokenEntity = this.selectOne(new EntityWrapper<TokenEntity>().eq("userid", userid).eq("role", role));
   // 生成随机token字符串
   String token = CommonUtil.getRandomString(32);
   // 设置token过期时间为1小时后
   Calendar cal = Calendar.getInstance();   
   cal.setTime(new Date());   
   cal.add(Calendar.HOUR_OF_DAY, 1);
   if(tokenEntity!=null) {
      // 更新token信息
      tokenEntity.setToken(token);
      tokenEntity.setExpiratedtime(cal.getTime());
      this.updateById(tokenEntity);
   } else {
      // 新建token记录
      this.insert(new TokenEntity(userid,username, tableName, role, token, cal.getTime()));
   }
   return token;
}

/**
 * 权限(Token)验证拦截器
 */
@Component
public class AuthorizationInterceptor implements HandlerInterceptor {

    // 定义Token在请求Header中的键名
    public static final String LOGIN_TOKEN_KEY = "Token";

    @Autowired
    private TokenService tokenService;
    
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        // 支持跨域请求
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Credentials", "true");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with,request-source,Token, Origin,imgType, Content-Type, cache-control,postman-token,Cookie, Accept,authorization");
        response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));

        // 跨域时会首先发送一个OPTIONS请求,这里我们给OPTIONS请求直接返回正常状态
        if (request.getMethod().equals(RequestMethod.OPTIONS.name())) {
            response.setStatus(HttpStatus.OK.value());
            return false;
        }
        
        // 获取HandlerMethod注解
        IgnoreAuth annotation;
        if (handler instanceof HandlerMethod) {
            annotation = ((HandlerMethod) handler).getMethodAnnotation(IgnoreAuth.class);
        } else {
            return true;
        }

        // 从header中获取token
        String token = request.getHeader(LOGIN_TOKEN_KEY);
        
        /**
         * 不需要验证权限的方法直接放过
         */
        if(annotation!=null) {
            return true;
        }
        
        // 根据token获取token实体
        TokenEntity tokenEntity = null;
        if(StringUtils.isNotBlank(token)) {
            tokenEntity = tokenService.getTokenEntity(token);
        }
        
        if(tokenEntity != null) {
            // 将用户信息存入session
            request.getSession().setAttribute("userId", tokenEntity.getUserid());
            request.getSession().setAttribute("role", tokenEntity.getRole());
            request.getSession().setAttribute("tableName", tokenEntity.getTablename());
            request.getSession().setAttribute("username", tokenEntity.getUsername());
            return true;
        }
        
        // 验证失败,返回401错误和提示信息
        PrintWriter writer = null;
        response.setCharacterEncoding("UTF-8");
        response.setContentType("application/json; charset=utf-8");
        try {
            writer = response.getWriter();
            writer.print(JSONObject.toJSONString(R.error(401, "请先登录")));
        } finally {
            if(writer != null){
                writer.close();
            }
        }
        return false;
    }
}

这段Java代码主要是一个登录功能的实现,涉及到生成Token和权限验证的拦截器。

@IgnoreAuth 注解:这是一个自定义的注解,用于标识不需要进行权限验证的方法。

@PostMapping(value = “/login”):这是一个使用POST请求方式的登录接口。

login 方法:该方法接收用户名、密码和验证码作为参数,并返回一个包含生成的Token的响应对象。首先通过用户名查询用户信息,然后判断用户是否存在并验证密码是否正确。如果验证失败,则返回错误提示;如果验证成功,则调用 generateToken 方法生成Token,并将其添加到响应对象中返回。

generateToken 方法:该方法用于生成Token。首先查询是否存在已有的Token实体,然后生成一个随机的Token字符串。接下来,设置Token的过期时间为当前时间加上1小时,并根据情况进行更新或插入Token记录。最后返回生成的Token字符串。

AuthorizationInterceptor 类:这是一个权限验证拦截器实现类。它实现了 HandlerInterceptor 接口,用于在请求处理之前进行权限验证。在 preHandle 方法中,首先设置支持跨域请求的相关头信息,并处理跨域时的 OPTIONS 请求。然后,通过反射获取请求处理方法上的 @IgnoreAuth 注解,如果存在该注解,则直接放过。接着,从请求头中获取 Token,并根据 Token 获取对应的 Token 实体。如果 Token 实体存在,则将用户信息存入 session,并放行请求。如果验证失败,则返回401错误和相应的提示信息。

总结,这段代码实现了一个基本的登录功能,并加入了对权限的验证拦截,确保只有拥有有效 Token 的用户才能访问受限资源。

源码及文档获取

文章下方名片联系我即可~
大家点赞、收藏、关注、评论啦 、查看👇🏻获取联系方式👇🏻
精彩专栏推荐订阅:在下方专栏👇🏻
Java精品实战案例《500套》
微信小程序项目精品案例《500套》

1 概述 -------------------------------------------------------4 2总体设计 ----------------------- --------------------------------4 2.1 需求: ------------------------------------------------------ 4 2.2选择的软件解决方案,简单介绍优点及软件学院要求 ------ 4 2.3系统中的模块构成、分工、关系、主控模块(要求界面)----- 4 2.4具体系统功能需求描述 --------------------------------------------------- 5 2.5数据库设计 -------------------------------------------------- 6 2.6影响性能 ------------------------------------------------- 12 2.7系统构架 -------------------------------------------------- 12 3登陆模块的开发 -------------------------------------------------- 13 3.1简易登陆流程 -------------------------------------------------- 13 3.2登陆系统总体构架 -------------------------------------------------- 17 3.3 班主任班级课程录入功能 --------------------------------------------------- 18 3.4模块的主要函数构架 ---------------------------------------------------- 22 4遇到的问题及解决方法 ----------------------------------------------------- 22 5小结 ----------------------------------------------------- 23 5.1系统评价 ---------------------------------------------------- 23 5.2设计体会 --------------------------------------------------- 24 6致谢 --------------------------------------------------- 24 7参考文献 -------------------------- 24 8附录 --------------------------------------------------- 24
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值