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

使用vue-next-admin框架后台修改动态路由

news 来源：原创 2025/8/4 21:22:00

vue-next-admin框架是一个基于 Vue 3 和 Vite 构建的后台管理系统框架。它采用了最新的前端技术栈，旨在提供一个高效、灵活、现代化的管理后台解决方案。该框架主要用于构建功能丰富且易于定制的管理后台应用，适合各种中大型项目。
 

其主要特点包括：

  1. Vue 3 和 Composition API：使用 Vue 3 的新特性，如 Composition API，提高了代码的可读性和可维护性。
  2. Vite 构建工具：使用 Vite 作为构建工具，提供更快的热重载速度和更优化的构建性能。
  3. 现代化的前端技术栈：包括 Vue Router、Vuex（或 Pinia）、Element Plus（或其他 UI 组件库），以及 TypeScript 支持。
  4. 高度可定制的界面和功能：支持多种主题切换、权限管理、动态路由、国际化等功能，方便开发人员根据需求进行二次开发和定制。
  5. 响应式设计：适应不同屏幕尺寸和设备，提升用户体验。

总的来说，Vue Next Admin 是一个功能强大、灵活、易于扩展的后台管理框架，适合用来开发现代化的后台管理系统。


Vue 动态路由的实现思路主要依赖于 Vue Router，动态路由允许根据用户的权限、角色、页面状态或其他因素动态地生成或改变路由配置。

今天我们要使用vue-next-admin框架通过后端动态的修改路由。


步骤如下：


1.首先，路由在src/router文件夹中。在router文件夹中有四个文件

backEnd.ts是后台控制路由的文件，我们需要使用后台控制时，需要修改里面的内容。
frontEnd.ts 是前端控制路由的文件。
index.ts 文件中，告诉我们需要后端控制路由时：isRequestRoutes 为 true
而修改isRequestRoutes的文件在src/stores/themeConfig

而修改isRequestRoutes的文件在src/stores/themeConfig文件夹中。
需要找到isRequestRoutes改为true。


route.ts 这个是路由文件，不管是后端还是前端控制，只要是需要出现的页面，都需要在这个页面进行注册。
现在我们就可以后端的控制路由。


2. 现在需要修改backEnd.ts文件中的内容。
 
获取路由菜单。

1.需要先给前端的数据关了，然后自己添加
 
2.我们需要转换数据格式，将一维数据转换为多维数据。
 3.数据转换完成后，需要对比路由

 backEnd.ts页面代码如下：

