为您找到搜索结果：2365个
Vue2 异步获取的数据(通过ajax)获取的数据 渲染到dom上
页面dom结构如下<ulclass="user"id="app"><li><span>姓名：</span><iid="name">{{msg.name}}</i></li><li><span>年龄：</span><iid="old">{{msg.old}}</i></li> <li><span>地址：</span><iid="address">{{msg.address}}</i></li><li><span>id：</span><iid="user_id">{{msg.user_id}}</i></li><liclass="del">删除</li><br/><br/></ul> jsvarapp=newVue({el:'#...
Vue学习笔记
Html<divid="userMessage"></div>JsvaruserMessage=newVue({el:'#userMessage',//绑定html元素data:{//数据userMessage:{name:'zhangsan',sex:'man',phone:'18688888888'},},methods:{//方法bindClick:function(){alert('click');},}});如果想要跟js的数据进行绑定在<divid='userMessage'></div>作用域内<divid='userMessage'><span>姓名：{{userMessage.name}}</span><span>性别：{{userMessage.name}}</span><span>电话：{{userMessage.name}}</span></div>这样就可以调用绑定的数据，并且可以动态的更改。 如果想要修改j...
php 导出csv表格文件
1.数据库取出数据,存放在二维数组中$conn=newmysqli('localhost','root','root','myDBPDO');$result=$conn->query('select*fromemp');$emps=array();while($row=$result->fetch_assoc()){static$i=0;$emps[$i]=$row;$i++;}2.输出csv数据(表头及内容)//设置内存占用set_time_limit(0);ini_set('memory_limit','512M');//为fputcsv()函数打开文件句柄$output=fopen('php://output','w')ordie("can'topenphp://output");//告诉浏览器这个是一个csv文件$filename="员工信息表".date('Y-m-d',time());header("Content-Type:application/csv");header("Content-Disposition:attachment;filename=$fi...
vue中实现全选功能
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Vue测试实例-菜鸟教程(runoob.com)</title><scriptsrc="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script></head><body> <divid='app'class='container'> <inputtype="checkbox"name=""id="allId"v-model="allData.parCheck"@change="allSelect()"> <labelfor="allId">{{allData.text}}</label>{{allData.parCheck}} <ul...
vue-resource插件使用
本文的主要内容如下：介绍vue-resource的特点介绍vue-resource的基本使用方法基于this.$http的增删查改示例基于this.$resource的增删查改示例基于inteceptor实现请求等待时的loading画面基于inteceptor实现请求错误时的提示画面本文11个示例的源码已放到GitHub，如果您觉得本篇内容不错，请点个赞，或在GitHub上加个星星！GitHubSource本文的所有示例如下：httpget示例httpjsonp示例httppost示例httpput示例httpdelete示例resourceget示例resourcesave示例(HTTPPOST)resourceupdate示例(HTTPPUT)resourceremove示例(HTTPDELETE)inteceptor示例1——ajax请求的loading界面inteceptor实例2——请求失败时的提示对话框各位在阅读这篇文章的内容时，可以先尝试该列表的最后两个示例，这两个示例综合使用了this.$http和inteceptor。...
利用js排序html表格
在web前端开发中会遇到排序等功能，当然也可以用服务器端来排序，今天我做一个笔记，怎么用js来实现这些复杂的功能呢。在学习这个之前一定得用htmldomjquery的知识，要不没有办法看明白的，当然也不包括你是一个天才了。哈哈！好了，先说一下思路，这里说一下，在学习一个js特效的时候思路很重要，可以说你不用对js多么的精通，但是一个功能放在你的面前，你必须有个很清晰的思路，这样做起来就很容易了，就算是再困难的特效也不例外！一共有四个步骤：首先要给触发排序的控件添加事件，这里我就略过了。1.把要排序的内容添加到数组里vartIndex=parseInt($(this).index());varvalueArray=newArray();varp=0;for(vari=1;i<$("tabletr").length;i++){ if(tIndex!=0){valueArray[p]=parseInt($("tabletr:eq("+i+")td").eq(tIndex).html());}else{valueArray[p]=$("tabletr:eq("+i+")td")...
用jquery控制表格奇偶行及活动行颜色
虽然jquery流行已经很多年了，一直都感觉很难，也没有花时间去学习它，只是偶尔哪天心血来潮了去看一点点，时隔多日又会忘得一干二净。最近用到表格奇偶行不同色，不得不去再看jquery，虽然感觉还是难，但已经不像以前一样无从下手了。做完后不得不来感叹一下jquery真是太牛了，不用自己再写一大堆javascript函数去实现了，简单几句轻松搞定。 先定义好表格的奇偶行样式，如下代码： body{ font-size:12px;} th{ color:#FFFFFF; background:#A172AC;} table,tabletd,tableth{ padding:0.5em; margin:0; border:0; border-spacing:0;}/*odditems1,3,5,7,...*/tabletbo...
vue+大文件分片上传
最近遇见一个需要上传百兆大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上传的思路，并给出了相关实例代码，由于PHP内置了比较方便的文件拆分和拼接方法，因此服务端代码使用PHP进行示例编写。本文相关示例代码位于github上，主要参考聊聊大文件上传大文件切割上传文件上传的几种方式首先我们来看看文件上传的几种方式。普通表单上传使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单，并指定表单的提交内容类型为enctype="multipart/form-data"，表明表单需要上传二进制数据。然后编写index.php上传文件接收代码，使用move_uploaded_file方法即可(php大法好…)form表单上传大文件时，很容易遇见服务...
上传文件夹 vue
ASP.NET上传文件用FileUpLoad就可以，但是对文件夹的操作却不能用FileUpLoad来实现。下面这个示例便是使用ASP.NET来实现上传文件夹并对文件夹进行压缩以及解压。ASP.NET页面设计：TextBox和Button按钮。TextBox中需要自己受到输入文件夹的路径（包含文件夹），通过Button实现选择文件夹的问题还没有解决，暂时只能手动输入。两种方法：生成rar和zip。1.生成rarusingMicrosoft.Win32;usingSystem.Diagnostics;protectedvoidButton1Click(objectsender,EventArgse) { RAR(@"E：95413594531GIS","tmptest",@"E：95413594531"); } /// ///&...
vue大文件上传断点续传解决方案
之前仿造uploadify写了一个HTML5版的文件上传插件，没看过的朋友可以点此先看一下~得到了不少朋友的好评，我自己也用在了项目中，不论是用户头像上传，还是各种媒体文件的上传，以及各种个性的业务需求，都能得到满足。小小开心了一把。 但无论插件再怎么灵活，也难以应付所有的需求，比如，你要上传一个2G的文件。以现在我们的网速，恐怕再快也得传半小时。要命的是，如果你在上传到90%的时候不小心关掉了浏览器，或者是手一抖摁了F5，完了，一切还得从头再来。这种用户体验简直太糟糕了。所以，断点续传就十分有必要了。什么是续传我就不解释了，用QQ传文件这么多年，大家都见过了。 这里要说的是断点续传都有哪些技术要点。使用传统的表单提交文件或是HTML5的FormData都是将文件“整块”提交，服务端取到该文件后再进行转移、重命名等操作，因此，无法实时保存文件的已上传部分。而且在http协议下，我们无法保持浏览器与服务端的长连接，不能以文件流的形式来提交。所以要解决的问题具体来讲有以下几点：对上传的文件进行分割，每次只上传一小片。服务端...
VUE 前端大文件上传
文件夹数据库处理逻辑public class DbFolder{ JSONObjectroot; public DbFolder() { this.root= new JSONObject(); this.root.put("f_id", ""); this.root.put("f_nameLoc", "根目录"); this.root.put("f_pid", ""...
VUE 以上超大文件上传和断点续传服务器的实现
最近遇见一个需要上传超大大文件的需求，调研了七牛和腾讯云的切片分段上传功能，因此在此整理前端大文件上传相关功能的实现。在某些业务中，大文件上传是一个比较重要的交互场景，如上传入库比较大的Excel表格数据、上传影音文件等。如果文件体积比较大，或者网络条件不好时，上传的时间会比较长（要传输更多的报文，丢包重传的概率也更大），用户不能刷新页面，只能耐心等待请求完成。下面从文件上传方式入手，整理大文件上传的思路，并给出了相关实例代码，由于PHP内置了比较方便的文件拆分和拼接方法，因此服务端代码使用PHP进行示例编写。本文相关示例代码位于github上，主要参考聊聊大文件上传大文件切割上传文件上传的几种方式首先我们来看看文件上传的几种方式。普通表单上传使用PHP来展示常规的表单上传是一个不错的选择。首先构建文件上传的表单，并指定表单的提交内容类型为enctype="multipart/form-data"，表明表单需要上传二进制数据。然后编写index.php上传文件接收代码，使用move_uploaded_file方法即可(php大法好…)form表单上传大文件时，很容易遇见服...
vue超大文件上传
众所皆知，web上传大文件，一直是一个痛。上传文件大小限制，页面响应时间超时.这些都是web开发所必须直面的。本文给出的解决方案是：前端实现数据流分片长传，后面接收完毕后合并文件的思路。实现文件夹上传，要求：服务端保留层级结构，支持10w级别的文件夹上传。大文件上传及断点续传，要求：支持50G级的单个文件上传和续传。续传要求：在刷新浏览器后能够续传上传，在重启浏览器后能够继续上传上（关闭浏览器后重新打开），在重启电脑后能够继续上传。支持PC端全平台，Windows,Mac,Linux浏览器要求支持全部浏览器，包括ie6,ie7,ie8,ie9,Chrome,Firefox 下面贴出简易DEMO源码分享：前端页面： 后端代码，此Demo是基于MVC架构的：后端代码我进行了模块划化，而不是网上的将所有的模块放在一个类中，这样对于以后的维护和升级来说都是一个灾难。 文件块处理逻辑 文件块保存逻辑如下 web.xml配置如下 整个项目的截图 依赖的JAR包如下 运行效果如下： 在此分享！希望多多指正~后端...
vue 批量大文件上传下载
核心原理： 该项目核心就是文件分块上传。前后端要高度配合，需要双方约定好一些数据，才能完成大文件分块，我们在项目中要重点解决的以下问题。* 如何分片；* 如何合成一个文件；* 中断了从哪个分片开始。如何分，利用强大的js库，来减轻我们的工作，市场上已经能有关于大文件分块的轮子，虽然程序员的天性曾迫使我重新造轮子。但是因为时间的关系还有工作的关系，我只能罢休了。最后我选择了百度的WebUploader来实现前端所需。如何合，在合之前，我们还得先解决一个问题，我们如何区分分块所属那个文件的。刚开始的时候，我是采用了前端生成了唯一uuid来做文件的标志，在每个分片请求上带上。不过后来在做秒传的时候我放弃了，采用了Md5来维护分块和文件关系。在服务端合并文件，和记录分块的问题，在这方面其实行业已经给了很好的解决方案了。参考迅雷，你会发现，每次下载中的时候，都会有两个文件，一个文件主体，另外一个就是文件临时文件，临时文件存储着每个分块对应字节位的状态。这些都是需要前后端密切联系才能做好，前端需要根据固定大小对文件进行分片，并且请求中要带上分片序号和大小。前...