- 解决前端导出excel文件,打开为乱码
荔枝,你让我拿什么荔枝!
vue前端elementuivue.js
前端开发中,导入和导出文件是比较常见的业务场景,常见的情况是:后端返回一个二进制的流文件,前端将其转化为excel文件即可。但是往往会出现转化后的excel文件内容位乱码的情况,本文中提供了两个解决方案:方案一:用户自定义上传方法添加附件添加附件代码解读:上述代码采用了element-ui的el-upload文件上传的组件。改组件有两种文件上传的方式:1.组件自带的上传方法,只需要给其设置acti
- 基于Google authentic实现的双因子登录认证系统前后台基于SSMP+Vue+Element(解决SecureRandom造成的服务器请求缓慢)
Tate_Brown
gitJAVAIDEADEBUGVUE
用md5两次加盐密码,可以灵活更换算法--直接上代码地址:JAVA后台:https://github.com/TateBrownJava/TwoFALogindemoBackendVue前端:https://github.com/TateBrownJava/TwoFALoginDemofrontend-------------------------------------------------
- vue前端根据接口返回的url 下载图片
爱心觉罗晓宇
java前端服务器
downloadPicture(imgSrc,name){constimage=newImage();//解决跨域Canvas污染问题image.setAttribute("crossOrigin","anonymous");image.src=imgSrc;image.onload=()=>{constcanvas=document.createElement("canvas");canvas.
- 多表逐级关联报表,使用poi方法导出excel
LCF_全博
难点要求多表关联导出,简单介绍:有A1表,A2表,B表,C表,A1和A2是一对多的关系,B表和A1表也是一对多的关系,C表和B表是一对多的关系。这是简化的业务逻辑,表之间的关系就类似这种。完成对关联导出。实现思路熟悉poi导出的可能会知道,报表的导出总体思路是将数据按照excel的每一行去写入数据的,假如是有序的数据还好说点,比如单表的导出,直接单表查询出来,循环写入每一个excel行就行,这种做
- 基于java+ssm+vue毕业设计源码合集(1-100)源码+文档+调试+讲解
小程序设计
javajava课程设计vue.js
技术栈介绍:SSM(Spring、SpringMVC、MyBatis)框架搭配Vue前端框架是当前较为流行的项目开发技术栈。以下是详细的技術列表:1.后端技术:-Spring:一个开源的Java平台,提供了用于构建企业级应用程序的全面解决方案。-SpringMVC:Spring框架的一个子项目,用于构建Web应用程序,提供了处理请求、数据验证、视图解析等功能的模块。-MyBatis:一个优秀的持久
- vue前端性能优化之cdn的使用
不cong明的亚子
性能优化vue+elementui前端javascriptvue
优化原因项目中首页加载过慢,原因是js,css静态资源第一次加载的时间长vue.config.js'usestrict'......constcdn={js_cdn:['https://cdn.jsdelivr.net/npm/
[email protected]/moment.min.js','https://unpkg.com/
[email protected]/dist/vue.js','https://unpkg
- 随笔记录git提交出错和原生js以JSON格式请求接口导出Excel
山丘lemon
GIT提交代码出错Fileexists.原文链接https://www.cnblogs.com/sweetbullet/p/9889997.html前端js导出,参数以json格式发送post请求原文链接https://www.cnblogs.com/sweetbullet/p/9843178.html
- ABAP OLE导出Excel
a86632678
ABAPsapabap
INCLUDE程序代码如下:TYPE-POOLS:soi,ole2.DATA:lo_applicationTYPEole2_object,lo_workbookTYPEole2_object,lo_workbooksTYPEole2_object,lo_rangeTYPEole2_object,lo_worksheetTYPEole2_object,lo_worksheetsTYPEole2_ob
- vue前端实现打印功能
是小芳芳呀
前端前端javascripthtmlvue.js
方案一:window.print()这个命令默认打印整个页面的内容,所以,如果想要实现局部打印功能的话,就要重新给body赋值,并且后续执行完之后再还原回去,这样的话会造成一些非预期的结果,很麻烦,并且在当前也操作,window.document.body的内容重新渲染,打印完会有刷新,影响用户的体验,所以不推荐方案二:利用iframe,iframe.contentDocument.execCom
- 根据xml模板导出excel
weixin_44877172
Javaxmlexcel
依赖5.2.3org.apache.poipoi${poi.version}org.apache.poipoi-ooxml${poi.version}org.apache.poipoi-ooxml-lite${poi.version}org.apache.poipoi-scratchpad${poi.version}2.3org.apache.velocityvelocity-engine-cor
- java导出excel(带图片)
陈一一同学
java
先看一下导出效果,controller表头数据一定要放在最前面Listhead=Arrays.asList("姓名","年龄","性别","证件类别","证件号","联系电话","地区","详细地址","报名时间","所属分组","年度","参赛类别1","作品名称1","作品1","参赛类别2","作品名称2","作品2");List>sheetDataList=newArrayListlist
- SpringBoot后端接收文件转换成Base64保存到数据库
Sherlock_026
Javaspringbootjava后端
前言:若依前后端分离项目:SpringBoot+Vue前端上传文件(每次仅上传一个文件),后端接收文件(MultipartFile),将其转换为Base64,存储到数据库。新建一个工具类Base64Utils.javaimportcom.ruoyi.common.utils.StringUtils;importorg.apache.commons.codec.binary.Base64;impor
- Vue前端框架选型论证
2401_84434086
程序员前端框架vue.js前端
Model:负责保存应用数据,与后端数据进行同步Controller:负责业务逻辑,根据用户行为对Model数据进行修改View:负责视图展示,将model中的数据可视化出来。但是,但是前端MVC也存在一些严重的问题:model和view的数据交互,非常的混乱,而且维护起来非常麻烦。这就是灵活开发带来的后遗症。拿backbone举个例子,backbone将Model的set和on方法暴露出来,方便
- VUE纯前端导出excel表格功能
KAGHQ
项目遇到的问题前端vue.jsexcel
插件:使用vue-json-excel插件实现Vue纯前端导出简单的Excel表格功能。1.安装依赖npminstallvue-json-excel2.引入组件全局引入importVuefrom'vue'importJsonExcelfrom'vue-json-excel'Vue.component('downloadExcel',JsonExcel)局部引入importJsonExcelfrom
- java利用jxl导出excel_java使用jxl实现导出excel
许风倾秋
1、导入jar包net.sourceforge.jexcelapijxl2.62、上代码protectedvoidexportExcel(HttpServletResponseresponse,StringfileName,String[]Title,@SuppressWarnings("rawtypes")Listcontent){//以下开始输出到EXCELtry{//定义输出流,以便打开保存
- JavaScript导入导出excel
金色浪花
javascriptexcel
在JavaScript的浏览器环境下导入和导出Excel文件,主要可以通过一些库来帮助我们简化操作,比如SheetJS(也称为xlsx库)和FileSaver.js。以下是如何使用这些库来实现Excel的导入和导出的基本步骤:导入Excel导入Excel文件通常涉及到HTML的元素,以及使用FileReader来读取用户选择的文件,然后使用SheetJS解析这个文件。HTML部分html复制代码J
- java 读取mysql中的表并按照指定格式导出excel
战族狼魂
Springbootjava数据库javamysqlexcel
在Java中读取MySQL中的数据表并将其导出到Excel文件中,你需要以下几个步骤:连接MySQL数据库:使用JDBC驱动程序连接到MySQL数据库。执行SQL查询:获取表数据。使用ApachePOI库生成Excel文件:将数据写入Excel格式。保存Excel文件:将生成的Excel文件保存到指定路径。我们将使用以下技术和库来完成此任务:JDBC:用于连接MySQL数据库并执行SQL查询。Ap
- 【转】Vue.js使用Blob的方式实现excel表格的下载(流文件下载)
Bior
导出Excelimportapifrom"../../api/api.js";importaxiosfrom"axios";exportdefault{data(){return{pageSize:30,}},created(){},computed:{},mounted(){},methods:{downloadUrl(){//console.log(api.serverUrl);letpara
- vue前端动态获取页面高度宽度
Hrational
vue.js前端javascript
data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件,窗口resize时候触发函数handleResize,这句是核心window.addEventListener('resize',this.handleResize);}
- JEECG框架的入门学习
HITZXL
前后端分离框架前端框架
学习背景近期项目中,使用到了一个叫ant-design-vue-jeecg的框架。就看看这个名字,也可以看出来三个框架:ant-design前端UI框架VUE前端框架jeecg这个框架接触不多,学习一下框架简介官网:JEECG官方网站-基于BPM的低代码开发平台JeecgBoot低代码平台,基于SpringBoot+AntDesign的前后端分离架构,集成完善的工作流平台、强大的代码生成器、流程设
- Wpf和Winform使用devpress控件库导出Excel并调整报表样式
一心赚狗粮的宇叔
.NetC#学习wpfexcelc#microsoft开发语言面试pdf
Wpf和Winform使用devpress控件库导出Excel并调整报表样式背景客户需求经常需要出各种报表,部分客户对报表的样式有要求。包括颜色、字体、分页等等。代码使用Datagridview导出excel调整样式DevExpress.XtraGrid.Views.Grid.GridViewgdv#regionGridView属性设置//行号所在列的宽度gdv.IndicatorWidth=40
- vue前端更新后需要清空缓存
woflyoycm
前端vue.js缓存
场景:前端vue3网站项目使用wepack打包后进行部署,但是用户浏览器访问网站时加载了缓存,导致没有及时更新。现在需要一个解决方案保证每次重新打包部署后,用户浏览器访问网站重新加载js和css,但是未更新还是继续使用缓存加快加载速度。1、配置nginx不缓存index.htmlindex.html文件很小,不缓存的话也不会造成很大影响server{listen80;server_nameyour
- 【Electron-Vue】搭建Electron-Vue前端桌面应用
aDiaoYa_
VueElectronvue.js前端electron
目录前言搭建前准备开始搭建第一步:全局安装vue脚手架(如果已安装,就不必进行这一步了)第二步:通过vue脚手架,创建一个vue项目第三步:进入创建好的vue项目文件,安装electron第四步:配置package.json文件和main.js文件第五步:加载vue项目第六步:运行electron命令,弹出应用框。前言最近准备写一个前端桌面应用,了解到了一个新的框架——Electron,它是一个使
- springboot集成easyexcel实现导入导出
coder_monarch
SpringBootJAVAjavaspringboot后端
本文只实现比较简单的Excel导入导出,提供思路,以抛砖引玉第一步:新建一个实体类User@DatapublicclassUser{@TableId@ExcelProperty(value="序号")//导出Excel的列名privateIntegerid;@ExcelProperty(value="姓名")privateStringname;}第二步:项目pom文件添加easyexcel的依赖c
- 前端导入导出
m0_45127388
前端
1、将后端excel二进制文件导出excel下载import{read,utils,writeFileXLSX}from"xlsx";constuseExportExcel=(excelData:string,fileName:string)=>{constwb=read(excelData);constws=wb.Sheets[wb.SheetNames[0]];//从工作表生成数据行const
- 在IDEA中创建vue hello-world项目
fragrans
intellij-ideavue.jsjava
工作中最近在接触vue前端项目,记录一下从0搭建一个vuehelloworld项目的步骤1、本地电脑安装配置node、npmD:\Project\vue\hello-world>node-vv14.21.3D:\Project\vue\hello-world>npm-v6.14.18D:\Project\vue\hello-world>2、设置npm国内淘宝的景象建议配置国内的景象,国外镜像下载依
- [前端]开启VUE之路-NODE.js版本管理
猿Why
前端vue.jsnode.js
VUE前端开发框架,以Node.js为底座。用历史性的项目来学习,为了降低开发环境的影响因素,各种版本号最好能一致。前端项目也是一样。为了项目能够快速启动,Node.js的版本管理,可以带来很大的便利(node.js快速切换版本)。要将Mac上的Node版本降级,你可以按照以下步骤进行操作:首先,打开终端应用程序。你可以在“应用程序”文件夹中找到它,或者通过Spotlight搜索来打开。在终端中输
- mysql根据查询结果连续序号
@航空母舰
MYSQLmysql
业务数据一般都不是连续的ID,导出Excel的时候要求连续序号set@rownum=0;SELECT@rownum:=@rownum+1as`序号`,a.*fromusera
- 前端Excel导出实用方案(完整源码,可直接应用)
零凌林
vue2.0前端百宝箱JavaScript的世界前端vue.jsjavascriptsheetjsexcelExcelanti-design-vue
目录前言:技术选型:主要功能点:核心代码:完整代码:开发文档前言:在前后端分离开发为主流的时代,很多时候,excel导出已不再由后端主导,而是把导出的操作移交到了前端。本文在全局导出组件封装上,保持了高度的扩展性,无论大家用的是element组件库还是antdvue的组件库或者其他的组件库,都容易进行更换。技术选型:vue+antdvue+sheetjs前端导出excel导出,需借助第三方插件,目
- 服务器导出excel文档,服务器导出excel功能配置
weixin_39732249
服务器导出excel文档
服务器导出excel功能配置内容精选换一换该任务指导用户完成Linux云服务器的相关配置与其他驱动的安装,为最终生成的Linux裸金属服务器私有镜像做准备。配置Linux云服务器。具体操作请参考虚拟机环境配置。具体操作请参考虚拟机环境配置。安装并配置Cloud-Init工具,修改引导的硬件设备驱动,安装bms-network-config软件包、SDI卡驱动、Hi1822网卡驱动为加强对数据的容灾
- 关于旗正规则引擎下载页面需要弹窗保存到本地目录的问题
何必如此
jsp超链接文件下载窗口
生成下载页面是需要选择“录入提交页面”,生成之后默认的下载页面<a>标签超链接为:<a href="<%=root_stimage%>stimage/image.jsp?filename=<%=strfile234%>&attachname=<%=java.net.URLEncoder.encode(file234filesourc
- 【Spark九十八】Standalone Cluster Mode下的资源调度源代码分析
bit1129
cluster
在分析源代码之前,首先对Standalone Cluster Mode的资源调度有一个基本的认识:
首先,运行一个Application需要Driver进程和一组Executor进程。在Standalone Cluster Mode下,Driver和Executor都是在Master的监护下给Worker发消息创建(Driver进程和Executor进程都需要分配内存和CPU,这就需要Maste
- linux上独立安装部署spark
daizj
linux安装spark1.4部署
下面讲一下linux上安装spark,以 Standalone Mode 安装
1)首先安装JDK
下载JDK:jdk-7u79-linux-x64.tar.gz ,版本是1.7以上都行,解压 tar -zxvf jdk-7u79-linux-x64.tar.gz
然后配置 ~/.bashrc&nb
- Java 字节码之解析一
周凡杨
java字节码javap
一: Java 字节代码的组织形式
类文件 {
OxCAFEBABE ,小版本号,大版本号,常量池大小,常量池数组,访问控制标记,当前类信息,父类信息,实现的接口个数,实现的接口信息数组,域个数,域信息数组,方法个数,方法信息数组,属性个数,属性信息数组
}
&nbs
- java各种小工具代码
g21121
java
1.数组转换成List
import java.util.Arrays;
Arrays.asList(Object[] obj); 2.判断一个String型是否有值
import org.springframework.util.StringUtils;
if (StringUtils.hasText(str)) 3.判断一个List是否有值
import org.spring
- 加快FineReport报表设计的几个心得体会
老A不折腾
finereport
一、从远程服务器大批量取数进行表样设计时,最好按“列顺序”取一个“空的SQL语句”,这样可提高设计速度。否则每次设计时模板均要从远程读取数据,速度相当慢!!
二、找一个富文本编辑软件(如NOTEPAD+)编辑SQL语句,这样会很好地检查语法。有时候带参数较多检查语法复杂时,结合FineReport中生成的日志,再找一个第三方数据库访问软件(如PL/SQL)进行数据检索,可以很快定位语法错误。
- mysql linux启动与停止
墙头上一根草
如何启动/停止/重启MySQL一、启动方式1、使用 service 启动:service mysqld start2、使用 mysqld 脚本启动:/etc/inint.d/mysqld start3、使用 safe_mysqld 启动:safe_mysqld&二、停止1、使用 service 启动:service mysqld stop2、使用 mysqld 脚本启动:/etc/inin
- Spring中事务管理浅谈
aijuans
spring事务管理
Spring中事务管理浅谈
By Tony Jiang@2012-1-20 Spring中对事务的声明式管理
拿一个XML举例
[html]
view plain
copy
print
?
<?xml version="1.0" encoding="UTF-8"?>&nb
- php中隐形字符65279(utf-8的BOM头)问题
alxw4616
php中隐形字符65279(utf-8的BOM头)问题
今天遇到一个问题. php输出JSON 前端在解析时发生问题:parsererror.
调试:
1.仔细对比字符串发现字符串拼写正确.怀疑是 非打印字符的问题.
2.逐一将字符串还原为unicode编码. 发现在字符串头的位置出现了一个 65279的非打印字符.
 
- 调用对象是否需要传递对象(初学者一定要注意这个问题)
百合不是茶
对象的传递与调用技巧
类和对象的简单的复习,在做项目的过程中有时候不知道怎样来调用类创建的对象,简单的几个类可以看清楚,一般在项目中创建十几个类往往就不知道怎么来看
为了以后能够看清楚,现在来回顾一下类和对象的创建,对象的调用和传递(前面写过一篇)
类和对象的基础概念:
JAVA中万事万物都是类 类有字段(属性),方法,嵌套类和嵌套接
- JDK1.5 AtomicLong实例
bijian1013
javathreadjava多线程AtomicLong
JDK1.5 AtomicLong实例
类 AtomicLong
可以用原子方式更新的 long 值。有关原子变量属性的描述,请参阅 java.util.concurrent.atomic 包规范。AtomicLong 可用在应用程序中(如以原子方式增加的序列号),并且不能用于替换 Long。但是,此类确实扩展了 Number,允许那些处理基于数字类的工具和实用工具进行统一访问。
 
- 自定义的RPC的Java实现
bijian1013
javarpc
网上看到纯java实现的RPC,很不错。
RPC的全名Remote Process Call,即远程过程调用。使用RPC,可以像使用本地的程序一样使用远程服务器上的程序。下面是一个简单的RPC 调用实例,从中可以看到RPC如何
- 【RPC框架Hessian一】Hessian RPC Hello World
bit1129
Hello world
什么是Hessian
The Hessian binary web service protocol makes web services usable without requiring a large framework, and without learning yet another alphabet soup of protocols. Because it is a binary p
- 【Spark九十五】Spark Shell操作Spark SQL
bit1129
shell
在Spark Shell上,通过创建HiveContext可以直接进行Hive操作
1. 操作Hive中已存在的表
[hadoop@hadoop bin]$ ./spark-shell
Spark assembly has been built with Hive, including Datanucleus jars on classpath
Welcom
- F5 往header加入客户端的ip
ronin47
when HTTP_RESPONSE {if {[HTTP::is_redirect]}{ HTTP::header replace Location [string map {:port/ /} [HTTP::header value Location]]HTTP::header replace Lo
- java-61-在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差. 求所有数对之差的最大值。例如在数组{2, 4, 1, 16, 7, 5,
bylijinnan
java
思路来自:
http://zhedahht.blog.163.com/blog/static/2541117420116135376632/
写了个java版的
public class GreatestLeftRightDiff {
/**
* Q61.在数组中,数字减去它右边(注意是右边)的数字得到一个数对之差。
* 求所有数对之差的最大值。例如在数组
- mongoDB 索引
开窍的石头
mongoDB索引
在这一节中我们讲讲在mongo中如何创建索引
得到当前查询的索引信息
db.user.find(_id:12).explain();
cursor: basicCoursor 指的是没有索引
&
- [硬件和系统]迎峰度夏
comsci
系统
从这几天的气温来看,今年夏天的高温天气可能会维持在一个比较长的时间内
所以,从现在开始准备渡过炎热的夏天。。。。
每间房屋要有一个落地电风扇,一个空调(空调的功率和房间的面积有密切的关系)
坐的,躺的地方要有凉垫,床上要有凉席
电脑的机箱
- 基于ThinkPHP开发的公司官网
cuiyadll
行业系统
后端基于ThinkPHP,前端基于jQuery和BootstrapCo.MZ 企业系统
轻量级企业网站管理系统
运行环境:PHP5.3+, MySQL5.0
系统预览
系统下载:http://www.tecmz.com
预览地址:http://co.tecmz.com
各种设备自适应
响应式的网站设计能够对用户产生友好度,并且对于
- Transaction and redelivery in JMS (JMS的事务和失败消息重发机制)
darrenzhu
jms事务承认MQacknowledge
JMS Message Delivery Reliability and Acknowledgement Patterns
http://wso2.com/library/articles/2013/01/jms-message-delivery-reliability-acknowledgement-patterns/
Transaction and redelivery in
- Centos添加硬盘完全教程
dcj3sjt126com
linuxcentoshardware
Linux的硬盘识别:
sda 表示第1块SCSI硬盘
hda 表示第1块IDE硬盘
scd0 表示第1个USB光驱
一般使用“fdisk -l”命
- yii2 restful web服务路由
dcj3sjt126com
PHPyii2
路由
随着资源和控制器类准备,您可以使用URL如 http://localhost/index.php?r=user/create访问资源,类似于你可以用正常的Web应用程序做法。
在实践中,你通常要用美观的URL并采取有优势的HTTP动词。 例如,请求POST /users意味着访问user/create动作。 这可以很容易地通过配置urlManager应用程序组件来完成 如下所示
- MongoDB查询(4)——游标和分页[八]
eksliang
mongodbMongoDB游标MongoDB深分页
转载请出自出处:http://eksliang.iteye.com/blog/2177567 一、游标
数据库使用游标返回find的执行结果。客户端对游标的实现通常能够对最终结果进行有效控制,从shell中定义一个游标非常简单,就是将查询结果分配给一个变量(用var声明的变量就是局部变量),便创建了一个游标,如下所示:
> var
- Activity的四种启动模式和onNewIntent()
gundumw100
android
Android中Activity启动模式详解
在Android中每个界面都是一个Activity,切换界面操作其实是多个不同Activity之间的实例化操作。在Android中Activity的启动模式决定了Activity的启动运行方式。
Android总Activity的启动模式分为四种:
Activity启动模式设置:
<acti
- 攻城狮送女友的CSS3生日蛋糕
ini
htmlWebhtml5csscss3
在线预览:http://keleyi.com/keleyi/phtml/html5/29.htm
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>攻城狮送女友的CSS3生日蛋糕-柯乐义<
- 读源码学Servlet(1)GenericServlet 源码分析
jzinfo
tomcatWebservlet网络应用网络协议
Servlet API的核心就是javax.servlet.Servlet接口,所有的Servlet 类(抽象的或者自己写的)都必须实现这个接口。在Servlet接口中定义了5个方法,其中有3个方法是由Servlet 容器在Servlet的生命周期的不同阶段来调用的特定方法。
先看javax.servlet.servlet接口源码:
package
- JAVA进阶:VO(DTO)与PO(DAO)之间的转换
snoopy7713
javaVOHibernatepo
PO即 Persistence Object VO即 Value Object
VO和PO的主要区别在于: VO是独立的Java Object。 PO是由Hibernate纳入其实体容器(Entity Map)的对象,它代表了与数据库中某条记录对应的Hibernate实体,PO的变化在事务提交时将反应到实际数据库中。
实际上,这个VO被用作Data Transfer
- mongodb group by date 聚合查询日期 统计每天数据(信息量)
qiaolevip
每天进步一点点学习永无止境mongodb纵观千象
/* 1 */
{
"_id" : ObjectId("557ac1e2153c43c320393d9d"),
"msgType" : "text",
"sendTime" : ISODate("2015-06-12T11:26:26.000Z")
- java之18天 常用的类(一)
Luob.
MathDateSystemRuntimeRundom
System类
import java.util.Properties;
/**
* System:
* out:标准输出,默认是控制台
* in:标准输入,默认是键盘
*
* 描述系统的一些信息
* 获取系统的属性信息:Properties getProperties();
*
*
*
*/
public class Sy
- maven
wuai
maven
1、安装maven:解压缩、添加M2_HOME、添加环境变量path
2、创建maven_home文件夹,创建项目mvn_ch01,在其下面建立src、pom.xml,在src下面简历main、test、main下面建立java文件夹
3、编写类,在java文件夹下面依照类的包逐层创建文件夹,将此类放入最后一级文件夹
4、进入mvn_ch01
4.1、mvn compile ,执行后会在