import { RouteRecordRaw } from 'vue-router';
import { storeToRefs } from 'pinia';
import pinia from '/@/stores/index';
import { useUserInfo } from '/@/stores/userInfo';
import { useRequestOldRoutes } from '/@/stores/requestOldRoutes';
import { Session } from '/@/utils/storage';
import { NextLoading } from '/@/utils/loading';
import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route';
import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index';
import { useRoutesList } from '/@/stores/routesList';
import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
import { useMenuApi } from '/@/api/menu/index';
// import { console } from 'node:inspector';// 后端控制路由// 引入 api 请求接口
const menuApi = useMenuApi();/*** 获取目录下的 .vue、.tsx 全部文件* @method import.meta.glob* @link 参考：https://cn.vitejs.dev/guide/features.html#json*/
const layouModules: any = import.meta.glob('../layout/routerView/*.{vue,tsx}');
const viewsModules: any = import.meta.glob('../views/**/*.{vue,tsx}');
const dynamicViewsModules: Record<string, Function> = Object.assign({}, { ...layouModules }, { ...viewsModules });/*** 后端控制路由：初始化方法，防止刷新时路由丢失* @method NextLoading 界面 loading 动画开始执行* @method useUserInfo().setUserInfos() 触发初始化用户信息 pinia* @method useRequestOldRoutes().setRequestOldRoutes() 存储接口原始路由（未处理component），根据需求选择使用* @method setAddRoute 添加动态路由* @method setFilterMenuAndCacheTagsViewRoutes 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组*/
export async function initBackEndControlRoutes() {// 界面 loading 动画开始执行if (window.nextLoading === undefined) NextLoading.start();// 无 token 停止执行下一步if (!Session.get('token')) return false;// 触发初始化用户信息 pinia// https://gitee.com/lyt-top/vue-next-admin/issues/I5F1HPawait useUserInfo().setUserInfos();// 获取路由菜单数据const res = await getBackEndControlRoutes();console.log(backendRoutes(arrayToTree(res.data), dynamicRoutes[0].children));// return;if (res.code === 0) {// 存储接口原始路由（未处理component），根据需求选择使用useRequestOldRoutes().setRequestOldRoutes(JSON.parse(JSON.stringify(res.data)));// 处理路由（component），替换 dynamicRoutes（/@/router/route）第一个顶级 children 的路由dynamicRoutes[0].children = backendRoutes(arrayToTree(res.data), dynamicRoutes[0].children);// 添加动态路由await setAddRoute();}// 无登录权限时，添加判断// https://gitee.com/lyt-top/vue-next-admin/issues/I64HVOif (res.data.length <= 0) return Promise.resolve(true);await setFilterMenuAndCacheTagsViewRoutes();NextLoading.done();
}// 对比路由
// routes 后端返回
//  dynamic 前端路由
function backendRoutes(routes, dynamic) {// 将dynamic转换为Map 以提高查找的效率const dynamicMap = new Map(dynamic.map((v) => [v.path, v]));const filteredRoutes = [];routes.forEach((item) => {const route = dynamicMap.get(item.path);if (route) {route.meta.title = item.title;route.meta.icon = item.icon;if (item.children && item.children.length > 0) {route.children = backendRoutes(item.children, route.children);}filteredRoutes.push(route);} else {console.warn('路由未定义：' + item.path);}});return filteredRoutes;
}
// 一维转树形
function arrayToTree(items) {// 存储最终的树形结构const result = [];// 用于快速查找节点const map = [];// 首先将所有节点放在map中，以id为键，值为节点items.forEach((item) => {map[item.id] = { ...item, children: [] };});// 然后遍历map，将子节点放在对应的父节点的children数组中items.forEach((item) => {if (item.pid === null || item.pid === 0 || item.pid === undefined) {// 如果父节点为0，则将当前节点放在result中result.push(map[item.id]);} else {// 否则，找到父节点并添加到当前节点的children数组中if (map[item.pid]) {map[item.pid].children.push(map[item.id]);}}});return result;
}
/*** 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组* @description 用于左侧菜单、横向菜单的显示* @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)*/
export async function setFilterMenuAndCacheTagsViewRoutes() {const storesRoutesList = useRoutesList(pinia);storesRoutesList.setRoutesList(dynamicRoutes[0].children as any);setCacheTagsViewRoutes();
}/*** 缓存多级嵌套数组处理后的一维数组* @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)*/
export function setCacheTagsViewRoutes() {const storesTagsView = useTagsViewRoutes(pinia);storesTagsView.setTagsViewRoutes(formatTwoStageRoutes(formatFlatteningRoutes(dynamicRoutes))[0].children);
}/*** 处理路由格式及添加捕获所有路由或 404 Not found 路由* @description 替换 dynamicRoutes（/@/router/route）第一个顶级 children 的路由* @returns 返回替换后的路由数组*/
export function setFilterRouteEnd() {let filterRouteEnd: any = formatTwoStageRoutes(formatFlatteningRoutes(dynamicRoutes));// notFoundAndNoPower 防止 404、401 不在 layout 布局中，不设置的话，404、401 界面将全屏显示// 关联问题 No match found for location with path 'xxx'filterRouteEnd[0].children = [...filterRouteEnd[0].children, ...notFoundAndNoPower];return filterRouteEnd;
}/*** 添加动态路由* @method router.addRoute* @description 此处循环为 dynamicRoutes（/@/router/route）第一个顶级 children 的路由一维数组，非多级嵌套* @link 参考：https://next.router.vuejs.org/zh/api/#addroute*/
export async function setAddRoute() {await setFilterRouteEnd().forEach((route: RouteRecordRaw) => {router.addRoute(route);});
}/*** 请求后端路由菜单接口* @description isRequestRoutes 为 true，则开启后端控制路由* @returns 返回后端路由菜单数据*/
export function getBackEndControlRoutes() {let list = JSON.parse(localStorage.getItem('menus') || '[]');return {code: 0,type: 'adminMenu',data: list,};
}/*** 重新请求后端路由菜单接口* @description 用于菜单管理界面刷新菜单（未进行测试）* @description 路径：/src/views/system/menu/component/addMenu.vue*/
export async function setBackEndControlRefreshRoutes() {await getBackEndControlRoutes();
}/*** 后端路由 component 转换* @param routes 后端返回的路由表数组* @returns 返回处理成函数后的 component*/
export function backEndComponent(routes: any) {if (!routes) return;return routes.map((item: any) => {if (item.component) item.component = dynamicImport(dynamicViewsModules, item.component as string);item.children && backEndComponent(item.children);return item;});
}/*** 后端路由 component 转换函数* @param dynamicViewsModules 获取目录下的 .vue、.tsx 全部文件* @param component 当前要处理项 component* @returns 返回处理成函数后的 component*/
export function dynamicImport(dynamicViewsModules: Record<string, Function>, component: string) {const keys = Object.keys(dynamicViewsModules);const matchKeys = keys.filter((key) => {const k = key.replace(/..\/views|../, '');return k.startsWith(`${component}`) || k.startsWith(`/${component}`);});if (matchKeys?.length === 1) {const matchKey = matchKeys[0];return dynamicViewsModules[matchKey];}if (matchKeys?.length > 1) {return false;}
}

