qq_31539817的博客

原创 【毕设项目&计算机毕设】基于springboot+vue实现的员工管理系统&视频讲解&数据库&项目源码

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 forEach异步问题

文章摘要：在使用forEach处理异步操作时出现打印顺序错乱的问题，原因是forEach的回调函数不会等待Promise返回，且会忽略返回值。改用for循环后问题解决，因为for循环能正确处理异步/等待模式。根本在于forEach是为同步操作设计的，不适合处理异步流程控制。

原创 私人专用：图片地址对外提供

原创 【毕设项目&计算机毕设】基于springboot+vue实现的医院管理系统A11

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 幽灵元素，可以解决一些难点！

摘要： 幽灵元素是指不在可视区域内的元素（如:before、:after、绝对定位超出视口的元素等），可用于解决复杂布局问题。例如：1）截图组件时，可渲染隐藏的幽灵组件以添加额外内容（如logo、文字）；2）文字逐行滚动时，通过幽灵元素动态计算换行位置，确保滚动视口与文本域宽度一致。实现时需注意幽灵元素与滚动视口为兄弟节点，父元素需相对定位，幽灵元素绝对定位并自适应宽度。此方法高效解决边距重叠、浮动清除及动态布局难题。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的图书管理系统A5

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的停车场管理系统A10

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的宿舍管理系统A9

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的社团管理系统

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【计算机毕设项目】基于springboot+vue实现的课程选课管理系统

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的考勤管理系统

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的酒店管理系统

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的二手交易平台

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&计算机毕设】基于springboot+vue实现的电子商城系统

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 基于nodejs(typeScript)搭建的MCP Client和 MCP Server并整合到web项目中（代码已全部开源）

本文介绍了基于MCP协议实现大模型交互的技术方案。系统采用前后端分离架构，前端使用Vue3，后端采用SpringBoot+MySQL+Redis，通过Node.js实现的MCP客户端和服务端进行协议转换。重点讲解了MCPClient和MCPServer的工作流程：前端请求通过MCPClient获取格式化接口数据(Tools)并提交给大模型，处理后返回结果。文章提供了关键代码示例，包括Express实现的API服务、MCP工具转换和OpenAI调用逻辑，并强调数据库操作应限于查询以避免风险。项目已开源，可作为

原创 【毕设项目&毕业设计】基于springboot+vue实现的超市管理系统A2

完整的java-springboot项目，前台为vue，前后端分离，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕设项目&毕业设计】基于springboot+vue实现的仓库管理系统A1

完整的java-springboot项目，带源码，sql文件，开发软件和环境，项目运行教程等。

原创 【毕业设计&毕设项目】基于springboot+vue实现的机库保修系统

完整源码，数据库文件，安转教程，视频运行教程。

原创 【毕业设计&毕设项目】基于spring+vue实现铃铛图书商城

源码，安转文档，视频教程，数据库齐全。

原创 【毕业设计&毕设项目&计算机】基于springboot+vue实现的社区服务管理平台

完整的毕业设计项目，带数据库文件

原创 【毕设项目】基于SpringBoot+Vue实现人事管理系统

在当今快节奏的企业环境中，有效的人力资源管理是组织成功的关键。随着数字化转型的加速，基于现代技术栈的人事管理系统成为了提升HR部门效率、优化员工体验的必要工具。本文将介绍如何利用Spring Boot和Vue.js这两种流行的技术，构建一个高效、灵活且用户友好的人事管理系统。本文介绍基于SpringBoot+Vue实现人事管理系统。介绍项目功能，所用技术等。如需获取源码和观看运行以及配置视频，可通过下面地址访问观看系统所需的环境和技术为：jdk1.8maven3.6mysql8.0vue2.0。

原创 给即将进入大四的计算机学生做毕业设计的一些建议

毕业设计经验分享与建议 作者通过帮助堂妹完成农产品销售系统毕业设计的经历，回顾自己大学时做在线教育平台项目的经验。针对大四学生提出实用建议：1）建议先找可运行项目再定课题，避免后期更换浪费时间；2）项目选择上，追求评优可加入算法，只求毕业可选简单但功能齐全的商城/管理系统等；3）推荐前后端分离的技术栈（如SpringBoot+Vue），并分享了几个参考项目来源。文章强调毕业设计应注重实用性，在项目与课题的匹配、技术选型方面给出具体指导。

原创 拉屎教程：教你如何拉屎山（纯恶心版）

仔细看，looking in my eyes，tell me！这坨屎就是大名鼎鼎的引用链赋值。画个抽象的应用链图，好家伙，应用链就没有断开过，干！未完待续.......

原创 头部导航相关

再一般情况下，我们头部是设置一个颜色，但是如果头部的相邻兄弟原生是一个背景图片，头部需要有一种“透明”的效果，如果把头部背景设置成透明，由于吸顶的效果滚动的时候就不行了，此时需要通过头部设置背景图片，将背景图片“截取”一部分，这部分和相邻的兄弟原生的上部分相同，由于吸顶，头部组件脱离文档流，下面相邻的兄弟元素占据头部所在的位置，此时就可以达到头部背景覆盖下面兄弟元素的一部分的效果，从而达成是看起来是一张“图片”再移动端，头部是作为一个可定制化的组件，例如一下导航。

