当前位置：首页 > news >正文

Vue核心知识：动态路由实现完整方案

news 来源：原创 2025/9/10 17:23:38

在这里插入图片描述

在Vue中实现动态路由，并结合后端接口和数据库表设计，是一个复杂的项目，需要多个技术栈和步骤的配合。以下将详细描述整个实现过程，包括数据库设计、后端接口设计、前端路由配置以及如何实现动态路由的功能。

- - 一、需求分析
  - 二、数据库设计
  - - 1.1 路由表（routes）
    - 1.2 角色表（roles）
    - 1.3 用户表（users）
    - 1.4 角色与路由权限表（role_routes）
  - 三、后端接口设计
  - - 2.1 获取用户角色接口
    - 2.2 根据角色获取路由接口
  - 四、前端实现
  - - 4.1 动态路由的基本概念
    - 4.2 前端路由配置
    - 4.3 Vuex管理路由状态
    - 4.4 在组件中动态渲染路由
  - 五、总结

一、需求分析

动态路由的核心需求是：

前端根据后台返回的路由配置，动态地生成路由。
路由信息存储在数据库中，后端根据权限和角色返回给前端相应的路由配置。
前端通过动态加载组件来提升性能。

为了实现这个需求，我们需要完成以下几个方面的工作：

数据库设计：定义表结构，存储用户的权限信息和路由配置。
后端设计：通过接口返回路由配置，并进行权限控制。
前端设计：根据接口返回的路由配置动态生成Vue路由。

二、数据库设计

首先需要设计一个数据库表来存储路由信息。假设我们有一个表来存储系统的路由信息，一个表存储用户和角色的关系，以及角色与权限的关系。

1.1 路由表（routes）

CREATE TABLE routes (id INT AUTO_INCREMENT PRIMARY KEY,path VARCHAR(255) NOT NULL,component VARCHAR(255) NOT NULL,name VARCHAR(255) NOT NULL,parent_id INT DEFAULT 0, meta JSON DEFAULT NULL, is_enabled BOOLEAN DEFAULT TRUE,created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,updated_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP ON UPDATE CURRENT_TIMESTAMP
);

id：路由的唯一标识。
path：路由的路径。
component：组件路径，可以是动态加载的组件路径。
name：路由名称，用于匹配。
parent_id：如果路由是子路由，父路由的ID，支持多级嵌套。
meta：额外的元数据，比如权限、描述等。
is_enabled：标记路由是否启用。
created_at、updated_at：创建和更新时间。

1.2 角色表（roles）

CREATE TABLE roles (id INT AUTO_INCREMENT PRIMARY KEY,name VARCHAR(255) NOT NULL,created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP
);

1.3 用户表（users）

CREATE TABLE users (id INT AUTO_INCREMENT PRIMARY KEY,username VARCHAR(255) NOT NULL,password VARCHAR(255) NOT NULL,role_id INT,created_at TIMESTAMP DEFAULT CURRENT_TIMESTAMP,FOREIGN KEY (role_id) REFERENCES roles(id)
);

1.4 角色与路由权限表（role_routes）

CREATE TABLE role_routes (role_id INT,route_id INT,PRIMARY KEY (role_id, route_id),FOREIGN KEY (role_id) REFERENCES roles(id),FOREIGN KEY (route_id) REFERENCES routes(id)
);

这张表用于记录每个角色对应的路由权限。

三、后端接口设计

后端接口负责查询数据库中的路由信息，并根据用户角色返回相应的路由配置。后端一般会有以下几个接口：

获取用户角色接口：根据用户信息获取用户的角色。
根据角色获取路由接口：根据角色ID查询对应的路由权限。

2.1 获取用户角色接口

@app.route('/api/get_role', methods=['GET'])
def get_user_role():user_id = request.args.get('user_id')user = User.query.get(user_id)if user:return jsonify({'role': user.role.name})return jsonify({'message': 'User not found'}), 404

2.2 根据角色获取路由接口

@app.route('/api/get_routes', methods=['GET'])
def get_routes():role_name = request.args.get('role')role = Role.query.filter_by(name=role_name).first()if not role:return jsonify({'message': 'Role not found'}), 404routes = db.session.query(Route).join(RoleRoute).filter(RoleRoute.role_id == role.id).all()routes_data = []for route in routes:routes_data.append({'path': route.path,'component': route.component,'name': route.name,'meta': route.meta})return jsonify(routes_data)

四、前端实现

4.1 动态路由的基本概念

