草庐IT

element-admin

全部标签

Element UI 及 Element Plus框架

一,何为Element UI 及 Element Plus?它们是前端框架。它是包含很多有自己风格的组件库。 Element目前有两个版本:element-ui及element-plus两个版本。它将HTML的基础控件进行了封装,用户只需要调用这些控件就可以了。而不需要用CSS去调整风格。ElementUI是一款基于Vue2.x的界面框架;ElementPlus是一款基于Vue3.x的界面框架;既然基于Vue,所以可以使用打包工具打包,例如Vite或WePack 当然ElementUI与有React及Angular的版本了。二、Element UI 与 Element Plus区别? Elem

Vue+element-UI实现树形表格(全选、取消功能)

 效果图:代码部分:      ref="multipleTable"   :data="listTreeData"   style="width:100%;margin-bottom:20px"   row-key="id"   border   default-expand-all   :tree-props="{    children:'children'   }"  >            全选           v-model="selecteds"      style="padding-left:10px"      @change="checkAllIn(scope)" 

【element UI 中的af-table-column组件】el-table-column如何自适应调整列宽,简单高效!!!

在elementUI框架中,组件el-table-column代表table的一列,有时候我们不想让里面的内容换行,网上的方法一般是需要给自适应列宽的column写一个动态的width,比较麻烦。有没有一种更简单高效的方法呢,有的!!使用af-table-column组件!!!一、af-table-column简介:af-table-column是基于element-ui组件库的el-table-column组件,支持自适应列宽功能二、安装npminstallaf-table-column三、使用使用前得先导入,对于第二行“Vue.use(AFTableColumn)”,现在一般不用这句,把A

boot-admin整合flowable官方editor-app进行BPMN2.0建模

正所谓百家争鸣、见仁见智、众说纷纭、各有千秋!在工作流bpmn2.0可视化建模工具实现的细分领域,网上扑面而来的是bpmn.js这个渲染工具包和web建模器,而笔者却认为使用flowable官方开源editor-app才是王道。Flowable开源版本中的web版流程设计器editor-app,展示风格和功能基本跟activiti-modeler一样,集成简单,开发工作量小,界面美观大方,功能强大,用户体验友好。通过以下两张Gif动图来个PK,您的直观感受如何呢?bpmn.js运行效果图(gif动图取自互联网)Flowableeditor-app运行效果:boot-admin是一款采用前后端分

boot-admin整合Quartz实现动态管理定时任务

淄博烧烤爆红出了圈,当你坐在八大局的烧烤摊,面前是火炉、烤串、小饼和蘸料,音乐响起,啤酒倒满,烧烤灵魂的party即将开场的时候,你系统中的Scheduler(调试器),也自动根据设定的Trigger(触发器),从容优雅的启动了一系列的Job(后台定时任务)。工作一切早有安排,又何须费心劳神呢?因为boot-admin早已将Quartz这块肉串在了烤签上!项目源码仓库github项目源码仓库giteeQuartz是一款Java编写的开源任务调度框架,同时它也是Spring默认的任务调度框架。它的作用其实类似于Timer定时器以及ScheduledExecutorService调度线程池,当然Q

学生管理系统Element UI版

💂个人主页: 陶然同学🤟版权: 本文由【陶然同学】原创、在CSDN首发、需要转载请联系博主💬如果文章对你有帮助、欢迎关注、点赞、收藏(一键三连)和订阅专栏哦💅 想寻找共同成长的小伙伴,请点击【Java全栈开发社区】搭建环境创建vue项目:vuecreateday16_element_student安装第三方组件:axios、elementnpminstallaxiosvueaddelmentSQLtb_class:CREATETABLE`tb_class`(`c_id`varchar(32)NOTNULLCOMMENT'班级ID',`c_name`varchar(50)DEFAULTNULLC

spring boot +Vue + element-ui实现图片上传和回显

对于图片上传和显示后台采用SpringBoot实现:packagecom.example.demo.controller;importcn.hutool.core.io.FileUtil;importcn.hutool.core.util.IdUtil;importcom.example.demo.domain.Books;importcom.example.demo.service.BooksService;importcom.example.demo.util.Result;importio.swagger.annotations.ApiOperation;importorg.spring

el-select值的回显问题:如何使element-ui的下拉框显示label值

今天写前端又遇到个很神奇的事情,element的下拉框el-select出现了一点儿问题,回显的时候显示value的值,这个强迫症看来就很难受 我写的代码是这样的查阅大量资料,突然发现一个简单的方法,那就是vue的v-bind的神奇之处,v-bind的简写是:冒号所以解决方法就来了(敲重点) 在value上绑定v-bind改完之后的代码是这样的,再来看element的下拉框el-select就显示lable的值了, 今天又解决了一个问题,开心值加1。

vue+element项目中多个tabs页调一个接口、多个tabs页调多个接口

1.多个tabs标签页请求同一个接口2.多个tabs标签页请求多个接口 需求描述:有三个可切换的tabs页签,红色的两个框里的tabs页签请求的是同一个接口,但是两个页签传递的参数值不一样,橙色的框里请求的是另一个接口。通过点击不同的tabs页签去跳转页面并请求不同的接口返回的数据。默认显示最新知识页签的数据。html页面: 最新知识和热门知识调的是同一个接口,排行榜是一个接口。接口:最新知识和热门知识的接口给后端传的参数rankingType(直接传汉字 ):"最新知识"or"热门知识"。排行榜的接口给后端传的参数rankingListType:"下载排行"。实现: 在api文件里新建相关文

基于Vue+ELement搭建登陆注册页面实现后端交互

🎉🎉欢迎来到我的CSDN主页!🎉🎉🏅我是Java方文山,一个在CSDN分享笔记的博主。📚📚🌟推荐给大家我的专栏《ELement》。🎯🎯👉点击这里,就可以查看我的主页啦!👇👇Java方文山的个人主页🎁如果感觉还不错的话请给我点赞吧!🎁🎁💖期待你的加入,一起学习,一起进步!💖💖目录一、前言1.1.什么是ELementUI二、完成登陆注册前端页面1.1.环境搭建①首先我们准备一个SPA项目②运行项目③使用命令添加Element-UI模块④测试ELementUI1.2.登录页面搭建①定义组件②将路由与路由路径绑定 ③前后端交互axios之getaxios之post 1.3.优化代码1.4.注册页面搭建