- 博客(80)
- 收藏
- 关注
RSS订阅
原创 react+typescript+vite+tailwind css学习总结(react19最新版)持续更新
全局在index.html中进行修改单独修改使用ahooks（但是目前貌似还不支持react19）
2025-02-11 11:15:36
1183
原创 Ubuntu安装教程+网页部署于服务器（前端+后端+mysql数据库）新版
记得此图形界面路径为，home底下的用户的文件夹，也就是/home/lyf/
2024-12-24 10:38:04
2055
5
原创 Vue3+TypeScript+AntVX6实现Web组态（从技术层面与实现层面进行分析）内含实际案例教学
以下为官方提供的节点形状：以下为图片形状的设计代码：首先设置shape为image，让节点为图片状，而后在markup上注册image区域（因为有后续自定义需要所以定义了markup，不定义也可以，但是需删除markup字段）。而后设置图片的路径，并且定义自定义标签，此处在外部定义label，会导致而后所有在markup上注册的text都为相同的标签，但是可以在attrs自定义标签，并用selector选择器进行选择即可解决。
2024-10-14 15:12:42
2139
2
原创 登陆状态检测设计：Vue3+TypeScript+JWT+SpringSecurity+Redis+SpringBoot+Axios二次封装
用户访问别的接口=》SpringSecurity进行拦截=》自定义拦截器检验（详细设计在后文）=》反馈状态码给前端=》前端通过状态码进行处理。用户进行登录==》后台检测是否存在该用户信息=》通过JWT生成Token=》将信息存入Redis并设计Token与Redis的失效时间。前端二次封装Axios代码，实现通过后端反馈状态码实现不同逻辑（具体的二次封装方法请看之前的文章）关键的SpringSecurity过滤器代码，实现接口检测。SpringSecurity配置代码。
2024-10-08 13:48:11
627
原创 MyBatis-Plus心路历程（内含大量Java底层知识，建议学习）
MyBatis基础教程Java底层知识：为什么MyBatis里的Mapper和Dao都要用接口的形式，而不是用类，以下是对JAVA接口、类的理解： 单独Service类和Service接口与ServiceImp实现类的对比与理解： 对于上述Mapper和Service的extends（扩展）和implements（实现）的理解：为什么Service接口里的方法要用public而不能用private：为什么在ServiceImp的Service实现类里面Mapper的定义要加入@Autowired
2024-08-28 17:09:52
943
原创 Vue+SpringBoot在线教育考试及管理平台开发（纯原创）后续还在开发，会持续更新
Vue+SpringBoot在线教育考试及管理平台开发（纯原创）后续还在开发，会持续更新
2024-03-17 17:09:42
1116
1
原创 Java学习日记-cherryMarkdown格式存入数据库问题解决（JavaScript格式和Mysql格式冲突解决）
Java学习日记-cherryMarkdown格式存入数据库问题解决
2024-03-06 15:44:21
713
1
原创 Docker内网部署前后端分离项目-Windows环境下
容器名为：container_name: frontend_container（可以进入容器，通过docker exec -it frontend_container bash）解释为什么不需要打包nginx与jdk，在docker-compse的构建中，已经构建好的前后端的镜像，也就是此镜像内置了这些依赖与环境。进入Docker官网下载Docker，然后将此文件拷贝到无网络的电脑中，双击进行安装。打包好后会生成：my_images.tar，它是一个镜像集合。修改docker-compose.yml。
2025-04-02 11:20:12
488
原创 脱围机制-react18废除forwardRef-＞react19直接使用ref的理解
第二步：在子组件接收ref，并通过useImperativeHandle进行脱围。第三步：父组件使用ref进行使用子组件脱围的对象。第一步：在父组件声明ref并传递ref。
2025-03-27 16:41:04
478
原创 深入理解React-直接修改对象/useState/useRef
只修改对象的值->不影响UI也就是不出发UI渲染(依然还是2，但是值确实发生了变化）
2025-03-18 15:02:41
400
原创 Vue3+TypeScript完美实现AntVX6官方人工智能建模 DAG 图
简述：本文通过理解官方文档进行编写，实现官方的示例效果。实现结果如下：代码解析：代码解释为onMounted初始化页面顺序进行讲解。
2025-01-14 15:44:29
960
原创 Three.js+Vue3实现仪器虚拟拆解+ 解决反光问题！（重磅）
以下代码支持：各类仪器虚拟拆解、仪器虚拟展示。以下代码支持：各类仪器虚拟拆解、仪器虚拟展示。
2025-01-09 14:05:44
111
原创 gis开发三维地球（Cesium+Vue3+JS+本地离线部署）
（将影响瓦片类比拼图，首先是有很多层的拼图，然后根据x、y去定位拼图所在位置）：里面含有0，1，2（分别代表每一层z）0，1，2文件夹底下再分为0，1，2（代表这层的x）再下一层为对应的0.png（代表这层的y）通过z、x、y去读取每一块图片。
2025-01-09 09:13:09
627
原创 Three.js+Vue3+JS初学者教程（工作积累）
显示模型的三步骤：一、检测浏览器是否支持WebGl二、建立场景场景包含：新建场景（用于放置与配置画布）、创建相机（模拟人眼）、创建渲染器（模拟摄像机跟拍）、环境光（防止显示模型为黑模）、窗口动态监听（让模型跟着窗口变化）、渲染函数（模拟摄像机跟拍）三、加载模型。
2025-01-03 14:23:11
412
原创 全栈工程师之——MySql工作积累日记（持续更新）
检查是否在代码生成器之前把数据库字段设置为自增，若代码生成器生成代码时id不为自增，会导致id的初始值为随机数。当多个表相关联的时候，经常会在数据库引入外键的思想（方便删除与数据关联），从navicat的设计表中进行修改。RESTRICT：如果删除父表的时候，子表还有相关联的数据，阻止删除或更新子表的相关数据。SET NULL：当删除关联的父表数据的时候，此条子表数据关联的对象会被设置为NULL。CASCADE：删除关联的父表数据的时候，此条子表的数据会相应的被删除。
2024-12-18 15:15:34
407
原创 Vue3组件化开发（让单个Vue文件更清晰，实现高内聚低耦合）
案例：父组件里有A组件、B组件A组件 =》 父组件 =》B组件AComponent.vue<template> <div @dragend="handleDragEnd">Drag Me</div></template><script setup lang="ts">import { defineEmits } from "vue";// 定义发出事件const emit = defineEmits<{
2024-12-17 13:57:35
312
原创 JavaScript开发下对于异步函数的理解（解决请求并未及时更新数据问题)
使用.then()和.catch()：适用于简单的异步操作，但当异步操作复杂时，会导致代码的可读性差，错误处理繁琐，且容易引发“回调地狱”。使用asyncawait：使得异步操作的代码看起来更像同步代码，易于理解，错误处理更加集中。await确保异步操作按顺序执行，避免了潜在的顺序问题和竞态条件。异步编程的优势提高效率：避免了阻塞主线程，提高程序的响应速度。非阻塞性：异步操作不会影响程序的其余部分运行，特别是在进行网络请求或IO操作时，异步编程使得应用能够处理更多并发操作。在复杂的异步操作中，
2024-11-28 09:48:38
792
原创 Vue3+TypeScript对于SVG的使用
建立SVG区域，并且设立点击事件click（引出线），鼠标移动事件mousemove（拉线）{x: 2000, y: 584,color:'red',text:"接收机输入"},{x: 2000, y: 165,color:'red',text:"矩阵输出"},{x: 1710, y: 90,color:'red',text:"矩阵输入"},-- 终点和固定线 -->-- 动态线 -->//设置SVG里要显示的字。固定线，自主添加固定的线。设置终点，并且将线固定。//svg区域大小的设置。
2024-11-15 14:18:23
675
原创 SpringCloud项目实战之完善统一返回值+全局异常处理
学习于：Bil阳哥教学视频13_项目实战之完善统一返回对象ResultData_哔哩哔哩_bilibili枚举类的编写package cn.ryan.cloud.Result;import lombok.Getter;import java.util.Arrays;@Getterpublic enum ReturnCodeEnum { //1。举值 /**操作失败**/ RC999("999","操作XXX失败"), /**操作成功
2024-10-30 14:19:18
270
原创 Mybatis-Plus最新版代码生成器使用教学（开箱即用）
项目结构如下图，需要自己在resources下建立一个mapper（代码里有生成xml的代码）复制路径方法：右键选择复制路径、绝对路径、并且记得要是它的子目录所以要加\\，详细看代码。
2024-10-29 11:24:04
326
原创 Web组态-仪器间的相互通信（WebSocket技术）
Web组态，通过Vue3+TypeScript+WebSocket技术实现平台仪器间的相互通信，用于设计工业化虚拟仿真。仪器A代码，在需要改变数据的时候通过发送信息的方式让所有连接WebSocket的客户端收到信息。如下是通信设备虚拟仿真的三个仪器，设计初衷是想三个仪器能够数据互通，实现真实模拟效果。主界面代码如下：关键代码 socket.onmessage接收信息逻辑。仪器B、C接收（传参要定义在onMounted外面，否则会报错）界面图如下（之前文章有详细教学）主界面传参给仪器B、C。
2024-10-22 10:48:34
515
原创 Vue+TypeScript+SpringBoot的WebSocket基础教学
首先页面与WebSocket建立连接、向WebSocket发送信息、后端WebSocket向所有连接上WebSoket的客户端发送当前信息。第一步：在后端引入WebSocket依赖。第三步：建立WebSocket自定义支持。第四步：在前端开启WebSocket通信。第二步：在后端配置WebSocket。
2024-10-21 09:31:55
516
原创 AntV X6自定义连接线样式（Vue3+TypeScript）
效果图如下：（连接线是有动画的，模拟数据传输特效）在全局注册连接线特效，方便AntVX6检测到样式。
2024-10-17 15:18:36
1423
原创 AntV X6拖拽放置进画布的定位优化（Vue3+TypeScript）
通过思索，其实也就是把坐标原点的定位移至中心即可，那么就是节点的大小（代码里的nodewidth喝nodeheight），这个大小根据后续添加的节点自我设置，然后减去X轴和Y轴减去他们的一半即可。方案是根据pageToLocal进行位置计算，但是每次的原点都是在左上角 ，因为SVG坐标系是以左上角为原点，导致放置的地方就会有偏差。以下是未优化的版本（在第一篇文章有讲解）
2024-10-17 15:13:16
522
原创 SpringBoot3+Swagger3（最新版springdoc-openapi教程）
配置OpenApi（新版可以不用配置即可使用，这个是高阶配置）访问网页版（注意如果出现空白页排除security等的限制）第一步：引入springdoc-openapi依赖。设置springdoc参数。
2024-09-25 15:01:32
564
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人