现在，后端动态路由修改完成。大家可以自己手动尝试一次。

相关文章：

使用vue-next-admin框架后台修改动态路由

vue-next-admin框架是一个基于 Vue 3 和 Vite 构建的后台管理系统框架。它采用了最新的前端技术栈&#xff0c;旨在提供一个高效、灵活、现代化的管理后台解决方案。该框架主要用于构建功能丰富且易于定制的管理后台应用&#xff0c;适合各种中大型项目。 其主要特点包括&am…...

编程日记 2025/8/4 21:22:00

Windows蓝牙驱动开发-经典蓝牙音频

本文介绍 Windows 中的蓝牙经典音频功能。 蓝牙经典音频支持通过高级音频分发配置文件(A2DP)和单声道播放和通过免手配置文件(HFP)进行立体声音频播放。 Windows 支持各种音频编解码器和采样率&#xff0c;具体取决于 Windows 版本、耳机的功能以及音频设备的播放或捕获功能的当…...

编程日记 2025/8/4 8:27:46

力扣动态规划-3【算法学习day.97】

前言 ###我做这类文章一个重要的目的还是给正在学习的大家提供方向&#xff08;例如想要掌握基础用法&#xff0c;该刷哪些题&#xff1f;建议灵神的题单和代码随想录&#xff09;和记录自己的学习过程&#xff0c;我的解析也不会做的非常详细&#xff0c;只会提供思路和一些关…...

编程日记 2025/8/2 22:56:54

如何将本地电脑上的文件夹设置为和服务器的共享文件夹

将本地电脑上的文件夹设为与服务器共享的文件夹&#xff0c;通常是在本地开启文件共享&#xff0c;并配置相应的权限&#xff0c;使服务器可以访问该文件夹。以下以 Windows 系统为例说明具体操作步骤&#xff1a; 一、在本地电脑上设置共享文件夹 选择文件夹 找到需要共享的文…...

编程日记 2025/8/4 21:20:14

自己搭建远程桌面服务器-RustDesk（小白版）

1.RustDesk简介 此软件主要功能为远程各种设备&#xff08;其中包括Windows、macOS、Linux、iOS、Android、Web等&#xff09; 支持文件传输&#xff08;可直接拷贝远程电脑的文件&#xff0c;类似向日葵的远程文件&#xff09; 支持内网穿透&#xff08;支持端口映射&#…...

编程日记 2025/8/4 21:19:28

一文读懂服务器的HBA卡