在Vue中，路由是由vue-router控制的。我们需要根据从后端接口获取的路由数据来动态地配置这些路由。

创建一个路由生成器：这个生成器会根据路由的结构，递归地生成路由配置。
动态加载组件：为了提高性能，可以根据需要动态加载路由对应的组件。

4.2 前端路由配置

假设我们使用vue-router来配置路由。在Vue项目中，我们可以创建一个router/index.js文件，来处理动态路由的生成。

import Vue from 'vue';
import Router from 'vue-router';
import store from '../store';Vue.use(Router);const router = new Router({routes: []
});function generateRoutes(routes) {const routeArray = [];routes.forEach(route => {const routeConfig = {path: route.path,name: route.name,component: () => import(`@/views/${route.component}.vue`), // 动态加载组件meta: route.meta};if (route.children && route.children.length > 0) {routeConfig.children = generateRoutes(route.children);}routeArray.push(routeConfig);});return routeArray;
}router.beforeEach(async (to, from, next) => {if (!store.state.routes.length) {const res = await store.dispatch('getRoutes');const routes = generateRoutes(res);routes.forEach(route => {router.addRoute(route);});next({ ...to, replace: true });} else {next();}
});export default router;

4.3 Vuex管理路由状态

为了管理从后端获取到的路由数据，我们需要使用Vuex来存储路由信息，并在路由初始化时进行调用。

// store.js
import Vue from 'vue';
import Vuex from 'vuex';
import axios from 'axios';Vue.use(Vuex);export default new Vuex.Store({state: {routes: []},mutations: {setRoutes(state, routes) {state.routes = routes;}},actions: {async getRoutes({ commit }) {try {const response = await axios.get('/api/get_routes', {params: {role: 'admin' // 根据用户角色获取路由}});commit('setRoutes', response.data);return response.data;} catch (error) {console.error('Failed to fetch routes:', error);}}},modules: {}
});

4.4 在组件中动态渲染路由

当路由数据更新后，我们需要在App.vue或者根组件中使用Vue Router来管理路由，并且确保路由在动态添加后被正确加载。

<template><div id="app"><router-view></router-view></div>
</template><script>
export default {name: 'App',created() {this.$store.dispatch('getRoutes');}
}
</script>

五、总结

实现Vue中的动态路由不仅仅需要前端的配置，还涉及到后端与数据库的配合。通过数据库存储路由信息和角色权限，后端根据角色返回路由数据，前端通过vue-router动态生成路由配置，并通过vuex管理路由状态。动态加载组件也是提高性能的一个关键点，确保用户只在需要时才加载路由对应的组件。

通过这种方式，系统可以灵活地配置和管理不同用户的权限路由，使得前端界面能够根据用户角色和权限进行个性化的展示。

在这里插入图片描述

Vue核心知识：动态路由实现完整方案

在Vue中实现动态路由，并结合后端接口和数据库表设计，是一个复杂的项目，需要多个技术栈和步骤的配合。以下将详细描述整个实现过程，包括数据库设计、后端接口设计、前端路由配置以及如何实现动态路由的功能。目录一、需求分析二…...

编程日记 2025/9/10 17:23:38

Linux安装jdk，node，mysql，redis

准备工作： 1.安装VMware软件，下载CentOs7镜像文件，在VMware安装CentOs7 2.宿主机安装Xshell用来操作linux 3. .宿主机安装Xftp用来在宿主机和虚拟机的linux传输文件案例1：在 /home/soft文件夹解压缩jdk17，并配置环…...

编程日记 2025/9/9 13:02:22

数据库原理与使用基础教程

数据库原理与使用基础教程大纲数据库基础概述什么是数据库？数据库管理系统（DBMS）概述数据库的类型数据库模型与结构关系型数据库关系型数据库简介表（Table）、字段（Field）、记录&#xff…...

编程日记 2025/9/9 4:23:52

GCC 与 Clang：两大编译器的全面对比与深度解析！

GCC 与 Clang：两大编译器的全面对比与深度解析！🔥 你是否曾为选择编译器而纠结？GCC 和 Clang 作为 C/C 开发中最主流的编译器，它们各自有什么优势和特点？为什么有人说 Clang 更现代，而 GCC 更强…...

编程日记 2025/9/10 17:22:32

创建StreeView的多列样式怎么就像是创建单行单列差不多？貌似就是在单行单列中加入了多列widget? 示例代码 DetailTabWidget #pragma once #include "TreeViewItemBase.h"class SDetailTabWidget : public SCompoundWidget {SLATE_BEGIN_ARGS(SDetailTabWidget){…...

编程日记 2025/9/4 15:35:45

GPT-4.5来了

https://chat.xutongbao.top/...

编程日记 2025/9/10 17:21:52

java后端开发day25--阶段项目（二）

（以下内容全部来自上述课程） 1.美化界面 private void initImage() {//路径分两种：//1.绝对路径：从盘符开始写的路径 D:\\aaa\\bbb\\ccc.jpg//2.相对路径：从当前项目开始写的路径 aaa\\bbb\\ccc.jpg//添加图片的时…...

编程日记 2025/9/6 4:29:36

【小羊肖恩】小羊杯 Round 2 C+K

题目链接：https://ac.nowcoder.com/acm/contest/100672#question C.是毛毛虫吗？ 思路： 其实很简单，假设我们要满足题目所给条件，那么这个毛毛虫最坏情况下肯定是一条如下图所示的无向图右端省略号为对称图形 &…...

编程日记 2025/9/10 4:19:14

计算机网络——详解TCP三握四挥

文章目录前言一、三次握手1.1 三次握手流程1.2 tcp为什么需要三次握手建立连接？ 二、四次挥手2.1 四次挥手流程2.2 为什么是四次，不是三次？2.3 为什么要等待2msl？2.4 TCP的保活计时器前言 TCP和UDP是计算机网络结构中运输层的两…...

编程日记 2025/9/10 17:21:53

PHP实现国密SM4算法,银行系统加密算法，JAVA和PHP可相互转换（附完整源码）

最终实现效果：PHP生成加密串，JAVA代码中完成匹配 JAVA SM4库实现效果 /*** 签名** param content 请求报文体* param secret 密钥* return*/public static String sign(String content, String secret) {String charSet "UTF-8";String c…...

编程日记 2025/9/9 6:35:49

DILLEMA：扩散模型+大语言模型，多模态数据增强框架

引言：深度学习模型的鲁棒性测试需要全面且多样化的测试数据。现有的方法通常基于简单的数据增强技术或生成对抗网络，但这些方法在生成真实且多样化的测试数据集方面存在局限性。为了克服这些限制，DILLEMA框架应运而生，旨在通过结合…...

编程日记 2025/9/10 17:19:39

京东web 详情 cfe滑块分析

声明: 本文章中所有内容仅供学习交流使用，不用于其他任何目的，抓包内容、敏感网址、数据接口等均已做脱敏处理，严禁用于商业用途和非法用途，否则由此产生的一切后果均与作者无关！ 逆向分析 data response.json() pri…...

编程日记 2025/9/10 17:19:42

【Redis学习】Redis Docker安装，自定义config文件（包括RDB\AOF setup）以及与Spring Boot项目集成

【本文内容】第1章：通过Docker安装Redis，并自定义config文件以及mount data目录。第2章：介绍Redis持久化到磁盘，有4种方式：RDB / AOF / NONE / RDB AOF。第3章：使用Server自带的redis-cli工具连接。第4章…...

编程日记 2025/9/10 17:21:08

Python 面向对象编程-继承与多态

目录继承与多态静态语言 vs 动态语言小结继承与多态在OOP程序设计中，当我们定义一个class的时候，可以从某个现有的class继承，新的class称为子类（Subclass），而被继承的class称为基类、父类或超类&a…...

编程日记 2025/9/10 17:21:07

AcWing 蓝桥杯集训·每日一题2025·5439. 农夫约翰真的种地

5439. 农夫约翰真的种地题目描述农夫约翰在他的农场种植了 N N N 个芦笋，编号 ( 1 ∼ N ) (1 \sim N) (1∼N)。其中，第 i i i 个芦笋的初始高度为 h i h_i hi，每经过一天高度会增长 a i a_i ai。给定一个 ( 0 ∼ N − 1 ) (0…...

编程日记 2025/9/10 17:21:08

如何将 Excel 数据转换为 SQL 脚本：从入门到实战

全文目录： 开篇语? 前言?? 目录?? 什么是 SQL 脚本？?? 为什么要将 Excel 转换为 SQL 脚本？??? 如何将 Excel 转换为 SQL 脚本 ?? 方法一：使用在线转换工具?? 方法二：通过 Excel VBA 编写脚本?? 方法三…...

编程日记 2025/9/6 16:30:55

0x05 部门功能开发日志技术

准备工作开发规范采用restful风格：representational state transfer，表述性状态转换，是一种软件架构风格 REST是风格，是约定方式，约定不是规定，可以打破描述功能模块通常使用复数形式加s（如…...

编程日记 2025/9/10 0:59:16

塔能物联运维：城市照明极端天气下的“定海神针”

在当今城市快速发展的进程中，城市照明系统的稳定性和可靠性在极端天气条件下愈发受到关注。而塔能物联运维平台的出现，为城市照明在各种复杂环境下的稳定运行提供了强有力的保障，让城市照明在极端天气下也能“稳如泰山”。城市照明对于保障市…...

编程日记 2025/9/10 17:22:32

Transformer 代码剖析7 - 词元嵌入(TokenEmbedding) （pytorch实现）

一、类定义与继承关系剖析 1.1 代码结构图示 #mermaid-svg-9COHbtmHJhpiroHM {font-family:"trebuchet ms",verdana,arial,sans-serif;font-size:16px;fill:#333;}#mermaid-svg-9COHbtmHJhpiroHM .error-icon{fill:#552222;}#mermaid-svg-9COHbtmHJhpiroHM .error-t…...

编程日记 2025/9/10 17:16:45

6.6.5 SQL访问控制

文章目录 GRANT授予权限REVOKE回收权限 GRANT授予权限 GRANT语句可以给用户授予权限，基本格式是GRANT 权限 TO 用户。在授权时，WITH GRANT OPTION是可选项，有此句话，被授予权限的用户还能把权限赋给其他用户。 REVOKE回收权限 RE…...

编程日记 2025/9/10 17:21:54

IDEA 使用codeGPT+deepseek

一、环境准备 1、IDEA 版本要求安装之前确保 IDEA 处于 2023.x 及以上的较新版本。 2、Python 环境安装 Python 3.8 或更高版本为了确保 DeepSeek 助手能够顺利运行，您需要在操作系统中预先配置 Python 环境。具体来说，您需要安装 Python 3.8 或更高…...

编程日记 2025/9/9 21:09:51

React + TypeScript 实现 SQL 脚本生成全栈实践

React TypeScript 实现数据模型驱动 SQL 脚本生成全栈实践引言：数据模型与 SQL 的桥梁革命在现代化全栈开发中，数据模型与数据库的精准映射已成为提升开发效率的关键。传统手动编写 SQL 脚本的方式存在模式漂移风险高（Schema Drift&#…...

编程日记 2025/9/10 3:59:43

用DeepSeek生成批量删除处理 PDF第一页工具

安装依赖库在运行程序之前，请确保安装所需的库： pip install pymupdf python-docx Python 程序代码 import os import fitz # PyMuPDF from docx import Documentdef delete_pdf_first_page(input_path, output_path):"""删除 PDF…...

编程日记 2025/9/3 18:00:09

三个小时学完vue3（一）

Vue3 之前就学过一些，不过用的比较少，基本忘完了/(ㄒoㄒ)/~~ 跟着B站视频迅速回忆一下创建一个Vue 3 应用 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><meta name"viewport&…...

编程日记 2025/9/7 10:43:53

netty如何处理粘包半包

文章目录 NIO中存在问题粘包半包滑动窗口MSS 限制Nagle 算法解决方案 NIO中存在问题粘包现象，发送 abc def，接收 abcdef原因应用层：接收方 ByteBuf 设置太大（Netty 默认 1024）滑动窗口：假设发送方 25…...

编程日记 2025/9/8 13:28:03

最好Wordpree+Apache+PHP安装教程

前提需要 PHP的安装最少需要7.4以上Mysql的安装，直接默认最新版就行APache服务器（HTTP服务器，只有用这个你的软件才能在服务器上运行） 安装apache 安装 sudo apt install apache2查看防火墙 sudo ufw app list如果有 Apache那…...

编程日记 2025/9/10 7:29:22

0x02 js、Vue、Ajax

文章目录 js核心概念js脚本引入html的方式基础语法事件监听 Vuevue简介v-forv-bindv-if&v-showv-model&v-on Ajax js 核心概念 JavaScript：是一门跨平台、面向对象的脚本语言，用来控制网页行为实现交互效果，由ECMAScript、BOM、DOM…...

编程日记 2025/9/9 7:59:34

如何使用Docker搭建哪吒监控面板程序

哪吒监控（Nezha Monitoring）是一款自托管、轻量级的服务器和网站监控及运维工具，旨在为用户提供实时性能监控、故障告警及自动化运维能力。文档地址：https://nezha.wiki/ 本章教程，使用Docker方式安装哪吒监控面板，在此之前，你需要提前安装好Docker. 我当前使用的操作系…...

编程日记 2025/8/18 3:06:51

智能图像处理平台：图片管理

接着我们讲图片管理，先实现图片基础的增删改查，再去考虑图像处理。主要是，我们需要完成查询时，查询的图片的上传者的角色等级小于等于我们当前登陆账号。后端controller： package com.llpp.controller;import cn.…...

编程日记 2025/9/6 17:14:25

如何使用Docker一键本地化部署LibrePhotos搭建私有云相册

文章目录前言1.关于LibrePhotos2.本地部署LibrePhotos3.LibrePhotos简单使用4. 安装内网穿透5.配置LibrePhotos公网地址6. 配置固定公网地址前言你是不是也经常对着手机里那一堆珍贵的照片发愁，心里想着：‘这要是被谁偷偷看了可咋办？’别…...

编程日记 2025/9/8 1:12:38

删除idea recent projects 记录

1、退出idea（一定要全部退出idea，要不然删除后，idea一退出，又保存上了） 2、进入 C:\Users\Administrator\AppData\Roaming\JetBrains\IntelliJIdea2024.1\options 目录根据不同的版本号 IntelliJIdea2024.1 这个地方…...

编程日记 2025/9/8 8:54:52

基因组突变数据分析-ClinVar数据库

探序基因肿瘤研究院数据库简介：ClinVar是一个免费访问的公共数据库，记录了人类变异和表型之间的关系，并提供了支持性证据（supporting evidence）。ClinVar提供的变异临床意义（clinical significance&#…...

编程日记 2025/9/6 4:21:32

windows 下使用Python OpenCV针对压缩的tiff 图像进行解压缩并转换成多张jpeg 图像

文章大纲 Tif/Tiff 图像简介tif 后缀的文件中为什么可以嵌入多张图片Tif 图像与 jpg 图像转换的要点参考使用的 GitHub 仓库链接tifffile 库的功能与其他库的区别代码实现基于 tifffile参考文献Tif/Tiff 图像简介 TIFF（Tagged Image File Format）是一种灵活且可适应的文件…...

编程日记 2025/9/5 0:11:18

小皮网站搭建

前提：小皮的安装下载 1、在www目录下创建一个新的文件夹，用来存放网站源码； 2、安装数据库管理工具phpMyadmin 3、新建数据表添加字段 4、创建网站 5、前端的登录代码注册后端php 网页展示登录成功跳转welcome.php...

编程日记 2025/9/7 19:09:37

Java8面试

Java 8 有哪些新特性? 🐎Java 8五大神装特性🐎 Lambda表达式（魔法调料） 曼波觉得像速食魔法咒语！(๑✧◡✧๑) // 传统写法（像冗长菜谱） new Thread(new Runnable() {public void run() {Syst…...

编程日记 2025/9/4 11:33:14

一个基于C# Winform开源免费的通用快速开发框架，内置完整的权限架构！

前言今天大姚给大家分享一个基于C# Winform开源免费（GPL-2.0开源协议）的通用快速开发框架，内置完整的权限架构：WinformDevFramework。项目介绍 WinformDevFramework是一个基于C# Winform开源免费（GPL-2.0开源协议…...

编程日记 2025/9/10 1:09:52

2025年度福建省职业院校技能大赛高职组“信息安全管理与评估”赛项规程样题模块二

模块二网络安全事件响应、数字取证调查、应用程序安全竞赛项目赛题本文件为信息安全管理与评估项目竞赛-第二阶段样题，内容包括：网络安全事件响应、数字取证调查。本次比赛时间为90分钟。介绍竞赛有固定的开始和结束时间，参赛队伍必须…...

编程日记 2025/9/6 18:12:51

【朝夕教育】《鸿蒙原生应用开发从零基础到多实战》005-TypeScript 中的枚举

标题详情作者简介愚公搬代码头衔华为云特约编辑，华为云云享专家，华为开发者专家，华为产品云测专家，CSDN博客专家，CSDN商业化专家，阿里云专家博主，阿里云签约作者，腾讯云优秀博主&…...

编程日记 2025/9/9 1:12:03

使用create_sql_query_chain工具根据自然语言问题生成SQL查询，踩坑版

1. 开启调试模式 from langchain import debugdebug True # 启用调试模式说明： 这里从 langchain 库中导入了一个名为 debug 的变量（或模块），然后将它设置为 True。这通常用来启用调试模式，方便开发者在程序运行时看…...

编程日记 2025/9/10 8:02:10

DeepSeek本地部署+自主开发对话Web应用

文章目录引言前端部分核心页面DeepSeek.vueMyModal.vue 后端部分WebSocketConfig 配置类AbstractDeepSeekToolDeepSeekWebSocketHandler 数据库设计总结引言最近DeepSeep横空出世，在全球内掀起一股热潮，到处都是满血大模型接入的应用，但这…...

编程日记 2025/9/10 15:17:18

【Springboot】解决问题 o.s.web.servlet.PageNotFound : No mapping for *

使用 cursor 进行老项目更新为 springboot 的 web 项目，发生了奇怪的问题，就是 html 文件访问正常，但是静态文件就是 404 检查了各种配置，各种比较，各种调试，最后放弃时候，清理没用的配置文件&…...

编程日记 2025/9/10 8:51:29

微信小程序点击按钮，将图片下载到本地

前言： 最近在公司完成一个小程序的时候需要实现一个功能：点击按钮获取用户相册权限，将图片下载到用户本地相册，经过了好几次的尝试最终算是实现了。将总结的经验在这里分享给小伙伴们。实现方式： //.wxml文件 <…...

编程日记 2025/9/10 10:56:27

解锁网络防御新思维：D3FEND 五大策略如何对抗 ATTCK

D3FEND 简介背景介绍 2021年6月22日（美国时间），美国MITRE公司正式发布了D3FEND——一个网络安全对策知识图谱。该项目由美国国家安全局（NSA）资助，并由MITRE的国家安全工程中心（NSEC&#xff…...

编程日记 2025/9/9 2:18:26

架构案例：从初创互联网公司到分布式存储与反应式编程框架的架构设计

文章目录引言一、初创互联网公司架构演化案例1. 万级日订单级别架构2. 十万级日订单级别架构3. 百万级日订单级别架构二、分布式存储系统 Doris 架构案例三、反应式编程框架架构案例总结引言分布式架构今天我们将探讨三种不同类型的架构案例，分别探讨一个初…...

编程日记 2025/9/5 10:57:04

Redis数据结构-List列表

1.List列表列表类型适用于存储多个有序的字符串（这里的有序指的是强调数据排列顺序的重要，不是升序降序的意思），列表中的每个字符串称为元素（element），一个列表最多可以存储2^32-1个元素。在R…...

编程日记 2025/9/6 0:16:24

开启AI短剧新纪元!SkyReels-V1/A1双剑合璧!昆仑万维开源首个面向AI短剧的视频生成模型

论文链接：https://arxiv.org/abs/2502.10841 项目链接：https://skyworkai.github.io/skyreels-a1.github.io/ Demo链接：https://www.skyreels.ai/ 开源地址：https://github.com/SkyworkAI/SkyReels-A1 https://github.com/Skywork…...

编程日记 2025/9/5 21:01:49

mac安装环境

minconda https://docs.anaconda.net.cn/miniconda/install/ 注意在下载下来应该有100多兆，太大了应该是完整版，我们不需要 jdk 镜像网站下载设置环境变量： 终端：sudo vim ~/.zshrc # JDK Config JAVA_HOME/Library/Java/Java…...

编程日记 2025/9/5 15:28:16

js加密之延伸requestAnimationFrame

简言上篇文章有提到requestAnimationFrame,只是随笔带过。这篇文章就着重研究一下requestAnimationFrame的运用，以及实际作用。还有关于在js加密技术中的落地实现可行性。功能说明小声说一下,做开发的同学一定要学会翻官方文档,我这里直接引用一段官方介绍。 …...

编程日记 2025/9/10 1:41:06

SpringBoot @Value 注解使用

Value 注解用于将配置文件中的属性值注入到Spring管理的Bean中。 1. 基本用法 Value 可以直接注入配置文件中的属性值。配置文件 (application.properties 或 application.yml) 配置文件定义需要注入的数据。 consumer:username: lisiage: 23hobby: sing,read,sleepsubje…...

编程日记 2025/9/6 13:31:56

JavaFunction的使用

一、基础概念与核心方法定义与作用 Function<T, R> 是一个函数式接口，接收类型为 T 的输入参数，返回类型为 R 的结果。其核心方法为 apply(T t)。例如，将字符串转换为整数长度： java Function<String, Integer>…...

编程日记 2025/9/8 11:49:39

目录