×

elementui

Java学习 --- mybatis处理各种查询的返回结果

x176 x176 发表于2024-04-21 浏览5875 评论0
目录 一、mybatis的各种查询功能 1.1、当查询的数据有多条时使用list来接收 1.2、当查询的数据返回是一个数据类型时 1.3、当查询的数据返回是map类型时 1.4、当查询的数据返回结果为多条时 一、mybatis的各种查询功能 1.1、当查询的数据有多条时使用list来接收 List<User> selectUserById(); <select id="selectUserById" resultType="com.cjc.mybatis

elementui

Elementui中El-menu导航栏(elementui导航栏菜单)

百度用户84084 百度用户84084 发表于2024-04-21 浏览5735 评论0
el-menu官方文档:Element - The world's most popular Vue UI frameworkElement,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库https://element.eleme.cn/#/zh-CN/component/menu 参考:vue后台管理系统布局模板_~疆的博客-CSDN博客_vue 后台管理系统模板类似以下这种布局,其中,Aside板块可以展开/收缩结构目录:home.vue:<!--home.v

elementui

el-table实现列筛选功能,控制列的显示和隐藏(实现简单,效果满分)

不能说的秘密 不能说的秘密 发表于2024-04-21 浏览9609 评论0
前言 今天又遇见个有意思的问题:公司的管理系统一般都是表格展示数据,比较直观。很多时候展示的数据比较多,有些列没必要展示,这时候就需要把某些列暂时隐藏。 在使用avue-crud框架的时候,原生就支持这个功能。但是我开发时,有些列表用的是element框架的el-table组件,原生不支持列筛选的功能,这就得自己想办法了。 本来我是参考了程序媛na的方法,暂时实现了这个功能,但是每次筛选列都会造成表格的闪烁,不能像avue-crud那么丝滑,于是我就看了看avue-crud的源

elementui

在Element UI中表格根据数据动态变化显示表格的内容

百度用户45065 百度用户45065 发表于2024-04-21 浏览4969 评论0
需求 对于Element UI里的表格,如果假设传入data的数据为数字(事实上其他的字母之类的也可)代表为表格的一些固定选项,而不是直接传入字符串,怎样实现替换。比如对于某个表格的选项,传入的数据用0表示否,1表示是这样的固定选项,而在el-table-column常用的方式是用prop规定数据属性传入数据,那么在表格里只能显示出来0或1的数字,达不到我们的需求。 首先对于需求我们想到的方式是用v-if来设定判定条件,在el-table-column里写两个span来解决问题,一个直接数据

elementui

elementUI自定义上传文件(前端后端超详细过程)(elementui手动上传文件)

davdskill davdskill 发表于2024-04-21 浏览4882 评论0
elementUI自定义上传文件(前端后端超详细过程) 简介:自定义上传文件并与其他参数一同提交到后台(主要使用axios) 简单介绍组件( upload)的属性(熟悉参数的直接略过) 总结elmentUI一下它的使用和常用属性的作用。 limit : 限制了上传文件的个数 , 如果你上传单个文件这里设置 1 ,多个文件就别设置。 auto-upload:自动上传,在我看来,除非是单独上传文件时, 这个属性才有用,因为单独文件直接上传到后台服务器。 而我们想要自己获取到组件里的文件和其它

elementui

解决element-ui布局容器高度不能充满屏幕的问题

Jason Jason 发表于2024-04-21 浏览9266 评论0
我们在使用element-ui的布局容器时,往往会出现这样的问题: 布局容器未充满整个屏幕,下面有一大片空白区域,极度不美观。 我不答应! 对此,你可以试试以下方法: 第一步,可以先将包含aside区域与main区域的el-container标签的高度设置为100%,(element-ui中会有对映都css语句对应el-container标签,修改它即可) body>.el-container { margin-bottom: 40px; height: 100%;

elementui

vue中数据滚动显示 实现Element-UI中el-table内数据的懒加载

大雪纷飞 大雪纷飞 发表于2024-04-21 浏览8067 评论0
工作中我们经常会用到element-ui组件库中的le-table组件来展示数据,但当table的数据源数量过大的时候统一展示可能会出现页面卡顿,且会影响用户体验,为此我们可以尝试对el-table中的数据做懒加载的效果展示: 1. 挂在阶段监听el-table的scroll滚动事件 2. 当table表格滚动条的位置+调试的固定高度+要显示数据的高度>=el-table-body(当前加载出的table数据总高度)时就可以向table数据源中push进新的数据了 // 1.在页面挂

elementui

Vue实现附件上传功能(vue 上传组件)

天上的小小 天上的小小 发表于2024-04-21 浏览8032 评论0
当前记录的都是在工作中自己遇到的问题,记录下来是希望再次遇到时,可以直接应用,不需要花费很多的时间查找资料,当然,以下的方法大部分都是参照网上已有的资源,只是略作整合,引用时根据自己的实际情况做一下扩展。 vue前端,上传按钮--> 上传选择对话框js <el-button size="mini" type="text" icon="el-icon-document-add" @click="handleUpload()" >上传 </el-butto

elementui

对于el-upload标签的accept属性理解(el-upload accept)

丶 发表于2024-04-21 浏览7955 评论0
对于el-upload标签的accept属性理解 近日测试提出一个bug,在上传文件时,如果选择internet快捷方式上传,此文件会直接显示下载。 正常上传文件都是不会打开文件和对文件进行操作的,测试说这个bug在其他系统中也遇到过暂未解决。就这句话,我就开始好奇了! 我去百度了怎么生成Internet快捷方式。 新建txt文件,复制下面内容,然后将 .txt 后缀改为 .url 就得到了一个Internet快捷方式 [DEFAULT] BASEURL=http://hi.baid