什么是 HBA 卡 HBA 卡&#xff0c;全称主机总线适配器&#xff08;Host Bus Adapter&#xff09; &#xff0c;是服务器与存储装置间的关键纽带&#xff0c;承担着输入 / 输出&#xff08;I/O&#xff09;处理及物理连接的重任。作为一种电路板或集成电路适配器&#xff0c;HBA…...

编程日记 2025/8/3 1:24:01

Android SystemUI——CarSystemBar车载状态栏（九）

上一篇文章我们介绍了车载开发中的 CarSystemUI，而车载开发中的状态栏也被 CarSystemBar 所取代，这里我们就来看看一下车载系统中的状态栏——CarSystemBar。 一、车载状态栏创建 1、CarSystemBar 源码位置：/packages/apps/Car/SystemUI/src/com/android/systemui/car/sy…...

编程日记 2025/8/1 18:03:57

干货答疑分享记录：as导入问题，LSP含义，分屏进入SplashScreen

背景&#xff1a; vip学员群经常会有学员遇到一些常见的android framework开发问题&#xff0c;近期收集整理一些疑问&#xff0c;主要有以下3个&#xff1a; 1、android studio对源码进行导入时候&#xff0c;老是无法跳转到系统source code 2、学员在群里询问dumpOtherPro…...

编程日记 2025/7/31 4:41:51

WPS数据分析000001

目录 一、表格的新建、保存、协作和分享 新建 保存 协作 二、认识WPS表格界面 三、认识WPS表格选项卡 开始选项卡 插入选项卡 页面布局选项卡 公式选项卡 数据选项卡 审阅选项卡 视图选项卡 会员专享选项卡 一、表格的新建、保存、协作和分享 新建 ctrlN------…...

编程日记 2025/8/3 5:25:27

单独编译QT子模块

单独编译QT子模块 系统 win qt-everywhere-src-5.12.12 下载源码&#xff1a; https://download.qt.io/archive/qt/5.12/5.12.12/single/ 参考&#xff1a; https://doc.qt.io/qt-5/windows-building.html 安装依赖 https://doc.qt.io/qt-5/windows-requirements.html Per…...

编程日记 2025/8/1 0:32:21

Ubuntu20.4和docker终端指令、安装Go环境、安装搜狗输入法、安装WPS2019：保姆级图文详解

目录 前言1、docker、node、curl版本查看终端命令1.1、查看docker版本1.2、查看node.js版本1.3、查看curl版本1.4、Ubuntu安装curl1.5、Ubuntu终端保存命令 2、安装docker-compose、Go语言2.1、安装docker-compose2.2、go语言安装步骤2.3、git版本查看 3、Ubuntu20.4安装搜狗输…...

编程日记 2025/8/3 13:44:17

HarmonyOS NEXT应用开发边学边玩系列：从零实现一影视APP (五、电影详情页的设计实现)

在上一篇文章中&#xff0c;完成了电影列表页的开发。接下来&#xff0c;将进入电影详情页的设计实现阶段。这个页面将展示电影的详细信息&#xff0c;包括电影海报、评分、简介以及相关影人等。将使用 HarmonyOS 提供的常用组件&#xff0c;并结合第三方库 nutpi/axios 来实现…...

编程日记 2025/7/31 11:20:23

电子杂志制作平台哪个好

​作为一个热爱分享的人&#xff0c;我试过了好几个平台&#xff0c;终于找到了几款比较好用得电子杂志制作平台&#xff0c;都是操作界面很简洁&#xff0c;上手非常快的工具。 FLBOOK:这是一款在线制作H5电子画册软件&#xff0c;提供了各种类型的模板&#xff0c;可支持添加…...

编程日记 2025/7/29 11:21:45

1.写在前面

按照惯例&#xff0c;第一篇文章是要先介绍下专栏的风格、思路&#xff0c;以免需求不一致的同学误入&#xff0c;耽误大家时间。 本教程将系统的讲解若依前、后端的全部功能点&#xff0c;适合有面试需求的小伙伴&#xff0c;或者想提升自己能力的同学。本教程是免费教程。对源…...

