AI六月-优快云博客

原创 (Vue3 组合式Api) Element Plus表格双击单元格编辑

同时添加两个功能，点击添加参数按钮可在表格中添加新行，选择某行，点击删除参数即可删除所选行。

2024-12-09 18:04:04 378

原创 Element-plus表格数据延迟加载

我在这里设置了两种加载方式，当数据量少于500条时，就直接赋值给表格，不会出现打开表格卡顿，当数据量大于500条时，进行分批加载数据。延迟加载，设置加载数量，首先加载展示一定数量的数据，监听表格的滚动条事件，当滚动到可视化数据量的最底部触发再加载数据事件。通过类选择器找到表格滚动条并进行监听绑定事件，handleScroll。当滚动到前一次加载的数据量结束后，触发再加载事件。（加载数据量过五万条的数据在表格中展示）主要作用是方便找到对应表格的滚动条。

2024-11-22 18:14:22 548

原创 Swing进度条

【代码】Swing进度条。

2024-10-14 12:59:21 285

原创 Orson Chart在Swing中绘制三维曲线

一个用于 Java 平台的 3D 图表库，它支持多种类型的 3D 图表，包括线图、散点图、曲面图等。可以旋转、缩放，但是本身不支持动画效果，需自己编写代码来逐步更新数据，并在每次更新后重新绘制图表。高版本代码不兼容低版本的实例，高版本的教程需要另外收费。这是1.7版本的，可以点击下载jar包进行导入项目，我引入jar包乱码，且不开源。

2024-09-25 17:37:54 271

原创前端处理延时的两种方法（setTimeout、setInterval）

setTimeout。

2024-09-20 10:36:14 556

原创 vue子组件通过emit向父组件传参

1、在子组件中导入defineEmits。3、在需要传递参数的地方使用emit函数。1、在导入子组件时绑定传递的事件。2、自定义事件及传递的参数类型。2、调用函数将传递出的值赋值。

2024-09-14 10:28:30 378

原创 git中启用双认证（2FA）后使用SSH克隆项目

接下来，系统会提示您输入一个密码短语（passphrase）。这是一个可选步骤，密码短语用于在您使用私钥时解锁它。如果您不想设置密码短语，可以直接按回车键跳过。但请注意，使用密码短语可以增加安全性。然后，将公钥文件的内容复制，添加到GitLab账户的SSH密钥设置中，以便使用SSH克隆仓库或进行其他操作。您可以直接按回车键接受默认路径，或者输入一个新的文件路径来指定一个不同的位置。系统会询问您保存新生成的SSH密钥对的位置。完成这些步骤后，您将在指定的位置得到两个文件：私钥文件（例如。

2024-06-28 15:08:31 429

原创 java加载Qt 中的.ui文件

4.在Java中创建maven项目，在pom中引入依赖，要使用qtjambi。其中.ui文件需要更换到自己Qt项目中.ui文件。1.下载Qt并安装（需要加镜像，提高下载速度）（我这里都指定了版本号都是6.7.1的版本）5.尝试编写代码，加载Qt中的.ui文件。3.创建Qt项目，生成.ui文件。

2024-06-21 11:23:39 208

原创 video标签的使用

先熟悉video标签的常用属性：src 属性（视频链接）、controls属性（视频控件，提供播放、暂停、进度条等）、autoplay属性（自动播放）、loop属性（循环播放）、muted属性（静音播放）：在加入autoplay属性后没有自动播放视频，必须加上muted属性，有的浏览器不允许非静音自动播放，如谷歌、火狐浏览器等，所以要加上muted属性，才会自动播放。

2024-03-07 12:19:21 688 1

原创 React组件生命周期

执行顺序：constructor() ——> render() ——> componentDidMount()（作用：发送请求、DOM操作、执行时机：1、setState() 2、forceupdate() 3、组件接受到新的props。componentWillUnmount(): (作用：执行清理工作（比如：清理定时器等）)执行顺序：render() ——> componentDidUpdate()注意：不能调用setState()，这两个都起到了更新渲染的作用，一起用会报错。

2024-01-23 16:45:26 373 1

原创 React初学之路由管理

先上图：（我建立的布局模板为HomePage.js，在父类模板布局中嵌套其它的子页面，即点击左侧的菜单栏，在中间显示对应的子页面，父类模板布局不变。5、在需要的按钮或面包屑加入标签,link到自己想到的子页面即可。6、在需要放子页面的位置嵌入子组件即可，加上路径path="/Home"3、将父类组件包含在标签中。路由（即一个组件对应一个地址）本文利用。的ui库中的布局搭一个网站的样子。2、在父类模板布局中使用。

2024-01-22 18:25:43 473

原创 React初学之绑定事件

【代码】React初学之绑定事件。

2024-01-22 16:17:41 446

原创 React初学之创建组件

通过ES6的class关键字来定义的。这种方式也可以接收props和state作为参数，但需要在constructor方法中初始化它们。同样，render方法需要返回一个JSX元素。这是一种在函数式组件中使用React的状态和其他特性的新方式。从React 16.8开始，你可以使用useState、useEffect等Hooks。这种方式不需要class或extends关键字，但需要在函数外部声明依赖项数组。这种方式创建的组件接收props和state作为参数，返回一个JSX元素。

2024-01-15 15:38:40 487

原创前端实现获取数据的图标信息更换

这段JS用了两次Ajax去调用接口，第一次是点击到当前的页面时，调用接口，查看是否有缓存的projectId，如果有projectId，先把几个输入框的id定义成数组，再去循环调用，后端返回的状态是1，2，3三种状态，在JS 部分的成功里，分别给不同状态换成对应的图标和显示信息。通过后端的接口将数据库中有数据的显示在输入框中并且把图标换成绿色，鼠标移动到图标上显示已引用；将数据库中没有值的给对应的输入框自动填充默认值20.00，图标换，信息也换；

2024-01-03 17:12:53 440 1

原创 Layui标签页的实现

第二种是通过点击事件去处理代码大致相似，只不过没有用到layui的element组件和element.init()初始化的方法，比较简单，这里不再展示。先上图：（这是一个页面中同时存在的两个不同的标签页，也同时用了两个方法来写的。

2023-12-26 10:16:53 920 1

原创 layui数据表格中的数据获取以及实现复选框的勾选

注意：在遍历获取表格数据（如，项目名称 projectName）时，注意在浏览器中检查元素的结构，layui喜欢隐藏一些内容，我也检查了好久才发现实际的值在td标签中还有一个div标签（这才是真正的值所在）所以在找到值的时候后面得跟一个空格div( div)就好了；还有要找对位置（从大往小找）先展示效果（说明：该效果是通过一个后端发来的一个id去找到对应的表格的行，同时获取表格的项目名称：LLL，将其显示在父页面上；并且实现将id对应的表格的行的复选框进行勾选中）话不多说上代码：（只展示核心部分）

2023-12-06 17:28:05 1441 1

qq_63578903的博客