草庐IT

Vue-Instant

全部标签

【Vue Element-ui el-table组件 实现跨分页全选 可全选中当前页 也可选中全量数据】

文章目录思路一VueElement-uiel-table组件实现跨分页全选可全选中当前页也可选中全量数据思路二element-uitable跨页全选思路三Element分页跨页全选操作(跨页记住已经勾选)思路一VueElement-uiel-table组件实现跨分页全选可全选中当前页也可选中全量数据前端模拟数据示例,无需后台接口,复制粘贴即可看到效果。template>div>divclass="common-wrapper">el-table:data="lists"ref="table"highlight-current-rowv-loading="listLoading"style="w

最热门的用于后台管理类产品开发的开源前端框架vue-element-admin-4.4.0的介绍和使用

 目录简介功能1、环境准备2、克隆(下载)vue-element-admin项目3、处理tui-editor依赖报错4、安装其它依赖包5、替换使用tui-editor的内容6、启动项目7、运行效果配置路由代码布局组件代码创建页面组件代码配置主文件哈哈,本篇文章的标题有点长。在公众号CTOPlus前面的文章《前端开发技术栈(模板篇):10款较流行的前端后台管理系统模板》中我们简单介绍了下10款开源的比较流行的前端后台管理系统模板。写本篇blog时,在github上的stars已经83.2kstars,记得当时它在github上的stars数最多82.2k,即表示最受欢迎。这个框架我用来开发我的网

前端sql语句输入框以及格式化sql语句和sql关键词高亮---sql-formatter、vue-codemirror

1.下载npminstallsql-formatter--save//sql语句格式化版本2.3.3(不然报错)npminstallvue-codemirror--save//用于sql语句关键词高亮2.引入importsqlFormatterfrom'sql-formatter';importCodeMirrorfrom'codemirror/lib/codemirror';import'codemirror/lib/codemirror.css';import'codemirror/theme/darcula.css';import'codemirror/mode/sql/sql.js';

SpringBoot+Vue项目打包成exe,含mysql,redis,nginx,Electron

 背景        最近公司有个项目需要做单机的exe程序支持一些离线的功能,这些功能原本在Web端已经实现,为了应用快速开发出来没有考虑C#实现(主要是C#人手不够),决定将Web端应用阉割之后打包成离线运行。后续我将用RuoYi的前后端分离版来演示如何将RuoYi-Vue打包成单机应用。    另外我找遍了全网也没有详细的介绍,仅有几篇文章也只是简单的涉及到前端项目或者后端项目,没有文章介绍将前后端项目一起打包至桌面客户端中,特此才写此篇文章详细讲解。    转载请与我联系取得许可。服务架构的介绍后端采用SpringBoot框架,技术栈包含(Java8,MySQL,Redis)。前端采用

详细教程 - 从零开发 Vue 鸿蒙harmonyOS应用 第六节(js版) ——模块化设计实现复杂页面

                随着HarmonyOS生态的日渐完善,越来越多的厂商加入鸿蒙系统应用开发的行列。然而从其他系统转到鸿蒙开发,很多开发者还是需要一个适应的过程,特别是面对比较复杂的页面,应该如何合理进行模块化拆分是一个难点。        本文将通过一个实例,来分析如果采用模块化的方式实现一个包含丰富内容和交互的复杂页面。一、复杂页面的痛点        随着智能设备性能的不断提升,我们开发的App页面也日益复杂,包含更多的功能模块和交互需求。直接在一个页面文件中开发所有功能,很容易造成以下问题:代码量庞大,一个文件上千行代码,极其不利于后续维护各模块功能高度耦合,测试和迭代非常

基于Java+SpringBoot+Vue家庭财务管理系统-开题报告参考

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

如何实现 DES 加密,解密(uniapp/vue) + Java)

目录 一、引言二、什么是DES? 三、实际操作 1.Uniapp进行des加密/解密 2.Java进行des加密/解密 一、引言        现如今,加密是对数据安全处理的基本手段之一。今天我们的背景就是微信开发中,涉及到支付时用户个人信息的权限认证操作。今天使用的就是通过DES算法进行加密/解密,保证用户信息安全性。二、什么是DES?        DES是一种对称性的密钥加密块算法,通过16轮的加密/解密,形成加密文档。因为加密和解密使用的是同一个密钥,所以在使用时要保证前后端密钥统一。详细参考:什么是DES算法 效果图:(此处效果为前端加密,后端解密的结果) 三、实际操作 1.Unia

vue 前端根据url在线预览pdf、docx、xlsx、txt、html文件

一、pdf通过pdf.js实现1、下载pdf.js文件夹;http://mozilla.github.io/pdf.js/2、将下载的文件拉进项目中;详见:https://blog.csdn.net/m0_56415970/article/details/1243161693、iframeiframeid="iframe":src="url"frameborder="0">/iframe>return'web/viewer.html?file='+this.pdfUrl注:使用pdf.js时,当有跨域的问题时,会加载失败,错误信息为:fileorigindoesnotmatchviewer’s

(vue权限管理)前端路由表角色权限管理,通过登录不同角色侧边栏显示对应页面

前端路由表角色权限管理,通过登录不同角色侧边栏显示对应页面demo根据vue-admin-template为基础修改,首先展示实现的效果1.首先在src/router/index.js中添加路由表,其中constantRoutes设置的为所有角色可见的路由,asyncRouterMap为对应权限人员可见路由,demo路由表代码如下:importVuefrom'vue'importRouterfrom'vue-router'Vue.use(Router)//避免导航守卫报错constoriginalPush=Router.prototype.pushRouter.prototype.push=f

Vue和Element UI项目搭建

一、项目搭建1.创建一个SPA项目2.安装Element-UI3.导入组件4.创建登陆注册界面登录组件---Login.vue注册组件---Register.vue定义组件与路由的对应关系效果演示: 一、项目搭建1.创建一个SPA项目可观看下面这篇博文Vue安装并使用Vue-CLI构建SPA项目并实现路由-CSDN博客创建好之后运行项目在SAP项目的根目录输入cmd后在cmd窗口输入npmrundev2.安装 Element-UI在安装前需先关停我们的项目,在cmd窗口中ctrl+c,ctrl+c就可以了接下来就可以通过命令去下载ElementUIcdmy-spa