编程日记 2025/8/3 22:20:45

JavaWeb 前端基础 html + CSS 快速入门 | 018

今日推荐语 指望别人的救赎&#xff0c;势必走向毁灭——波伏娃 日期 学习内容 打卡编号2025年01月17日JavaWeb 前端基础 html CSS018 前言 哈喽&#xff0c;我是菜鸟阿康。 今天 正式进入JavaWeb 的学习&#xff0c;简单学习 html CSS 这2各前端基础部分&am…...

编程日记 2025/8/4 20:36:41

redis做为缓存，mysql的数据如何与redis进行同步呢?

Redis作为缓存与MySQL之间的数据同步问题&#xff0c;特别是涉及到双写一致性&#xff08;即缓存与数据库的写操作要保持一致&#xff09;时&#xff0c;通常有两种常见的解决方案。它们分别适用于不同的一致性要求和延迟容忍度。以下是两种常见的解决方案的详细解释&#xff1…...

编程日记 2025/8/3 12:58:34

TCP 重传演进：TCP RACK Timer 能替代 RTO 吗

本文的建议适用于想改变 TCP 行为的新协议设计&#xff0c;还是那句话&#xff0c;不要抄 TCP 做 yet another TCP。 RTO 一直是 TCP 传输过程所要尽量避免的&#xff0c;因为它会将状态带入 Loss 进而 Go-Back-N&#xff0c;这是一个昂贵的操作。But 在 Fast-Retransmit 被引…...

编程日记 2025/8/3 12:56:41

React Native的现状与未来：从发展到展望

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…...

编程日记 2025/8/3 13:56:15

替换数字

目录 题目 思路 代码 题目 给定一个字符串 s&#xff0c;它包含小写字母和数字字符&#xff0c;请编写一个函数&#xff0c;将字符串中的字母字符保持不变&#xff0c;而将每个数字字符替换为number。 例如&#xff0c;对于输入字符串 "a1b2c3"&#xff0c;函数应…...

编程日记 2025/7/31 1:20:10

[cg] UE5 调试技巧

UE 中 rhi命令的提交是在render 线程&#xff0c;而graphics api 真正的执行是在rhi 线程&#xff0c; 今天想看下rhi的底层调用&#xff0c;但由于是通过task执行的&#xff0c;无法获取到render thread传入的地方&#xff0c;调试起来不太方便。 可通过开启下面的命令来调试 …...

编程日记 2025/8/2 7:53:41

Git相关命令

一&#xff1a;基础认识 1.Git 三种状态 Working Directory &#xff1a;本地工作目录&#xff0c;工作区Staging Area&#xff1a;添加文件&#xff0c;用于commit前&#xff0c;暂存区.git directory(Repository)&#xff1a;本地仓库&#xff0c;存储commit数据&#xff0…...

编程日记 2025/8/2 21:31:37

uni-simple-router史上最全使用方法教程

在 uni-app 项目中&#xff0c;随着应用的复杂度增加&#xff0c;传统的路由管理方式可能无法满足需求&#xff0c;尤其是在多页面和权限控制等场景下。这时&#xff0c;使用像 uni-simple-router 这样的路由管理库可以简化开发流程&#x1f44d;&#xff0c;如权限控制、路由守…...

编程日记 2025/8/2 13:22:54

【ArcGIS微课1000例】0140：总览（鹰眼）、放大镜、查看器的用法

文章目录 一、总览工具二、放大镜工具三、查看器工具ArcGIS中提供了三种局部查看的工具： 总览（鹰眼）、放大镜、查看器，如下图所示，本文讲述这三种工具的使用方法。 一、总览工具 为了便于效果查看与比对，本实验采用全球影像数据（位于配套实验数据包中的0140.rar中），加…...

编程日记 2025/7/17 6:19:52

【Linux】【Vim】vim编辑器的用法

一、vim简介 Vim是一款功能强大且高度可定制的文本编辑器&#xff0c;广泛应用于Linux 和 Unix系统中。 它不仅继承了vi编辑器的所有特性&#xff0c;还增加了许多新的功能&#xff0c;如语法高亮、代码折叠、多级撤销等。 Vim有三种主要的工作模式&#xff1a; 命令模式&am…...

