使用AES，前端加密，后端解密，spring工具类了

news2024/11/19 12:30:29

学习python的时候，看到很多会对参数进行加密，于是好奇心驱使下，让我去了解了下AES加密如何在java中实现。

首先

npm install crypto-js

然后在你的方法中，给你们前端源码看看，因为我用的ruoyi框架做的实验，请求可能不是axios发送的请求

<template>
  <div id="app">
    <div>index2222222</div>
  </div>
</template>

<script>
import * as echarts from "echarts";
import {listCar} from "@/api/shopcar/car";
import {listSchool, qryName, qryScore} from "@/api/shool/school";
export default {
  data() {
    return {
      // 遮罩层
      loading: true,
      // 选中数组
      ids: [],
      // 非单个禁用
      single: true,
      // 非多个禁用
      multiple: true,
      // 显示搜索条件
      showSearch: true,
      // 总条数
      total: 0,
      // 【请填写功能名称】表格数据
      carList: [],
      //测试数组
      demoList:[],
      // 弹出层标题
      title: "",
      // 是否显示弹出层
      open: false,
      // 查询参数
      queryParams: {
        pageNum: 1,
        pageSize: 10,
        spuId: null,
        spuName: null,
        skuId: null,
        skuInfo: null,
        num: null,
        tenantId: null,
        tenantName: null,
        userId: null,
        username: null,
        isSelect: null,
        addPrice: null,
        price: null,
      },
      // 表单参数
      form: {},
      // 表单校验
      rules: {
      }
    }
  },
  created() {

  },
  //钩子函数
  mounted() {
    this.qryScore();
    this.jiami();
  },
  methods: {
    jiami(){
      // 引入crypto-js库
      const CryptoJS = require('crypto-js');
// 定义密钥
      const key = CryptoJS.enc.Utf8.parse('1234567890123456'); // 密钥长度为16字节
// 定义待加密的文件内容
      const fileContent = 'Hello, World!';
// 加密文件内容
      const encrypted = CryptoJS.AES.encrypt(fileContent, key, {
        mode: CryptoJS.mode.ECB, // 加密模式为ECB
        padding: CryptoJS.pad.Pkcs7 // 填充方式为Pkcs7
      });
// 打印加密后的内容
      console.log('加密后的内容：', encrypted.toString());
// 解密文件内容
      const decrypted = CryptoJS.AES.decrypt(encrypted, key, {
        mode: CryptoJS.mode.ECB, // 加密模式为ECB
        padding: CryptoJS.pad.Pkcs7 // 填充方式为Pkcs7
      });
// 打印解密后的内容
      console.log('解密后的内容：', decrypted.toString(CryptoJS.enc.Utf8));
    },
    qryScore() {
      this.loading = true;
      qryScore().then(response => {
        console.log(1234)
        console.log(response)
        this.draw(response)
      });
    },
    draw(data) {
      // 初始化echarts实例
      let myChart = echarts.init(document.getElementById('myChart'))
      console.log(this.$echarts)
      myChart.setOption( {
        title: {
          text: 'ECharts 入门示例'
        },
        tooltip: {},
        xAxis: {
          data: data.name
        },
        yAxis: {},
        series: [
          {
            name: '销量',
            type: 'bar',
            data: data.grade
          }
        ]
      });
    }
  }
}
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
}
</style>

实现结果

主要代码

// 引入crypto-js库
const CryptoJS = require('crypto-js');

// 定义密钥
const key = CryptoJS.enc.Utf8.parse('1234567890123456'); // 密钥长度为16字节

// 定义待加密的文件内容
const fileContent = 'Hello, World!';

// 加密文件内容
const encrypted = CryptoJS.AES.encrypt(fileContent, key, {
  mode: CryptoJS.mode.ECB, // 加密模式为ECB
  padding: CryptoJS.pad.Pkcs7 // 填充方式为Pkcs7
});

// 打印加密后的内容
console.log('加密后的内容：', encrypted.toString());

// 解密文件内容
const decrypted = CryptoJS.AES.decrypt(encrypted, key, {
  mode: CryptoJS.mode.ECB, // 加密模式为ECB
  padding: CryptoJS.pad.Pkcs7 // 填充方式为Pkcs7
});

// 打印解密后的内容
console.log('解密后的内容：', decrypted.toString(CryptoJS.enc.Utf8));

然后我们对请求加密。

后端我是参照这个文章写的，他是真正的大牛，感觉他的文章都写的好有用，虽然自己看不懂。