原创 es新特性

和工作原理一样：首先添加一个迭代器，每次调用都会返回一个next方法。

原创 vue前端工程化

本文介绍的是有关于vue方面的前端工程化实践，主要通过实践操作让开发人员更好的理解整个前端工程化的流程。本文通过开发准备阶段、开发阶段和开发完成三个阶段开介绍vue前端工程化的整体过程。规范一：适用于小项目，协作人员少的项目，结构清晰明了，维护方便，弊端是协作性比较差。规范二：适用于中大型项目，协作人员多的项目，开发人员只要在自己的目录下开发即可，不相互影响，提交代码不容易发生冲突。命名规范。

原创 git提交规范

Git 有很多的 hooks, 让我们在不同的阶段,对代码进行不同的操作,控制提交到仓库的代码的规范性,和准确性, 以下只是几个常用的钩子git钩子描述pre-commit判断提交的代码是否符合规范commit-msg判断 commit 信息是否符合规范pre-push执行测试,避免对以前的内容造成影响husky：操作git钩子的工具：本地暂存代码检查工具commitlint：提交信息校验工具commitizen：辅助提交信息 ，全局安装后可以使用cz命令，选项式提交git。

原创 前端——WEB-API那些有意思的api

一个用于解析URL，一个用于查询URL的Parmas。我们可以使用api来实现URL序列化。

原创 力扣算法题刷题记录——简单版

记录

原创 项目问题以及解决方案

1，关于tab切换接口请求两次，空数据的时候保留删除数据。问题描述：一个页面，顶部是一个tab，通过切换tab来渲染对应的组件，组件有两个，按照从list接口数组项的type来判断要显示哪个。这时候会导致一系列问题：问题一：切换tab，当切换的tab的类型是同一个的时候，接口会请求两次且第一次请求使用的数据是上次请求的数据作为参数。问题二：切换tab，tab类型是同一个的时候，如果数据为空，保留了上次的数据。

原创 记录帖子-开发过程中遇到的问题和感悟记录

用于记录项目迭代过程总遇到的问题以及总结经验

原创 nodeJS

nodejs个人快速入门笔记

原创 nuxt学习日记（个人快速入门）

我两个小时快速入门，你看只需要三十分钟就可入门！

原创 vue3笔记

第一章：vue3.0基础1，认识vue3.0vue3.0发布时间为2020-9-18，从项目体验上，vue3.0比起vue2.0有以下优势：打包大小减少41%初次渲染块55%，更新渲染块133%内存占比少54%2，新增内容源码重构，新增特性，重写架构。第二章：使用vue3.0创建vue3.0有两种方式：使用vue-cli和使用vitei.使用cli：vue create vue-name 选择vue3.0项目2，使用vite安装vite..

原创 typescript笔记

一：typescript介绍和环境搭建1.typescript介绍TS是属于JavaScript的超集，可以编译成纯JavaScript，TS新增了许多特性，例如数据类型、类、继承以及接口等。2，typescript环境搭建i.项目环境搭建安装node.js=>全局按照typescript：npm i -g typescriptii.编写一个ts文件并编译编写一个.ts文件=>命令行tsc b.ts=>编译成一个JavaScript文件。iii.vscode

原创 Dart&Flutter基础学习日记

Dart语法每段语气都需要逗号隔开定义变量Dart用两种定义变量的方式，第一种明确变量类型定义，第二种通过推导类型定义通过数据类型定义变量，dart的数据类型有：数字（int/double），字符串(String)，布尔(Boolean)，列表，集合(Set)，映射(Map)，符文。一：使用变量类型定义入口函数mainvoid main(List<String> args) { int firstFlutterCode = 12; print(firstFlutterCo

原创 vuex学习笔记

vuex是vue提供的一个集中式状态管理器，用于对数据的集中式管理。vuex有四个重要的属性：state、mutations、actions、getters1.vuex的使用安装npm install vuex建一个文件夹（store），新建一个index文件，文件内创建状态管理器storeimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({

原创 JavaScript之数组相关方法以及应用

1，稀疏数组稀疏数组是指数组中的某个下标未给出值或某个下标的值被删除。例如：let arrayOne=['xiaozi',,12,,true,23]let arrayTwo=[1,2,3,3,4]delete arrayTwo[1]console.log(arrayOne);console.log(arrayTwo);打印结果：未给出值或者被删除的元素的打印结果为empty，表示为空（注意不是表示为null）。打印该位置的值：console.log(arrayT.

原创 react-router@6.0

react-router6.0做出了一些改变路由注册将<Switch />改成了<Routes />路由引入将component改成了element新增多个hook新增组件新增routes和路由注册用法import React, { Component } from 'react'import { Link, Route, Routes } from 'react-router-dom'import PagesOne from '../pages/P

原创 react学习日记

reactreact-hello world第一个react程序hello world<body> <div id="test"></div><!--表示视图 --> <script src="./js/react.development.js"></script> <script src="./js/react-dom.development.js"></script>