编程日记 2025/7/31 16:12:59

RabbitMQ实现延迟消息发送——实战篇

在项目中&#xff0c;我们经常需要使用消息队列来实现延迟任务&#xff0c;本篇文章就向各位介绍使用RabbitMQ如何实现延迟消息发送&#xff0c;由于是实战篇&#xff0c;所以不会讲太多理论的知识&#xff0c;还不太理解的可以先看看MQ的延迟消息的一个实现原理再来看这篇文章…...

编程日记 2025/8/2 14:56:00

《leetcode-runner》【图解】【源码】如何手搓一个debug调试器——架构

前文&#xff1a; 《leetcode-runner》如何手搓一个debug调试器——引言 文章目录 设计引入为什么这么设计存在难点1. 环境准备2. 调试程序 仓库地址&#xff1a;leetcode-runner 本文主要聚焦leetcode-runner对于debug功能的整体设计&#xff0c;并讲述设计原因以及存在的难点…...

编程日记 2025/8/3 20:38:47

G1原理—10.如何优化G1中的FGC

大纲 1.G1的FGC可以优化的点 2.一个bug导致的FGC(Kafka发送重试 subList导致List越来越大) 3.为什么G1的FGC比ParNew CMS要更严重 4.FGC的一些参数及优化思路 1.G1的FGC可以优化的点 (1)FGC的基本原理 (2)遇到FGC应该怎么处理 (3)应该如何操作来规避FGC (4)应该如何操…...

编程日记 2025/8/3 5:30:50

【专题一 递归】21. 合并两个有序链表

