plus elementui-plus element-plus elementui
Maybatis-Plus 数据库查询 lambdaQuery和mapper中EQ、NE、GT、LT、GE、LE、select、like、in、leftjoin的用法及详解
Maybatis-Plus lambdaQuery和mapper中EQ、NE、GT、LT、GE、LE的用法及详解 实体 当前实体如下，后续代码示例都用该实体； @Data @TableName("user_info") @ApiModel(value = "UserInfo对象", descript ......
解放VSCode+Vue的完整组件库智能提示（包括ant-design-vue、element-plus等）
解放VSCode+Vue的完整组件库智能提示 最近因为一些原因从WebStrom转回VS Code，首先感受到的就是组件库没有智能提示了： 这能忍吗？根本不可能！接下来，我带你花三分钟找回遗失的智能提示～ 首先，本篇文章适用于通过unplugin-vue-components自动引入组件的项目；也就 ......
Mybatis-Plus集成Sharding-JDBC与Flyway实现多租户分库分表
背景 公司产品部收到了一些重要客户的需求，他们希望能够依赖独立的数据库存储来支持他们的业务数据。与此同时，仍有许多中小客户，可以继续使用公共库以满足其需求。技术实现方面，此前持久层框架使用的Mybatis-plus，部分业务场景使用到了Sharding-JDBC用于分表，另外，我们的数据库版本控制工 ......
在Vue3中使用Element-Plus分页（Pagination ）组件
在Vue3中使用Element-Plus分页（Pagination ）组件 开发过程中数据展示会经常使用到，同时分页功能也会添加到页面中。 记：在Vue3中使用Element-Plus分页组件与表格数据实现分页交互。 开始实现 引入表格和分页组件的H5标签。 <strong>Element-Plus ......
MyBatis-Plus
MyBatis-Plus官网：https://baomidou.com/ 一、简介 1. 概述 MyBatis-Plus（简称 MP，是由baomidou(苞米豆)组织开源的）是一个基于 MyBatis 的增强工具，它对 Mybatis 的基础功能进行了增强，但未做任何改变。 使得我们可以在 Myb ......
Vue3 Element-Plus 一站式生成动态表单
数据接口设计 type TreeItem = { value: string label: string children?: TreeItem[] } export type FormListItem = { // 栅格占据的列数 colSpan?: number // 表单元素特有的属性 pro ......
element-plus如何隐藏el-row
在 Element Plus 中，el-row 是用于布局的组件，如果你想要隐藏 el-row，你可以使用 CSS 的 display 属性将其设置为 none。以下是一个简单的示例： <template> <el-row v-show="shouldShowRow"> <!-- 这里是 el-ro ......
vue3+element-Plus表格滚动联动
const Table0 = ref() const Table1 = ref() function syncScroll() { for (let i = 0; i < compareData.compareInfo.length; i++) { let firstTable = Table0.v ......
设置ElementUI表格只能单选
隐藏表头 利用select事件和toggleRowSelection方法 // 伪代码 @select="select" select(row) { const selectData = this.$refs.table.selectedData; this.selectedData = Objec ......
elementui el-upload实现不自动上传，将上传内容放在formData里面，传递给后端
//这种情况一般是要弹出一个弹框进行上传操作 <el-upload ref="upload" action="" name="fileList" :show-file-list="false" :auto-upload="false" :multiple="true" :headers="heade ......
element plus -- el-table 中分页选中回显
需求： 切换分页或者根据筛选条件过滤后 选中项依然保持选中状态 代码： <el-row class="pro-list-container"> <el-table :data="productAttrs" ref="multipleTable" class="pro-table" :header-c ......
Vue3+Element plus 实现表格可编辑
<template> <div> <el-button type="primary" @click="handleAdd"> 新增 </el-button> </div> <div> <el-table :data="tableData" style="width: 100%" border @ce ......
Vue3调用Element-plus涉及子组件v-model双向绑定props问题
Vue3调用Element-plus涉及子组件v-model双向绑定props问题 在Vue3调用Element-plus的el-dialog组件时，碰到个很有意思的问题，el-dialog的属性值v-model直接控制对话框的显示与否，点击关闭对话框和遮罩区域，组件内部会自动更改v-model的值 ......
关于elementUI开发中使用的一些小技巧
关于表格 1.表格的勾选遇上分页 问题：当需要对表格批量操作，并且表格数量量不止一页的情况下，怎么在点击下一页时再回来能够保留之前勾选的状态（前端分页）？ 在element官网中没有这个例子，但是有对应的两个属性就可以了 只需要在多选框那一列加上这个属性，并且设置表格每行的key： 例子： <el- ......
除了elementUI，还有这些vue框架？？？
原来Vue.js还有这么多好用的UI组件库 前言 前几天笔者在逛推的时候关注到这样一篇帖子： 翻译下来就是这个： 相对于 React，我更喜欢 Vue，但是该死的 - Radix UI、shadcn、Tremor 等看起来都很棒。 Vue 肯定缺少一些顶级的 UI 组件库（特别是考虑到 Tailwi ......
C++PRIMER PLUS 第五版 习题集随笔
这篇文章是我在学习C++PRIMER 习题集时 ,遇到我认为有必要笔记下来的内容。 思考： 请思考如何写一个单词计数程序: 要求： 1.请使用map容器 2.请使用insert迭代器代替下标操作 代码示例: #include<iostream> #include<map> #include<stri ......
C++ PRIMER PLUS 第五版习题集随笔 二
随笔二 在C++ STL容器中的关系容器比较特殊,map,set,multimap,multiset等,他们有自己的排序算法, 并且只要向这些关系容器插入元素, 就好默认使用升序的排序算法. 示例 假设有作家: A, B, C, D每位作家各自拥有与其他作家不同数量的作品: it1, it2, t3 ......
ElementUI2+Vue2实现日期选择长期功能
ElementUI2+Vue2实现日期选择长期功能 效果如图： 代码如下： <template> <div> <el-row> <div class="block"> <span class="demonstration">带快捷选项</span> <el-date-picker v-model=" ......
Mybatis-Plus 使用隐患，太坑了！
作者：糊涂码 链接：https://juejin.cn/post/7156428078061895710 前言 MP 从出现就一直有争议 感觉一直 都存在两种声音 like： 很方便啊 通过函数自动拼接Sql 不需要去XML 再去使用标签 之前一分钟写好的Sql 现在一秒钟就能写好 简直不要太方便 ......
elementui 自定义上传接口上传完图片之后无法再进行第二次上传，踩坑解决
1，上传功能 <el-upload action="" ref='upload' :http-request="handleFileUpload" :limit="1" :show-file-list="false" > <i class="el-icon-upload2"></i> </el-up ......
mybatis-plus 根据当前时间，判断检索
<if test="timeStatus != null and timeStatus.trim() != ''"> <if test="timeStatus == 1"> <![CDATA[ AND DATE_FORMAT(now(), '%Y-%m-%d %H:%i:%S') < DATE_FO ......
element-plus设置为中文
element-plus组件文字语言默认是英文，需要手动更改一下中文包 引入element import ElementPlus from "element-plus"; import "element-plus/dist/index.css"; import zhCn from "element- ......
vue 使用elementui el-image 图片地址不变，图片不刷新问题
问题 ：el-image图片地址不变，图片不刷新问题 原因 ： 在 Web 开发中，浏览器会缓存已经加载的静态资源（比如图片、CSS、JS 文件），以提高页面加载速度，减轻服务器负担。 当图片的源路径不变时，浏览器会对这些图片进行缓存，如果图片内容更新了，但是浏览器还是使用缓存，这时候就需要 在图片 ......
Mybatis-plus 批量插入insertBatchSomeColumn的使用
Mybatis-plus 的 service 层 IService 接口下的 saveBatch 批量插入方法不够高效 Mybatis-plus 的 mapper 层有个选装件 insertBatchSomeColumn 1，新增一个类 此SQL注入器继承了DefaultSqlInjector(默认 ......
vuejs3.0 从入门到精通——Element Plus 组件库
Element Plus 组件库 一、Element Plus 基于 Vue 3，面向设计师和开发者的组件库。 二、完整导入 https://element-plus.org/zh-CN/guide/quickstart.html 如果你对打包后的文件大小不是很在乎，那么使用完整导入会更方便。 // ......
elementui 工具使用el-form嵌入el-input组件添加@change事件，点击回车键（enter）时整个页面会刷新，以下是阻止页面刷新的方式
解决页面刷新问题就是阻止el-form上默认的提交事件@submit.native.prevent <el-form ref="formRef" :model="getFormData" size="small" label-width="auto" @submit.native.prevent> ......
vue3 使用elementUI饿了么el-table组件 动态循环自定义表头列数据
在vue3上使用el-table组件自定义循环表头列； <el-table :data="list" v-loading="loading" border> <!-- @selection-change="handleSelectionChange" --> <!-- <el-table-colum ......
element-plus 动态自定义主题颜色
颜色的HEX格式 颜色的HEX格式是#+六位数字/字母，其中六位数字/字母是一种十六进制的表达方式。这六位分别两个一组，从左到右分别表示红、绿、蓝。00表示最小，十进制是0；FF表示最大，十进制是255。通俗点讲，某个颜色的数值越大，包含这个颜色就越多。如：#000000-黑色、#FFFFFF-白色 ......
mybatis 或 mybatis-plus执行原生sql
mybatis 或 mybatis-plus执行原生sql 1、用${}的方式执行执行sql @Autowired MyDbMapper myDbMapper; @Override public List<Map> nativeSql(String nativeSql) { return myDbM ......
Element Plus 动态表单验证
<div v-for="(item, index) in formList" :key="index"> <el-form :ref="(el) => { formRefs(el) }" :model="item"> <el-form-item> <el-input v-model="item.na ......