AES+自定义密钥实现加密解密（前端+后端）_crypto aes加密 自定义密钥-CSDN博客

先生成我们要的秘钥，然后把我们前端改了就行，我是在spring环境中，记得要在上面文件修改下，因为他好像不是spring环境下的配置。

成功了哈，我根据大佬文件改了改放在spring框架下也能用了，那么大致思路就有了，前端加密，后端解密就行了。

后端解密

大致思路有了，前端根据后端的秘钥进行加密发送，后端解密即可，偷个小懒我就不写了。

我把根据大佬修改后适配于spring环境下的配置文件写在下面了，因为我发现很多文章都只是个类并不适配于spring环境，还要单独修改，所以我改了那么一点点，弄出了工具类，大家粘贴复制即可。

package com.ruoyi.web.controller.utils;

import org.apache.commons.codec.binary.Hex;
import org.apache.commons.codec.digest.DigestUtils;
import org.springframework.stereotype.Component;
import sun.misc.BASE64Decoder;
import sun.misc.BASE64Encoder;

import javax.crypto.Cipher;
import javax.crypto.KeyGenerator;
import javax.crypto.spec.SecretKeySpec;
import java.nio.charset.StandardCharsets;
import java.security.SecureRandom;

/**
 * AES 加密工具类
 */
@Component
public class AesUtil {
  // 加密算法RSA
  public static final String KEY_ALGORITHM = "AES";
  //编码方式
  public static final String CODE_TYPE = "UTF-8";
  //填充类型 AES/ECB/PKCS5Padding   AES/ECB/ISO10126Padding
  public static final String AES_TYPE = "AES/ECB/PKCS5Padding";

  /**
   * 自定义内容加盐，生成AES秘钥
   */
  public  String generateAESKey(){
    return DigestUtils.md5Hex(getSalt(6)).substring(8, 24);
  }

  /**
   * 随机生成加盐类
   */
  public  String getSalt(int n){
    char[] chars = ("ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz" +
            "1234567890!@#$%^&*()_+").toCharArray();
    StringBuilder stringBuilder = new StringBuilder();
    SecureRandom random = new SecureRandom();
    for(int i = 0; i < n; i++){
      stringBuilder.append(chars[random.nextInt(chars.length)]);
    }
    return stringBuilder.toString();
  }

  /**
   * 加密
   * @param clearText 明文
   * @param aesKey AES秘钥
   * @return 加密串
   */
  public String encryptAes(String clearText, String aesKey) {
    try {
      SecretKeySpec key = new SecretKeySpec(aesKey.getBytes(), KEY_ALGORITHM);
      Cipher cipher = Cipher.getInstance(AES_TYPE);
      cipher.init(Cipher.ENCRYPT_MODE, key);
      byte[] encryptedData = cipher.doFinal(clearText.getBytes(CODE_TYPE));
      return new BASE64Encoder().encode(encryptedData);
    } catch (Exception e) {
      throw new RuntimeException("加密失败", e);
    }
  }

  /**
   * 解密
   * @param encryptText 密文
   * @param aesKey AES秘钥
   * @return 解密串
   */
  public  String decryptAes(String encryptText, String aesKey) {
    try {
      byte[] byteMi = new BASE64Decoder().decodeBuffer(encryptText);
      SecretKeySpec key = new SecretKeySpec(aesKey.getBytes(), KEY_ALGORITHM);
      Cipher cipher = Cipher.getInstance(AES_TYPE);
      cipher.init(Cipher.DECRYPT_MODE, key);
      byte[] decryptedData = cipher.doFinal(byteMi);
      return new String(decryptedData, CODE_TYPE);
    } catch (Exception e) {
      throw new RuntimeException("解密失败", e);
    }
  }

//  public static void main(String[] args) {
//    String aesKey = generateAESKey();
//    String json = "中文，abc,！@#";
//    //加密
//    System.out.println("字符串：" + json);
//    String encrypt = encryptAes(json, aesKey);
//    System.out.println(encrypt);
//    System.out.println("加密后字符串：" + encrypt);
//    //私钥解密
//    System.out.println("解密后字符串：" + decryptAes(encrypt, aesKey));
//  }

}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1863505.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

DelayQueue详解

DelayQueue详解

目录 DelayQueue详解1、DelayQueue简介2、DelayQueue适用场景3、DelayQueue继承体系4、DelayQueue构造函数5、DelayQueue数据结构DelayQueue类的属性注释&#xff1a;DelayQueue使用示例Delayed接口的作用 6、DelayQueue的put方法7、DelayQueue的take方法8、DelayQueue的poll方…
阅读更多...
微信小程序-人脸核身解决方案