1.题目解析 2.讲解算法原理 解法:递归-> 重复的子问题 重复子问题 ->函数头的设计 合并两个有序链表--->Node dfs(l1&#xff0c;l2) 只关心某一个子问题在做什么事情 ->函数体的设计 比大小l1→next dfs( l1.next, l2)return l1 递归的出口 if(l1null)return l2…...

编程日记 2025/7/31 20:38:11

WebSocket——推送方案选型

一、前言&#xff1a;为何需要服务端主动推送&#xff1f; 在现代应用中&#xff0c;很多功能都依赖于“消息推送”。比如&#xff1a; 小红点提醒&#xff1a;我们经常在手机应用里看到的一个小红点提示&#xff0c;表示有新的消息或任务需要我们关注。新消息提醒&#xff1…...

编程日记 2025/8/3 22:38:54

Openresty 安装

1&#xff0e; 依赖包安装&#xff1a; # yum install readline-devel pcre-devel openssl-devel 2. 在系统中添加openresty的仓库&#xff1a; # sudo yum install yum-utils # sudo yum-config-manager --add-repo https://openresty.org/package/centos/openresty.repo …...

编程日记 2025/7/31 14:44:34

回归预测 | MATLAB实TCN时间卷积神经网络多输入单输出回归预测

效果一览 基本介绍 回归预测 | MATLAB实TCN时间卷积神经网络多输入单输出回归预测 …………训练集误差指标………… 1.均方差(MSE)&#xff1a;166116.6814 2.根均方差(RMSE)&#xff1a;407.5741 3.平均绝对误差&#xff08;MAE&#xff09;&#xff1a;302.5888 4.平均相对…...

编程日记 2025/8/4 6:41:26

TikTok专线服务器助力品牌营销新高度

在这个信息爆炸的时代&#xff0c;短视频平台如雨后春笋般涌现&#xff0c;TikTok便是其中的佼佼者。众多品牌纷纷涌入这个平台&#xff0c;试图借助其强大的用户基础和传播能力来提升知名度。而在这其中&#xff0c;IPIPGO直播专线的出现&#xff0c;为品牌在TikTok上的营销提…...

编程日记 2025/7/30 5:48:33

flutter VoidCallBack ValueChange＜T＞ 的函数定义

在 Flutter 中，VoidCallback 和 ValueChanged<T> 是两种常用的回调函数类型，它们通常用于处理事件或传递数据。下面是它们的详细定义及使用方式。 1. VoidCallback 函数类型 VoidCallback 是一个没有参数也没有返回值的回调函数类型。它通常用于简单的事件处理，比如…...

编程日记 2025/7/31 6:28:42

pyspark连接clickhouse数据库的方式(其它数据库同样适用）

目录 一、背景简记二、pyspark连接clickhouse方式记录三、结语参考学习博文 一、背景简记 实际工作中&#xff0c;大部分所用的数据存储地址都是在数据库中&#xff0c;如我司现在常用的数据库是clickhouse&#xff0c;相关数据的统计分析都在此上操作。如果想用pyspark连接cl…...

编程日记 2025/8/2 7:05:00

当父级元素设置了flex 布局 ，两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 （css 样式问题）

一、问题 遇到个样式问题&#xff0c;当父级元素设置了flex 布局 &#xff0c;两个子元素都设置了flex :1, 但是当子元素放不下的时候会溢出父元素怎么解决 &#xff08;拖拽浏览器 使页面变小&#xff09; 二、解决方法 .father{min-height: 600px;width: 100%;display: flex…...

编程日记 2025/7/31 18:19:55

软件方法论--课程笔记（整理中）

C1&#xff1a;概览Introduction &#xff08;1&#xff09;软件的4个特性 一致性&#xff08;Conformity&#xff09;&#xff1a;软件必须符合严格的规格和要求&#xff0c;包括与其他组件的接口和环境的连接&#xff0c;避免因为不一致导致无法复用或开发问题。 不可见性…...

编程日记 2025/8/2 22:18:58

从 0 开始实现一个 SpringBoot + Vue 项目

从 0 开始实现一个 SpringBoot Vue 项目 从 0 开始实现一个 SpringBoot Vue 项目 软件和工具创建 SpringBoot 后端项目创建 MySQL 数据库配置文件实现增删改查接口 Model 层mapper 层service 层controller 层测试 实现项目功能接口 代码测试 创建 Vue 前端 安装 Node.js配置…...

编程日记 2025/8/3 19:34:53

怎么修复损坏的U盘？而且不用格式化的方式！

当你插入U盘时&#xff0c;若电脑弹出“需要格式化才能使用”提示&#xff0c;且无法打开或读取其中的数据&#xff0c;说明U盘极有可能已经损坏。除此之外&#xff0c;若电脑在连接U盘后显示以下信息&#xff0c;也可能意味着U盘出现问题&#xff0c;需要修复损坏的U盘&#x…...

编程日记 2025/8/4 5:50:41

使用redis-cli命令实现redis crud操作

项目场景&#xff1a; 线上环境上redis中的key影响数据展示&#xff0c;需要删除。但环境特殊没办法通过 redis客户端工具直连。只能使用redis-cli命令来实现。 操作步骤&#xff1a; 1、确定redis安装的服务器&#xff1b; 2、找到redis的安装目录下 ##找到redis安装目…...

编程日记 2025/8/4 1:14:30

Kibana 控制台中提供语义、向量和混合搜索

作者&#xff1a;来自 Elastic Mark_Laney 想要将常规 Elasticsearch 查询与新的 AI 搜索功能结合起来吗&#xff1f;那么&#xff0c;你不需要连接到某个第三方的大型语言模型&#xff08;LLM&#xff09;吗&#xff1f;不。你可以使用 Elastic 的 ELSER 模型来改进现有搜索&a…...

编程日记 2025/8/2 6:07:22

设计模式-结构型-装饰器模式

装饰器模式&#xff08;Decorator Pattern&#xff09;是结构型设计模式中的一种&#xff0c;它允许你通过将对象封装在一个新的对象中&#xff0c;来动态地添加新的功能&#xff0c;而无需改变原对象的结构。装饰器模式的核心思想是“将功能附加到对象上”&#xff0c;它是一种…...

编程日记 2025/8/4 1:46:59

CAP：Serverless + AI 让应用开发更简单

AI 已被广泛视为推动行业进步的关键力量&#xff0c;其在各行业的落地步伐加快。企业在构建 AI 应用开发过程中经常会面临 AI 技术门槛过高、试错周期过长、GPU 资源昂贵且弹性能力不足、缺乏配套工具、业务与模型的开发运维过于割裂、缺乏定制化能力等挑战&#xff0c;成为企业…...

编程日记 2025/8/1 13:54:11

Redis超详细入门教程（基础篇）

目录 一、什么是Redis 二、安装Redis 1、Windows系统安装 2、Linux系统安装 三、Redis通用命令 四、Redis基本命令 五、五种数据结构类型 5.1、String类型 5.2、List集合类型 5.3、Set集合类型 5.4、Hash集合类型 5.5、Zset有序集合类型 六、总结 一、什么是Redi…...

编程日记 2025/8/2 18:17:45

对话 TDengine 解决方案中心总经理陈肃：构建技术与市场的桥梁

TD 小T导读 他是大数据领域的杰出专家&#xff0c;拥有超过十项一作发明专利&#xff0c;是中国通信行业标准《大数据 消息中间件技术要求与测试方法》的重要编写者&#xff0c;并凭借数据中间件领域的突出成就荣获 2019 年“CJK OSS Award”。他是腾讯云 TVP 专家和 TGO 鲲鹏会…...

编程日记 2025/8/1 13:39:37

Formality：参考设计/实现设计以及顶层设计

相关阅读 Formalityhttps://blog.csdn.net/weixin_45791458/category_12841971.html?spm1001.2014.3001.5482​​​ Formality存在两个重要的概念&#xff1a;参考设计/实现设计和顶层设计&#xff0c;本文就将对此进行详细阐述。参考设计/实现设计是中两个重要的全局概念&am…...

编程日记 2025/7/30 21:55:54

通过内核模块按fd强制tcp的quickack方法

一、背景 tcp的quickack功能是为了让ack迅速回发&#xff0c;快速响应&#xff0c;减少网络通讯时延&#xff0c;属于一个优化项&#xff0c;但是tcp的quickack是有配额限制的&#xff0c;配置是16个quick&#xff0c;也就是短时间内quickack了16次以后&#xff0c;这个配额为…...

编程日记 2025/8/1 13:40:31

Wi-Fi 7、Wi-Fi 6 与 5G、4G 的全方位对比

随着无线通信技术的飞速发展&#xff0c;Wi-Fi 7、Wi-Fi 6&#xff0c;以及5G、4G 已经成为人们生活和工作中不可或缺的网络技术。无论是家庭网络、高速移动通信&#xff0c;还是工业物联网&#xff0c;这些技术都在发挥各自的作用。那么&#xff0c;它们之间有什么区别&#x…...

编程日记 2025/7/31 14:00:20

【例43.3】 转二进制

目录 描述 输入描述 输出描述 用例输入 1 用例输出 1 来源 类型 知识补充站 代码 C Python3 C 描述 请你把一个整数n转化为二进制并从低位到高位输出。 输入描述 一行&#xff0c;仅含一个正整数 n (1≤n≤109)。 输出描述 从低位到高位输出一个二进制数&a…...

编程日记 2025/8/3 1:14:06

qt vs ios开发应用环境搭建和上架商店的记录

qt 下载链接如下 https://download.qt.io/new_archive/qt/5.14/5.14.2/qt-opensource-mac-x64-5.14.2.dmg 安装选项全勾选就行&#xff0c;这里特别说明下qt5.14.2/qml qt5.14.2对qml支持还算成熟&#xff0c;但很多特性还得qt6才行&#xff0c;这里用qt5.14.2主要是考虑到服…...

编程日记 2025/8/1 19:55:47

安全测评主要标准

大家读完觉得有帮助记得关注和点赞&#xff01;&#xff01;&#xff01; 安全测评的主要标准‌包括多个国际和国内的标准&#xff0c;这些标准为信息系统和产品的安全评估提供了基础和指导。 一、安全测评的主要标准 1.1、国际标准 ‌可信计算机系统评估准则&#xff08;TC…...

编程日记 2025/7/31 16:16:45