为您找到搜索结果：2365个
vue大文件上传详解及实例代码
文件夹上传：从前端到后端文件上传是Web开发肯定会碰到的问题，而文件夹上传则更加难缠。网上关于文件夹上传的资料多集中在前端，缺少对于后端的关注，然后讲某个后端框架文件上传的文章又不会涉及文件夹。今天研究了一下这个问题，在此记录。先说两个问题：是否所有后端框架都支持文件夹上传？是否所有浏览器都支持文件夹上传？第一个问题：YES，第二个问题：NO只要后端框架对于表单的支持是完整的，那么必然支持文件夹上传。至于浏览器，截至目前，只有Chrome支持。如果需要其它的浏览器支持则需要借助于插件，比如泽优大文件上传控件：www.webuploader.net关于WebUploader的功能说明：大文件上传续传支持超大文件上传(100G+)和续传，可以关闭浏览器，重启系统后仍然继续上传。开源提供ASP.NET,JSP,PHP示例和源代码，其中JSP提供MySQL,Oracle,SQLServer数据库的配置和示例代码。分片、并发分片与并发结合，将一个大文件分割成多块，并发上传，极大地提高大文件的上传速度。当网络问题导致传输错误时，只需要重传出错分片，而不是整个文件。另外分片传输能够更加实时的跟踪上传...
vue web 大文件上传源代码
一、功能性需求与非功能性需求要求操作便利，一次选择多个文件和文件夹进行上传；支持PC端全平台操作系统，Windows,Linux,Mac支持文件和文件夹的批量下载，断点续传。刷新页面后继续传输。关闭浏览器后保留进度信息。支持文件夹批量上传下载，服务器端保留文件夹层级结构，服务器端文件夹层级结构与本地相同。支持大文件批量上传（20G）和下载，同时需要保证上传期间用户电脑不出现卡死等体验；支持文件夹上传，文件夹中的文件数量达到1万个以上，且包含层级结构。支持断点续传，关闭浏览器或刷新浏览器后仍然能够保留进度。支持文件夹结构管理，支持新建文件夹，支持文件夹目录导航交互友好，能够及时反馈上传的进度；服务端的安全性，不因上传文件功能导致JVM内存溢出影响其他功能使用；最大限度利用网络上行带宽，提高上传速度；二、设计分析对于大文件的处理，无论是用户端还是服务端，如果一次性进行读取发送、接收都是不可取，很容易导致内存问题。所以对于大文件上传，采用切块分段上传从上传的效率来看，利用多线程并发上传能够达到最大效率。三、解决方案：文件上传页面的前端可以选择使用一些比较好用的上传组件，例如百度的开源组件We...
vue 大文件分片上传处理
众所皆知，web上传大文件，一直是一个痛。上传文件大小限制，页面响应时间超时.这些都是web开发所必须直面的。本文给出的解决方案是：前端实现数据流分片长传，后面接收完毕后合并文件的思路。实现文件夹上传，要求：服务端保留层级结构，支持10w级别的文件夹上传。大文件上传及断点续传，要求：支持50G级的单个文件上传和续传。续传要求：在刷新浏览器后能够续传上传，在重启浏览器后能够继续上传上（关闭浏览器后重新打开），在重启电脑后能够继续上传。支持PC端全平台，Windows,Mac,Linux浏览器要求支持全部浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox 下面贴出简易DEMO源码分享：前端页面： 后端代码，此Demo是基于MVC架构的：后端代码我进行了模块划化，而不是网上的将所有的模块放在一个类中，这样对于以后的维护和升级来说都是一个灾难。 文件块处理逻辑 文件块保存逻辑如下 web.xml配置如下 整个项目的截图 依赖的JAR包如下 运行效果如下： 在此分享！希望多多指正~后端...
CSS--border小三角[兼容IE6的边框透明效果]
border:20pxsolidtransparent; _border-color:tomato; _filter:chroma(color=tomato); width:0;height:0;overflow:hidden;display:inline-block; 注意：当前层的背景色在IE6浏览器，不会显示，可以在外面加一个层，再加背景颜色。 /************例子例子例子例子例子例子例子***********/<divclass="box"><spanclass="borderConrner"></span></div><style>.borderConrner{border-color:transparent;_border-color:tomato;_filter:chroma(color=tomato);border-width:7px13px;border-style:solid;border-bottom-color:#8ecb92;di...
iReport jasperReports 生成表格
使用iReport生成表格 一环境：iReport-5.6.0 JDK71.注意，iReport的最新版本目前还不支持JDK8，如果项目工程已经配置了JDK8，那也不用去修改环境变量和工程的配置，只要修改iReport的配置文件即可。找到etc路径下的ireport.conf，将以下一行：#jdkhome="/path/to/jdk"改为jdk7的路径，如：jdkhome="C:ProgramFilesJavajdk1.7.0_67" 这样iReport就可以顺利启动了。2.打开iReport有几个比较常用的工具栏：Window-->Palette和Properties，这两个可以用来处理元素和样式，是常用的两个工具栏 二使用过程1.先介绍一下最终希望生成的效果： 2.看一下java端的代码：最终iReport要用到的数据是List<OceanRatesEmailMessage>这样的lists，每个list包含一个title以及对应的label和valuepublicclassOc...
C#获取Excel表格所有sheet名(Epplus)
原文:C#获取Excel表格所有sheet名(Epplus)版权声明：本文为博主原创文章，遵循CC4.0BY-SA版权协议，转载请附上原文出处链接和本声明。本文链接：https://blog.csdn.net/birdfly2015/article/details/90723215欢迎加入BIM行业开发交流1群群号:711844216小伙伴们在C#中使用Excel表格时，可能需要将去获取Excel所有Sheet名1.组件：Epplusepplus组件的安装使用参考在里面搜素Epplus即可2.引用：usingSystem.IO;usingOfficeOpenXml;3.方法：ExcelWorkBook.SheetsusingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;usingOfficeOpenXml;usingSystem.IO;namespaceInsertValueIntoExcelWithEpplus{classProg...
WPF 自定义窗体实现拖动边框改变窗体大小（2种方法）
原文:WPF自定义窗体实现拖动边框改变窗体大小（2种方法）这种方式在网上有很多，这里只是按步骤重新建立一次。读者只需要跟着做就行。第一步：创建一个WPF项目：WpfResizeWithoutBorder，右键项目文件---->添加----->资源字典，并命名为：WindowsResizeBorderTemplete.xaml。第二步：在刚刚建立的资源文件（WindowsResizeBorderTemplete.xaml）中复制如下代码：<ResourceDictionaryxmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"><ControlTemplatex:Key="CustomWindowTemplete"TargetType="Window"><BorderBorderBrush="Transparent"BorderThickness="12"x:Na...
spring boot + vue + element-ui全栈开发入门——基于Electron桌面应用开发
前言 Electron是由Github开发，用HTML，CSS和JavaScript来构建跨平台桌面应用程序的一个开源库。Electron通过将Chromium和Node.js合并到同一个运行时环境中，并将其打包为Mac，Windows和Linux系统下的应用来实现这一目的。Electron于2013年作为构建Github上可编程的文本编辑器Atom的框架而被开发出来。这两个项目在2014春季开源。目前它已成为开源开发者、初创企业和老牌公司常用的开发工具。看看谁在使用Electron。继续往下阅读可以了解Electron的贡献者们和已经发布的版本，或者直接阅读快速开始指引来开始用Electron来构建应用。(摘抄至electronjs.org) 一、初始化项目 运行，vueinitsimulatedgreg/electron-vue项目名称vueinitsimulatedgreg/electron-vueadmin 这里的项目名称是“admin” 如果没有安装vue脚手架，请查看《...
spring boot + vue + element-ui全栈开发入门——前端列表页面开发
一、页面 1.布局假设，我们要开发一个会员列表的页面。首先，添加vue页面文件“srcpagesMember.vue” 参照文档http://element.eleme.io/#/zh-CN/component/table中的例子,实现一个静态的列表页面代码如下： <template><section><!--工具条--><el-col:span="24"class="toolbar"style="padding-bottom:0px;"><el-form:inline="true":model="filters"><el-form-item><el-inputv-model="filters.query"placeholder="姓名/手机号等条件"/></el-form-item><el-form-item><el-buttontype="primary"v-on:click="getRows"icon=...
spring boot + vue + element-ui全栈开发入门——前端编辑数据对话框
需求 1.点击“添加”按钮，弹出录入数据的对话框窗口，并录入数据，如果数据有误则不允许提交。数据填写完毕后，点击“保存”按钮，调用http协议提交数据，提交完毕刷新页面数据。点击“取消”按钮关闭对话框。2.点击列表中的“修改”按钮，弹出数据修改对话框窗口，功能同上。3.点击列表中的“删除”按钮，弹出删除数据的询问窗口，功能以此类推。 一、添加 在“srcmockmember.js”中，增加模拟保存数据的方法：adapters.push((mockAdapter)=>mockAdapter.onPost('/api/member/save').reply(req=>{letpromise=newPromise((resolve,reject)=>{letdata=req.data?JSON.parse(req.data):{}letresult={}if(data.name){resul...
spring boot + vue + element-ui全栈开发入门——spring boot后端开发
前言 本文讲解作为后端的springboot项目开发流程，如果您还不会配置springboot环境，就请点击《玩转springboot——快速开始》，如果您对springboot还没有入门，就请点击《玩转springboot——开篇》学习springboot开发。 一、构建项目使用STS构建SpringStarter项目 pom.xml中添加依赖：<!--web--><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><!--jpa--><dependency><groupId>org.springframework.boot</groupId><artifactId>sprin...
spring boot + vue + element-ui全栈开发入门——前后端整合开发
一、配置 思路是通过node的跨域配置来调用springboot的restapi。 修改configindex.js文件，设置跨域配置proxyTable：proxyTable:{'/api':{target:'http://localhost:18080/',changeOrigin:true,pathRewrite:{'^/api':'/'}}} 完整的configindex.js代码如下：'usestrict'//Templateversion:1.3.1//seehttp://vuejs-templates.github.io/webpackfordocumentation.constpath=require('path')module.exports={dev:{//PathsassetsSubDirectory:'static',assetsPublicPath:'/',proxyTable:{'/api':{target:'http://localhost:18080/',changeOrigin:true,pathRewrite:{'^/api':...