微信小程序-人脸核身解决方案

微信小程序-人脸核身解决方案 名词解释 由于不同公司对于 人脸识别的用词不一致&#xff0c;微信小程序背靠腾讯&#xff0c;因此以下的名词主要采集于腾讯云的解释 人脸识别&#xff1a; 主要关注人脸的检测、分析、比对等技术层面&#xff0c;侧重于识别个体身份的技术实现。…
阅读更多...
Centos7源码方式安装sqle及开发相关

Centos7源码方式安装sqle及开发相关

官方文档-源码安装 操作系统&#xff1a;centos:7.9,everything (DVD版应该也可以) (在ubuntu22.04装了两天之后乖乖开了一个新Centos7虚拟机) 镜像&#xff1a;清华大学开源软件镜像站 centos/7.9.2009 安装git sudo yum update -y sudo yum install -y git git --version安…
阅读更多...
使用 Google Gemini 和 SwiftUI 构建 AI 图像识别应用程序

使用 Google Gemini 和 SwiftUI 构建 AI 图像识别应用程序

在本教程中，我们将演示如何使用 Google Gemini API 进行图像识别。这个简单的应用程序允许用户从他们的照片库中选择一张图片，并使用 Gemini 描述照片的内容。 在继续本教程之前，请访问Google AI Studio并创建您自己的 API 密钥（如果您还没有这样做）。 在 Xcode 项目中添…
阅读更多...
考试系统开源意义

考试系统开源意义

在当今信息科技高速发展的时代&#xff0c;考试系统的代码开源化成为了一个备受关注的话题。开源代码意味着代码的可访问性、可修改性和可分享性&#xff0c;为教育机构和开发者们带来了前所未有的便利和机会。本文将深入探讨考试系统代码开源的背景、意义、优势以及实际应用&a…
阅读更多...
Java——IO流（一）-（7/8）：字节流-FileOutputStream、字节流完成文件拷贝

Java——IO流（一）-（7/8）：字节流-FileOutputStream、字节流完成文件拷贝

目录 文件字节输出流&#xff1a;写字节出去 构造器及常用方法 实例演示 案例&#xff1a;文件复制 过程分析 复制照片 复制文件 文件字节输出流&#xff1a;写字节出去 FileOutputStream&#xff08;文件字节输出流&#xff09; 作用&#xff1a;以内存为基准&#x…
阅读更多...
1999年-2022年 商品零售价格指数、城市商品零售价格指数数据

1999年-2022年 商品零售价格指数、城市商品零售价格指数数据

商品零售价格指数&#xff08;RPI&#xff09;是一个关键的经济指标&#xff0c;用于衡量一段时间内商品零售价格的平均变动情况。以下是对商品零售价格指数的详细介绍&#xff1a; 数据简介 定义&#xff1a;商品零售价格指数反映的是与上一年度相比&#xff0c;零售价格的变…
阅读更多...
如何利用AI工具高效写作？

如何利用AI工具高效写作？

利用AI工具进行高效写作已经成为许多人的选择&#xff0c;因为它们能够帮助用户节省时间、提高效率&#xff0c;并在一定程度上保证写作质量。下面小编就和大家分享的一些具体的步骤和建议&#xff0c;帮助大家更好地利用AI工具进行写作。 1.选择合适的AI写作工具 根据自己的写…
阅读更多...
【前端】Vue项目和微信小程序生成二维码和条形码

【前端】Vue项目和微信小程序生成二维码和条形码

前言&#xff1a;哈喽&#xff0c;大家好&#xff0c;我是前端菜鸟的自我修养&#xff01;今天给大家分享Vue项目和微信小程序如何生成二维码和条形码&#xff0c;介绍了JsBarcode、wxbarcode等插件&#xff0c;并提供具体代码帮助大家深入理解&#xff0c;彻底掌握&#xff01…
阅读更多...
图书馆借阅表

图书馆借阅表

