图标element plus icon
element table第二页序号不从1开始
<el-table-column type="index" width="80" label='序号' align="center"> <template slot-scope="scope"> {{scope.$index + (formInline.pageno - 1) * formInlin ......
vue项目中自定义鼠标图标实现
要做大屏项目，为了各个细节都充满炫酷的感觉，鼠标的样式也要修改一下，自定义成自己想要的样式。 1、先上效果图，两种展示方式 实现这个效果首先要创建在目录下创建一个styles文件夹，里面分别包括common.css、common.scss、custom-cursor.scss。 1、common.c ......
element-ui 表格分页勾选数据
新增 使用:row-key 编辑 主要是回显数据，如果使用 :row-key,会造成取消了，但是翻页后，无法取消的问题。 给表格使用 select 和 select-all 事件去选择 然后把选择的数据给请求，使用this.$refs.multipleTable.toggleRowSelection ......
element-plus中的文件上传
官网：https://element-plus.org/zh-CN/component/upload.html 简单使用： 场景：与表单项一起提交，但是需要回显功能，可以用过本地url预览方式实现 <!-- 此处需要关闭 element-plus的自动上传，不需要配置 action等参数 只需要做前 ......
JavaWeb - Day03 - Ajax、前端工程化、Element
01. Ajax-介绍 Ajax 概念：Asynchronous JavaScript And XML，异步的JavaScript和XML。 作用： 数据交换：通过Ajax可以给服务器发送请求，并获取服务器响应的数据。 异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术 ......
element plus el-table表格合并
el-table表格合并实现都是使用表格的span-method属性绑定操作函数 <el-table :data="table.data" :span-method="objectSpanMethod" > </el-table> 操作函数格式 const objectSpanMethod = ({ ......
uml各图形图标表示的含义
UML 有几种关系图标：泛化（继承），实现，依赖，关联，聚合，组合 泛化（继承） B——▷A B 类作为 A 类的子类存在。实现 B ▷A B 类实现 A 接口。依赖 A >B B 类作为 A 类某个方法的参数，表示A想做某些事情需要依赖 B，不然做不成。关联 A——>B（单向） B 类作为 A 类 ......
Vue + Element 实现按钮指定间隔时间点击
1、业务需求 需要加一个按钮，调用第三方API，按钮十分钟之内只能点击一次，刷新页面也只能点击一次 2、思路 加一个本地缓存的时间戳，通过时间戳计算指定时间内不能点击按钮 3、实现 1）vue页面 <template> <el-row :gutter="15"> <el-col :span="4"> ......
mybatis-plus处理blob字段
转载自：www.javaman.cn 在 Spring Boot 项目中使用 MyBatis-Plus 处理 longblob 字段时，我们可以按照以下步骤进行操作。假设 longblob 存储的是字符串数据。以下是完整的示例代码： 添加依赖：在你的项目的 pom.xml 文件中添加 MyBatis ......
mybatis-plus 新版代码生成器模板
public class CodeGenerator { public static void main(String[] args) { // 数据源配置 FastAutoGenerator.create("jdbc:mysql://127.0.0.1:3306/xdclass?useUnicod ......
Mybatis-plus逻辑删除
转载自:www.javaman.cn 1、application.yml配置 mybatis-plus: 表示这是 MyBatis-Plus 的配置部分。 global-config: 全局配置。 db-config: 数据库相关配置。 logic-delete-field: 指定逻辑删除的字段名。 ......
悲观锁、乐观锁、mybatis-plus实现乐观锁
悲观锁、乐观锁、mybatis-plus实现乐观锁 转载自：www.javaman.cn 1、悲观锁、乐观锁 乐观锁和悲观锁是两种用于处理并发操作的数据锁定策略。它们在处理多个事务尝试同时访问和修改同一数据时的方法有所不同。 悲观锁 (Pessimistic Locking)： 概念：悲观锁是一种基 ......
修改python打包后的窗体图标、任务栏图标、exe图标
前言 我python开发的GUI界面(图形用户界面)一直是tkinter，打包exe一直是Pyinstaller。但是打包出来的exe图标、状态栏图标、窗体左上角图标一直是默认的羽毛，我想自定义。 效果 最后使用base64创建临时ico解决了该问题 步骤 创建icoToBase64.py，内容如下 ......
基于element-plus实现表单校验
官网 https://element-plus.org/zh-CN/component/form.html#自定义校验规则 需求 在日常开发中，我们需要对表单的内容进行校验，确保用户输入的符合我们正常的业务，并赋予正确的提示，以登录注册举例： 功能需求说明： 注册功能（校验+注册） 当用户输入用户名 ......
2023-12-05 antd的modal的右上角图标点击关闭不了modal ==》检查你的modal是否正确设置了open属性，以及是否正确设置了onCancel事件
今个儿早上测试给我提了个bug，说是modal右上角的关闭图标点击关闭不了，遂阅码，发现onCancel事件没写，只是给footer写了个取消按钮，导致点击关闭按钮时无法触发onCancel事件导致无法关闭 也有的情况就是你modal的open属性不正确 ......
Ubuntu20.04 网络图标不见了
sudo service network-manager stop sudo rm /var/lib/NetworkManager/NetworkManager.state sudo service network-manager start sudo gedit /etc/NetworkManag ......
让Element-ui的dialog对话框根据浏览器屏幕大小自适应
需求：让Element-ui的dialog对话框根据浏览器屏幕大小自适应 实现如下： ......
新建vue项目，并引入element ui和axios的步骤
一、新建vue项目 （1）win+R进入命令行 使用cmd （2）切换到需要创建vue项目的盘符下 直接D:就能切换到D盘 （3）使用vue ui指令 进入图形化创建vue项目的界面（注意在创建项目的时候，命令行不能关闭） 之后就在浏览器的界面中进行创建 点击下方的“在此创建新项目” （4）进入创建 ......
Postman - Create a Linux launcher icon
Create a file named Postman.desktop under ~/Downloads/sfw/Postman/app/resources with below content: [Desktop Entry] Encoding=UTF-8 Name=Postman Exec=~ ......
【法语阅读】Hayao Miyazaki commencera à travailler sur son prochain film lorsque Le garçon et le héron ne sera plus à l’affiche dans les salles de cinéma
Hayao Miyazaki commencera à travailler sur son prochain film lorsque Le garçon et le héron ne sera plus à l’affiche dans les salles de cinéma Hayao Mi ......
yellowbrick中ClassificationReport多分类图标一行数据异常全为0
from yellowbrick.classifier import ClassificationReport visualizer = ClassificationReport(model, support=True) visualizer.fit(X_train_std, Y_train)# 拟 ......
SAP Fiori Elements 针对 OData V2 和 V4 的 Extension API
sap.suite.ui.generic.template.ListReport.extensionAPI.ExtensionAPI 属于 SAP Fiori Elements 的早期版本，它基于 SAPUI5 框架构建，主要是针对 ABAP 环境下的 OData V2 服务。 sap.fe.tem ......
关于 SAP Fiori Elements List Report Go 按钮的实现
代码位置： 这段代码是 JavaScript 中的一个方法 _regularTriggerSearch，它是 SmartFilterBar 对象的原型方法。这个方法的主要目的是在一定延迟后触发搜索操作。这段代码中涵盖了 JavaScript 中的一些主要特性和概念，包括对象、原型、方法、控制流（if ......
Web 应用显示 Icon 的几种技术盘点
在Web前端应用开发中，渲染图标是一个常见的需求，可以通过多种技术来实现。图标在用户界面中扮演着重要的角色，提供直观的视觉反馈和更好的用户体验。以下是一些常见的前端图标渲染技术，以及它们的一些优缺点。 **1. 字体图标 (Icon Fonts) 字体图标是将图标作为字体文件（通常是.ttf或.ot ......
【C++ Primer Plus】C++11 深入理解右值、右值引用和完美转发
1. 右值引用和移动语义 1.1 左值和右值 左值 local value：存储在内存中、有明确存储地址（可寻址）的数据（x、y、z） 右值 read value：不一定可以寻址，例如存储于寄存器中的数据；通常字面量都是右值，除了字符串常量（1、3） int x = 1; int y = 3; in ......
elemen-plus点击空白处关闭el-popover
问题： el-popover设置 :visible 手动关闭弹窗后，无法点击空白处关闭弹窗。 解决方案： <script setup lang="ts"> import { ref, unref } from "vue"; import { ClickOutside as vClickOutside ......
uniapp uni-icons @click.stop 报Cannot read properties of undefined (reading 'stopPropagation')
点进去看了一下uni-icons的源码 @click的方法其实是他假装是个原生click的方法，执行 emit(click)给父组件 可以理解为uni-icons只至此click事件 不支持click.stop事件 解决办法也很简单 包一层view <view @click.stop="editFn ......
Web 应用中显示页面字体使用的 font-based icons 技术讲解
在前端Web应用开发中，采用字体图标（font-based icons）的方法是一种常见的技术，它允许开发者使用字体文件来呈现图标，而不是使用传统的图像文件。这种方法的优势在于它提供了一种灵活、轻量级且易于管理的方式来集成和使用图标，同时减少了HTTP请求和提高性能。 Font-based icon ......
React项目报错：Element type is invalid: expected a string可能的原因
React项目报错：Element type is invalid: expected a string 起因：用了屎一样的React Antd组件库，坑太多实在用不下去了，代码不变直接改成Tdesign，于是就开始了解决无穷无尽的报错。。。 Element type is invalid: exp ......
关于 FontAwesome icon 的 before 伪元素
看下图这个放大镜的例子： .fa-search:before 是一个CSS选择器，它被用于指定某个具有类名为 "fa-search" 的元素的伪元素 ":before"。这个样式规则的作用是在该元素的内容之前插入一个字符，具体的字符是 "\f002"。在这里，"\f002" 是一个 Unicode ......