资讯中心

站内搜索

Vue - 详细实现将复杂 table 表格导出到 Excel(xls) 文件,支持原生表格、ElementUI 复杂表格、Ant Design Vue 复杂表格(将前端表格“所见所得“导出)

前言 如果您需要 Vue3 版本,请访问 这篇文章。 本文 实现了在 Vue2 网页开发中,将任意复杂表格导出为 excel(.xls) 电子表格文件,无论是原生表格还是 element/ant 等组件库的表格组件,都可以 “所见所得” 完美导出。 您可以直接复制示例代码,稍微改下数据就能应用到您的项目中。 如下图所示(点击放大),各种列合并、行合并的复杂表格都能 “一比一” 原样导出。 详细示例源代码,无论 js/ts 都可以使用! 准备阶段 首先,您需

springboot应用,cpu高、内存高问题排查

前几天,排查了2个生产问题。一个cpu高,一个内存高。今天把解决过程整理一下 1、cpu高问题排查 先说cpu高的这个问题 新系统,上线半年,一直比较稳定。有一天,运维过来说:cpu有点高,超过80%了。这个系统的量没有那么大,也没有什么很复杂的计算任务。cpu不应该这么高。 1.1、获取栈日志 让运维拿了2份栈日志,两份栈日志间隔1分钟左右获取。之所以下载两份,是为了比较,如果两份栈日志都有某个功能在执行,那这个功能就有很大的嫌疑。 //栈日志获取方式.将pid换成你系统

Nginx的重定向

URI:统一资源标识符,是一种字符串标识,主要是用于标识抽象的或者是物理资源(主要是指一些文件视频等等) 常用的Nginx正则表达式 ^    匹配输入字符串的起始位置(以......开头) $    匹配输入字符串的结束位置(以......结尾) *    匹配前面的字符零次或多次 +    匹配前面的字符一次或多次 ?    匹配前面的字符零次或一次 .    匹配除“\n”之外的任何单个字符,若要匹配包括“\n”在内的任意字符,需要用“[.\n]” \    将后面接着的字

【MySQL】使用C语言连接数据

一、引入库 要使用C语言连接MySQL,需要使用MySQL官网提供的库。 方式一 如果我们使用的是Linux系统的话我们可以直接使用,下面的命令安装MySQL给我们提供的官方库: sudo yum install mysql-***munity-devel 下载完以后我们可以在/usr/include/mysql/(其他系统可能会有差别)看到头文件: ls /usr/include/mysql/ 在/usr/lib64/mysql/看到对应的库: ls /us

玩转前端之图片转base64(包教包会)

在前端开发上传图片功能时,当图片上传成功后往往需要展示给用户看,之前的做法是直接把img标签的src赋值为一个http://xxx.xxx.***地址。造成图片会请求后端服务器造成了资源的浪费。当时才疏短浅,技艺不精,如今对本功能进行优化。 base64简介 这里只简单说明一下base64的作用,他会生成一个字符串,把这个字符串绑定到img的src属性上,这样就避免了我们前端去请求后端服务器资源,提升网站性能,这里介绍两种图片转base64的方法: 1. 利用FileRead

mysql【ERROR 2003 (HY000)】错误解决方法与思路

一、背景与故障描述: 一次部署一个新项目的时候,根据项目文档要求,对C:\ProgramData\MySQL\MySQL Server 5.7 下的my.ini文件中的max_allowed_packet=4M项进行了修改,将原来的4M改为16M后,连接数据库时显示如下故障:ERROR 2003 (HY000): Can’t connect to MySQL server on ‘localhost’ (10061) 二、解决步骤: 1、尝试重新启动mysql服务 在窗口界面的服务列表找到mys

史上最全在IDEA中部署并使用Tomcat,图文并茂一看包会!

前言 之前自己迷茫过怎样在idea中使用Tomcat,因此查了很多资料,在这做个总结。 一、建立过程 1.新建一个JAVA文件 2.添加框架 在项目的创建区内,右击项目名,在弹窗中选择“添加框架支持”; 选择“Web应用程序4.0”,再点击“确定”、; 可以看到在项目区创建好了“web框架”;自带一个“index.jsp”文件,是默认打开的文件;也可以自己新建。  3.添加Tomcat  1. 在屏幕右边有一个复选框,点击“编辑配置”;  2. 点击左上角“

基于Java+SpringBoot+Vue.js前后端分离钟表手表购物商城系统设计和实现 可行性分析

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。 所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。 项目配有对应开发文档、开题报告、任务书、PPT、论文模版等 项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!! 如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式 可行性分析是在项目初期

vue导入导出excel、设置单元格背景色、文字居中、合并单元格、设置列宽(使用xlsx库和xlsx-style库)

xlsx xlsx是由SheetJS开发的一个处理excel文件的npm库 适用于前端开发者实现导入导出excel文件的经典需求 为了区别于xlsx文件,突出其应用语言,该库通常又被称为js-xlsx 导出js数据为Excel文件 需要以下步骤: 安装 xlsx 库 你可以使用 npm 包管理器安装 xlsx 库,也可以将 xlsx 下载到本地,然后在 HTML 文件中通过 script 标签引入。 准备数据 将需要导出的数据准备好,并将其存储为一个数组或对象。 创建工作簿 通

【Spring篇】Spring相关概念

🍓系列专栏:Spring系列 🍉个人主页:个人主页 目录 一、介绍 🍊1.为什么要学? 🍍2.学什么? 🍓3.怎么学? 二、Spring相关概念 🍒1.Spring家族 🍅2.了解Spring发展史 🍐3.Spring系统架构 三、Spring核心概念 🥦1.目前项目中的问题 🍄2,IOC、IOC容器、Bean、DI 四、图书推荐 一、介绍 对于一门新技术,我们需要从 为什么要学 、 学什么 以及 怎么学

nginx部署前端(vue)项目及配置修改

目录 一、前端应用打包 二、部署前端应用 1、上传前端文件夹 2、修改nginx配置文件 3、重启nginx 三、查看效果 nginx安装参考:linux安装nginx-CSDN博客 一、前端应用打包 打包命令 npm run build 打包成功如下,会在项目路径下生成dist文件夹 二、部署前端应用 1、上传前端文件夹 第一步打包生成的dist文件夹放置服务器上,这个目录可自定义,只需要在nginx中配置正确就可以。 以路径//usr/local/

【赠书活动|第三期《Spring Cloud Alibaba核心技术与实战案例》】

特色 不留遗漏:全面覆盖Dubbo核心知识点 直击要害:实战化案例精准定位技术细节 学以致用:精要式演示确保开发、学习不脱节 潜移默化:研磨式知识讲解渗透技术要点 提升效率:垂直式技术精讲不饶弯路 循序提升:渐进式知识点编排确保连贯 配套资源:赠送全书案例源文件助力学习 内容简介 本书从分布式系统的基础概念讲起,逐步深入分布式系统中间件Spring Cloud Alibaba进阶实战,重点介绍了使用Spring Cloud Alibaba框架整合各种分布式组件的完整过程,让
加载更多

一个令你着迷的主题!

查看演示 官网购买