DDL 用户表 (Users) 图书表 (Books) 图书类别表 (BookCategories) 图书与类别关联表 (BookCategoryRelations) 借阅记录表 (BorrowRecords) 供应商表 (Suppliers) 采购记录表 (PurchaseRecords) CREATE TABLE Users (user_id INT PRIMARY KEY AUTO_INCREMENT,username …
阅读更多...
解决宝塔linux面板 - 404 Not Found（Nginx）方法

解决宝塔linux面板 - 404 Not Found（Nginx）方法

宝塔Linux面板后台登录提示404 Not Found Nginx如何解决&#xff1f;码笔记&#xff1a;这是因为BT面板丢失了安全登录入口&#xff0c;如下图&#xff1a; 宝塔404 Not Found nginx 解决方法&#xff1a; 1、先SSH远程服务器 2、然后执行命令 bt 14 重新获取宝塔面板URL地址安…
阅读更多...
使用Hugging Face获取BERT预训练模型

使用Hugging Face获取BERT预训练模型

【图书推荐】《从零开始大模型开发与微调&#xff1a;基于PyTorch与ChatGLM》_《从零开始大模型开发与微调:基于pytorch与chatglm》-CSDN博客 BERT是一个预训练模型&#xff0c;其基本架构和存档都有相应的服务公司提供下载服务&#xff0c;而Hugging Face是一家目前专门免费提…
阅读更多...
cJSON源码解析之add_item_to_object函数

cJSON源码解析之add_item_to_object函数

文章目录 前言add_item_to_object函数是干什么的add_item_to_object代码解析函数实现函数原理解析开头的代码constant_key参数的作用最后的if判断 add_item_to_array函数 总结 前言 在我们的日常编程中&#xff0c;JSON已经成为了一种非常常见的数据交换格式。在C语言中&#…
阅读更多...
【Android】android studio简单实现图书馆借阅管理系统

【Android】android studio简单实现图书馆借阅管理系统

希望文章能给到你启发和灵感&#xff5e; 点赞收藏关注 支持一下吧&#xff5e; 阅读指南 序幕一、基础环境说明1.1 硬件环境1.2 软件环境 二、整体设计2.1 数据库逻辑处理&#xff1a;2.2 登录/注册模块2.3 功能界面初始化&#xff1a;2.4 图书管理模块2.5 图书租借服务2.6 读…
阅读更多...
[物联网专题] - 螺钉式接线端子的选择和辨识

[物联网专题] - 螺钉式接线端子的选择和辨识

工业设备上大量使用各式各样的端子来连接外部设备和电缆电线&#xff0c;其中用得最多的就是标准的螺钉式端子&#xff0c;其外形如下&#xff1a; 标准端子一般是2位&#xff08;2个接线端子&#xff09;&#xff0c;端子与端子之间可以级联&#xff0c;组成任意数量的位数。…
阅读更多...
vue项目无后台版本打包上传到服务器

vue项目无后台版本打包上传到服务器

打包项目 也可以在文件目录下npm run build 生成dist文件夹 将dist文件夹里的所有文件拷贝到站点的根目录&#xff0c;这里使用宝塔面板进行操作 前提你得先创建站点&#xff0c;域名绑定等操作
阅读更多...
项目菜单配置

项目菜单配置

stores/index.js import {createStore } from "vuex"; //计算高度 let height window.innerHeight;//计算分辨率 let width window.innerWidth;let activeIndex localStorage.getItem("activeIndex"); if (activeIndex null || activeIndex "&q…
阅读更多...
制图工具（14）导出图层字段属性信息表

制图工具（14）导出图层字段属性信息表

在制图工具&#xff08;13&#xff09;地理数据库初始化工具中我们提到&#xff0c;有一个参数为&#xff1a;“输入Excel表”&#xff0c;并要求表格中的图层字段属性项需要按工具的帮助文档中的示例进行组织… 如下图&#xff1a; 此外&#xff0c;总有那个一个特别的需求&am…
阅读更多...
【单片机毕业设计选题24028】-基于STM32的大棚温湿度采集系统

【单片机毕业设计选题24028】-基于STM32的大棚温湿度采集系统

系统功能: 系统分为手动和自动模式&#xff0c;上电默认为自动模式&#xff0c;自动模式下系统根据采集到的传感器值 自动控制&#xff0c;温度过低后自动开启加热&#xff0c;湿度过高后自动开启通风&#xff0c;光照过低后自动开启补 光&#xff0c;水位过低后自动开启水泵…
阅读更多...
Android 界面库 (二) 之 Data binding 详细介绍

Android 界面库 (二) 之 Data binding 详细介绍

1. 简介 回顾我们在前面文章《Android 界面库 (一) 之 View binding 简单使用》中学习的 View Binding&#xff0c;它旨在简化 View 与代码之间的绑定过程。它会在编译时期为每个 XML 布局文件生成相应的绑定类(Binding class)&#xff0c;该类里包含了布局文件每个有 ID 的 Vi…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023