elementui Java学习 --- mybatis处理各种查询的返回结果 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 若依-Ruo Yi(分离版学习笔记) ℋᙚᵐⁱᒻᵉᑡᐷ鲸落 发表于2024-04-21 浏览8370 评论0 若依-Ruo Yi(分离版) 一、了解框架 1、简介(什么是若依) RuoYi 是一款基于SpringBoot + Bootstrap 的快速开发框架。 RuoYi 官网地址:http://ruoyi.vip(opens new window) RuoYi 在线文档:http://doc.ruoyi.vip(opens new window) RuoYi 源码下载:https://gitee.com/y_project/RuoYi(opens new window
elementui Elementui中El-menu导航栏(elementui导航栏菜单) 百度用户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 vue2后台管理系统( vue2 + vue-router + Vuex + axios + elementui + echarts,nodejs后台) 天才 发表于2024-04-21 浏览4143 评论0 技术 vue2 + vue-router + Vuex + axios + elementui + echarts 目录 技术 serve 1.db数据库连接 2.user.js 3.app.js router 1. permission.js路由拦截 store(vuex状态管理) userModule.js api和utils 1.request.js请求根路径 2.SessionStorage.js(数据持久化) 3.接口api文件,Good
elementui el-table实现列筛选功能,控制列的显示和隐藏(实现简单,效果满分) 不能说的秘密 发表于2024-04-21 浏览9609 评论0 前言 今天又遇见个有意思的问题:公司的管理系统一般都是表格展示数据,比较直观。很多时候展示的数据比较多,有些列没必要展示,这时候就需要把某些列暂时隐藏。 在使用avue-crud框架的时候,原生就支持这个功能。但是我开发时,有些列表用的是element框架的el-table组件,原生不支持列筛选的功能,这就得自己想办法了。 本来我是参考了程序媛na的方法,暂时实现了这个功能,但是每次筛选列都会造成表格的闪烁,不能像avue-crud那么丝滑,于是我就看了看avue-crud的源
elementui 在Element UI中表格根据数据动态变化显示表格的内容 百度用户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 发表于2024-04-21 浏览4882 评论0 elementUI自定义上传文件(前端后端超详细过程) 简介:自定义上传文件并与其他参数一同提交到后台(主要使用axios) 简单介绍组件( upload)的属性(熟悉参数的直接略过) 总结elmentUI一下它的使用和常用属性的作用。 limit : 限制了上传文件的个数 , 如果你上传单个文件这里设置 1 ,多个文件就别设置。 auto-upload:自动上传,在我看来,除非是单独上传文件时, 这个属性才有用,因为单独文件直接上传到后台服务器。 而我们想要自己获取到组件里的文件和其它
elementui 解决element-ui布局容器高度不能充满屏幕的问题 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实现)的主页布局设计 25013415 发表于2024-04-21 浏览6560 评论0 源码地址:https://gitee.com/cheng-xuyuan/blogWeb.git(请忽略这句) 一、整体布局 上下划分,再左右划分。 主体代码: <el-container "> <!-- 头部区域 --> <el-header> </el-header> <el-container> <!-- 侧边栏区域 --> <el-aside >
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