yxy99.0
yxy99.0

简述三种异步上传文件方式

　　 很久没写过博客了！

　　上次写已经是去年的12月了，离现在也有足足三个月了。这几个月因为要搭建个人网站以及准备个人简历，包括最近要准备最近的各大公司的实习春招，很难抽时间来写博客，这次的异步文件上传我觉得是很有必要了解的，笼络了很多知识点，因此准备写一篇博客来巩固下。

　　异步上传文件是为了更好的用户体验，是每个前端必须掌握的技能。这里我提出三点有关异步文件上传的方式。

　　　　使用第三方控件，如Flash,ActiveX等浏览器插件上传。

　　　　使用隐藏的iframe模拟异步上传。

　　　　使用XMLHttpRequest2来实现异步上传。

　　

　　第一种使用浏览器插件上传，需要一定的底层编码功底，在这里我就不讲了，以免误人子弟，提出这点大家可以自行百度。

 

　　第二种使用隐藏的iframe模拟异步上传。为什么在这里说的是模拟呢?因为我们其实是将返回结果放在了一个隐藏的iframe中，所以才没有使当前页面跳转，感觉就像是异步操作一样。

　　先贴出代码:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>隐藏的iframe上传文件</title>
 6     <script type="text/javascript" src="jquery路径..."></script>
 7 </head>
 8 <body>
 9     <iframe name="frm" style="display:none"></iframe>
10     <form action="/upload2" enctype="multipart/form-data" method="post" target="frm" onsubmit="loading(true);">
11         <p id="upfile">附件： <input type="file" name="myfile" style="display: inline"></p>
12         <p id="upbtn"><input style="padding-left:50px;padding-right: 50px;" type="submit" value="异步上传">
13             <span id="uptxt" style="display: none">正在上传...</span></p>
14     </form>
15     <div id="flist" style="border:1px dotted darkgray;"></div>
16 <script>
17     // 上传完成后的回调
18     function uploadFinished(fileName) {
19         addToFlist(fileName);
20         loading(false);
21     }
22     
23     function addToFlist(fname) {
24         var temp = ["<p id='" + fname + "'>",
25                     fname,
26             "<button onclick='delFile(\"" + fname + "\");'>删除</button>",
27                     "</p>"
28                     ];
29         $("#flist").append(temp.join(""));
30     }
31 
32     function loading(showloading) {
33         if (showloading) {
34             $("#uptxt").show();
35         } else {
36             $("#uptxt").hide();
37         }
38     }
39 </script>
40 </body>
41 </html>
View Code

 　　这种技术有两个关键的地方:

　　　　1.form会指定target,提交的结果定向返回到隐藏的ifram中。(即form的target与iframe的name属性一致)。

　　　　2.提交完成后，iframe中页面与主页面通信，通知上传结果及服务端文件信息

　　如何与主页面通信呢?

　　我们用nodejs在接收完了文件后返回了一个window.parent.主页面定义的方法，执行后可以得知文件上传完成。代码很简单:

 1 router.post('/upload2', multipartMiddleware, function(req, res) {
 2     var fpath = req.files.myfile.path;
 3     var fname = fpath.substr(fpath.lastIndexOf('\\') + 1);
 4     setTimeout(function() {
 5         var ret = ["<script>",
 6             "window.parent.uploadFinished('" + fname + "');",
 7             "</script>"];
 8         res.send(ret.join(""));
 9     }, 3000);
10 
11 });
View Code

　　 执行后可以打开开发人员选项，你会发现隐藏iframe中返回了服务器的一些数据。

 

　　 第三种使用XMLHttpRequest2来进行真正的异步上传。

　　还是先贴出代码:

  1 <!DOCTYPE html>
  2 <html lang="en">
  3 <head>
  4     <meta charset="UTF-8">
  5     <title>xhr level2 异步上传</title>
  6     <script type="text/javascript" src="jquery路径..."></script>
  7 </head>
  8 <body>
  9     <div>
 10         <p id="upfile">附件： <input type="file" id="myfile" style="display: inline"></p>
 11         <p id="upbtn">
 12             <input style="padding-left:50px;padding-right: 50px;" type="button" value="异步上传" onclick="upload();">
 13             <span id="uptxt" style="display: none">正在上传...</span>
 14             <span id="upprog"></span>
 15             <button id="stopbtn" style="display:none;">停止上传</button>
 16         </p>
 17     </div>
 18 
 19     <div id="flist" style="border:1px dotted darkgray;"></div>
 20 
 21 <script>
 22     function upload() {
 23         // 1.准备FormData
 24         var fd = new FormData();
 25         fd.append("myfile", $("#myfile")[0].files[0]);
 26 
 27         // 创建xhr对象
 28         var xhr = new XMLHttpRequest();
 29 
 30 
 31         // 监听状态，实时响应
 32         // xhr 和 xhr.upload 都有progress事件，xhr.progress是下载进度，xhr.upload.progress是上传进度
 33         xhr.upload.onprogress = function(event) {
 34             if (event.lengthComputable) {
 35                 var percent = Math.round(event.loaded * 100 / event.total);
 36                 console.log('%d%', percent);
 37                 $("#upprog").text(percent);
 38             }
 39         };
 40 
 41         // 传输开始事件
 42         xhr.onloadstart = function(event) {
 43             console.log('load start');
 44             $("#upprog").text('开始上传');
 45 
 46             $("#stopbtn").one('click', function() {
 47                xhr.abort();
 48                 $(this).hide();
 49             });
 50 
 51             loading(true);
 52         };
 53 
 54         // ajax过程成功完成事件
 55         xhr.onload = function(event) {
 56             console.log('load success');
 57             $("#upprog").text('上传成功');
 58 
 59             console.log(xhr.responseText);
 60             var ret = JSON.parse(xhr.responseText);
 61             addToFlist(ret.fname);
 62         };
 63 
 64         // ajax过程发生错误事件
 65         xhr.onerror = function(event) {
 66             console.log('error');
 67             $("#upprog").text('发生错误');
 68         };
 69 
 70         // ajax被取消
 71         xhr.onabort = function(event) {
 72             console.log('abort');
 73             $("#upprog").text('操作被取消');
 74         };
 75 
 76         // loadend传输结束，不管成功失败都会被触发
 77         xhr.onloadend = function (event) {
 78             console.log('load end');
 79             loading(false);
 80         };
 81 
 82         // 发起ajax请求传送数据
 83         xhr.open('POST', '/upload3', true);
 84         xhr.send(fd);
 85     }
 86 
 87     
 88     function addToFlist(fname) {
 89         var temp = ["<p id='" + fname + "'>",
 90                     fname,
 91             "<button onclick='delFile(\"" + fname + "\");'>删除</button>",
 92                     "</p>"
 93                     ];
 94         $("#flist").append(temp.join(""));
 95     }
 96 
 97     function delFile(fname) {
 98         console.log('to delete file: ' + fname);
 99         // TODO: 请实现
100     }
101 
102     function loading(showloading) {
103         if (showloading) {
104             $("#uptxt").show();
105             $("#stopbtn").show();
106         } else {
107             $("#uptxt").hide();
108             $("#stopbtn").hide();
109         }
110     }
111 </script>
112 </body>
113 </html>
View Code

　　 代码有点多，但是通俗易懂。使用过AJAX的人都知道，XHR对象提供了一个onreadystatechange的回调方法来监听整个请求/响应过程。在XMLHttpRequest2级规范中又多了几个进度事件。有以下6个事件:

　　　　1.loadstart: 在接收到响应数据的第一个字节时触发。

　　　　2.progress: 在接收响应期间持续不断地触发。

　　　　3.error: 在请求发生错误时触发。

　　　　4.abort: 在因为调用abort()方法而终止连接时触发。

　　　　5.load: 在接收到完整的响应数据时触发。

　　　　6.loadend: 在通信完成或者触发error,abort,load事件后触发。

　　这次我们可以解读代码:当传输事件开始后，我们便在停止传送按钮上添加点击事件，内置了abort方法可以停止传送。若不点则会正常上传直到传送完毕为止。其后台代码类似第二种方法。

　　三种方法各有优劣，做个简单的小结吧。

　　第三方控件交互性和可控性好，因为接近底层，其性能也是很优秀的。但是由于编写难度大通常需要自己安装插件，有时可能需要自己进行编写。

　　隐藏的iframe方法我个人觉得是非常有思想的一个方法，iframe可以帮我们做很多事。这种方式具有广泛的浏览器兼容性而且不需要安装插件。但是它交互性差，上传过程不可控，而且性能也是很一般的。

　　XHR2级的纯ajax上传，它必须要版本比较高一点的浏览器(ie9+)。但是它交互性特别好，可以看到上传进度并且是可控的。

　　开发可按需求来采用不同方法。个人觉得这些文件上传，特别是第二种提供的是一种思想，充分的利用了某些html标签的特性，可能是我们开发人员需要多思考的地方。

 

你可能感兴趣的:(简述三种异步上传文件方式)

  • 形象理解线性代数的本质（三） 矩阵的升维和降维 _躬行_ 线性代数机器学习基础矩阵线性代数
    引子：降维打击科幻小说《三体》里一种很魔幻的攻击方法——降维打击，以其神奇的作用方式和巨大的威力刷新了我们的三观。而在矩阵乘法计算中，这种降维打击时刻存在着。本节讲解一下矩阵乘法中造成的升维和降维。一、矩阵的降维还用游戏的例子，有4个角色，每个人都有不同的能力，将其用矩阵表示出来现在我们要评估他们的两种能力：领兵打仗的能力和协同将领的能力只要将两个矩阵相乘，就能根据方法X对象的法则评估出他们这两种
  • kotlin与MVVM的结合使用总结（三） 每次的天空 kotlin前端开发语言
    在MVVM（Model-View-ViewModel）架构中，ViewModel（VM层）起到了连接视图（View）和数据模型（Model）的桥梁作用。它负责处理业务逻辑、管理数据状态，并将数据以一种可观察的方式提供给视图。以下将深入讲解在Kotlin中如何实现MVVM的VM层，并结合代码进行说明。创建ViewModel类ViewModel类负责处理业务逻辑和管理数据状态，并将数据以LiveDat
  • antd的Form表单校验的方式有几种 迷途小码农零零发 React前端javascript开发语言
    AntDesign的Form组件提供了多种灵活的表单校验方式，以下是常见的几种方法及示例：1.内置校验规则通过rules配置预定义的校验规则（如必填、长度、格式等）。2.自定义校验函数使用validator编写自定义校验逻辑。{if(value&&value.length>=8){returnPromise.resolve();}returnPromise.reject(newError('密码至
  • WPF框架介绍---Prism框架（万字长文一篇文章带你弄懂Prism） 白白白白纸呀 WPF知识总结.netc#开发语言windowswpf
    目录Prism中的基本对象数据与行为对象1.BindableBase：数据绑定的基础作用与特性关键方法使用示例2.DelegateCommand/DelegateCommand：行为的封装作用与特性关键方法使用示例无参数命令带参数的命令在XAML中绑定命令Prism框架中的IoC（控制反转）容器1.核心接口与配置1.1容器配置入口1.2关键接口2.服务注册方式2.1基础注册2.2生命周期控制3.依
  • FLASK，ORM(mysql)，12条查询练习语句 毛毛是一只狗 《Python专栏》flaskORM
    ORM查询语句练习，创表数据在flask课件里，在我资源里可以下载查询所有用户数据查询有多少个用户查询第1个用户查询id为4的用户[3种方式]查询名字结尾字符为g的所有数据[开始/包含]查询名字不等于wang的所有数据[2种方式]查询名字和邮箱都以li开头的所有数据[2种方式]查询password是123456或者email以itheima.com结尾的所有数据查询id为[1,3,5,7,9]的用
  • nacos集成网关 hubertbb3 gatewayspringcloud
    前言，之前写的微服务中，并没有网关来进行控制，任何请求都可以访问到服务，所以，我们通过集成网关的方式，来对发送到我们服务的路由进行管理和控制。第一步，创建一个springboot应用第二步，引入相关依赖org.springframework.cloudspring-cloud-starter-gateway
  • Node.js Web 模块详解 froginwe11 开发语言
    Node.jsWeb模块详解引言Node.js作为一款流行的JavaScript运行环境，以其高性能、事件驱动和非阻塞I/O模型而闻名。在Node.js中，模块是构建应用程序的基础，也是其强大的关键所在。本文将详细介绍Node.js的Web模块，包括其基本概念、常用模块及其应用。模块的概念在Node.js中，模块是一种组织代码的方式，它将代码分割成独立的、可复用的部分。模块不仅可以减少代码的冗余，
  • 【H2O2 | 软件开发】事件循环机制 过期的H2O2 【H2O2】全栈面试题前端javascript
    目录前言开篇语准备工作正文概念流程事件队列类型示例结束语前言开篇语本系列为短篇，每次讲述少量知识点，无需一次性灌输太多的新知识点。该主题文章主要是围绕前端、全栈开发相关面试常见问题撰写的，希望对诸位有所帮助。准备工作概念篇，不对开发环境作要求。正文概念事件循环（EventLoop）是处理异步事件的一种机制，特别是在单线程环境中（如JavaScript在浏览器或Node.js中的运行）。它允许程序在
  • 马达驱动HR8833：双通达H桥电机驱动芯片 Tel18218088355视频转换方案 中科微HR8833双通道电机驱动AT8833中科微禾润马达
    HR8833芯片描述HR8833为玩具、打印机和其它电机一体化应用提供一种双通道电机驱动方案。HR8833有两路H桥驱动，可以驱动两路刷式直流电机，或者一个双极步进电机，或者螺线管或者其它感性负载。每一个桥的功率输出模块由N通道功率MOSFET组成，叫作H桥驱动器。每个桥包含整流电路和限流电路。内部关断功能包含过流保护，短路保护，欠压锁定保护和过温保护，并提供一个错误输出管脚。HR8833提供三种
  • 【CSDN｜每日一练】编码 海轰Pro 唯有努力算法c++每日一练
    目录运行结果题目描述输入描述：输出描述：示例代码结语运行结果题目描述编码工作常被运用于密文或压缩传输。这里我们用一种最简单的编码方式进行编码：把一些有规律的单词编成数字。字母表中共有26个字母{a，b，…，z}，这些特殊的单词长度不超过6且字母按升序排列。把所有这样的长度相同的单词放在一起，按字典顺序排列，一个单词的编码就对应着它在整个序列中的位置。你的任务就是对于所给的单词，求出它的编码。输入描
  • 【TOGAF系列】架构开发方法（ADF）第四章 东临碣石82 架构
    4.1目标B阶段的目标是：制定目标业务架构，描述企业需要如何运营以实现业务目标，并以解决架构工作声明和利益相关者关切的方式响应架构愿景中规定的战略驱动因素根据基线和目标业务架构之间的差距确定候选架构路线图组件4.2输入本节定义了阶段B的输入。4.2.1企业外部参考资料■架构参考资料（见TOGAF标准——架构内容）4.2.2非架构输入■架构工作请求（见TOGAF标准——架构内容）■业务原则、业务目标
  • DeepSeek 面试题精选 CarlowZJ DeepSeek
    以下是针对DeepSeek面试的精选问题及解答，涵盖技术原理、模型架构、训练方法和应用场景等方面，供面试准备参考：一、DeepSeek模型架构与技术原理1.请简述DeepSeek-V3模型的总体架构和主要创新点。架构：DeepSeek-V3基于混合专家系统（MoE）架构，包含2048个领域专家模型，通过门控网络动态分配查询请求。创新点：使用多头潜在注意力（MLA）技术，通过低秩压缩降低KV缓存需求
  • 用css写背景模糊的三种情况 小竹子14 css前端
    1.背景模糊这种最简单也是最直接的，这里展示两种背景模糊的写法：1.用backdrop-filter的一个子属性blur进行设置模糊（这里的值代表的是将n✖n方格里面的像素的颜色做加权平均，即高斯模糊。2.用filter直接进行设置模糊。这里需要注意的是，filter会直接影响元素的内容，而backdrop-filter作用于元素的背景。通常情况下，使用backdrop-filter会使整个元素的
  • 计算机科学与技术python方向_合肥师范学院计算机科学与技术python复习 weixin_39710106
    1.计算机是根据指令操作数据的设备，具备功能性和可编程性两个基本特性2.程序设计语言的执行方式有编译执行和解释执行3.语言特点：与平台无关、粘性扩展、开源理念、支持中文、类库丰富4.IPO程序编写方法：input、process、output5.2.x与3.x的区别：(1)修改编码：3.x系列默认采用UTF-8编码；(2)去掉长整数类型：3.x系列不再区分整数和长整数类型，只有int类型，int类
  • python执行cmd命令行异步执行_Python 异步调用命令行工具 weixin_39719732
    当你在自己的Python程序中采用了基于事件循环的异步编程方法之后，你就会发现自己不自觉地被其牢牢吸引住，并不是说这一方法多么棒，而是因为你不得不想办法保证程序中的任意环节都不能是阻塞的！例如当前的场景是希望从MongoDB中读取每一条未处理过的数据，下载并保存其中的图片信息，然后更新数据库的内容。Python常用的MongoDB异步驱动是Motor:结合asyncio使用方法如下：importm
  • Visual Studio 2022和C++实现带多组标签的Snowflake SQL查询批量数据导出程序 weixin_30777913 c++云计算开发语言sql数据仓库
    设计一个基于多个带标签SnowflakeSQL语句作为json配置文件的VisualStudio2022的C++代码程序，实现根据不同的输入参数自动批量地将Snowflake数据库的数据导出为CSV文件到本地目录上，标签加扩展名.csv为导出数据文件名，文件已经存在则覆盖原始文件。需要考虑SQL结果集是大数据量分批数据导出的情况，通过多线程和异步操作来提高程序性能，程序需要异常处理和输出，输出出错
  • Python Pandas带多组参数和标签的Snowflake数据库批量数据导出程序 weixin_30777913 pandaspython云计算数据仓库
    设计一个基于多个带标签的SnowflakeSQL模板作为配置文件和多组参数的PythonPandas代码程序，实现根据不同的输入参数自动批量地将Snowflake数据库中的数据导出为CSV文件到指定目录上，然后逐个文件压缩为zip文件，标签和多个参数（以“_”分割）为组成导出数据文件名，文件已经存在则覆盖原始文件。需要考虑SQL结果集是大数据量分批数据导出的情况，通过多线程和异步操作来提高程序性能
  • Python和FastAPI框架开发和容器化部署AWS上支持多种LLM和向量数据库的微服务API weixin_30777913 python语言模型微服务aws
    用FastAPI创建一个输入提示词和所使用的LLM名称和向量搜索方式的API，返回LLM输出文本，其中用到OpenAIGPT4o3和AWSBedrock上的多个LLM模型的API，通过内部的类配置使用的模型和向量数据搜索类型，向量数据搜索类型包括faiss向量数据库和AWSKendra向量数据库搜索服务，这样的逻辑用设计模式中的工厂模式实现，用Python实现Docker打包项目Python代码并
  • C#带多组标签的Snowflake SQL查询批量数据导出程序 weixin_30777913 c#数据仓库云计算sql
    设计一个基于多个带标签SnowflakeSQL语句作为json配置文件的C#代码程序，实现根据不同的输入参数自动批量地将Snowflake数据库的数据导出为CSV文件到本地目录上，标签加扩展名.csv为导出数据文件名，文件已经存在则覆盖原始文件。需要考虑SQL结果集是大数据量分批数据导出的情况，通过多线程和异步操作来提高程序性能，程序需要异常处理和输出，输出出错时的错误信息，每次每个查询导出数据的
  • MySQL 技术浅析（聚簇索引、UndoLog、RedoLog、MVCC） 代码没写完哪有脸睡觉 mysql数据库
    MySQL核心技术深度解析一、聚簇索引与非聚簇索引1.聚簇索引结构存储方式InnoDB中，聚簇索引的叶子节点直接存储完整数据行，数据按主键值物理排序存储。主键索引即数据文件，非叶子节点存储主键范围和子节点指针数据行与主键索引绑定，主键顺序决定磁盘存储顺序示例存储结构B+树结构：根节点→[id20;--索引设计为(name,age)2.事务控制建议控制事务粒度：单个事务执行时间<1秒批量操作分批次提
  • RabbitMQ实战（二）-消息持久化策略、事务以及Confirm消息确认方式 Java思享汇 RabbitMQ学习RabbitMQ消息持久化事务confirmack
    「扫码关注我，面试、各种技术（mysql、zookeeper、微服务、redis、jvm）持续更新中～」RabbitMQ学习列表：RabbitMQ实战（一）-消息通信基本概念·在上一篇学习完RabbitMQ通信的基本概念后，我们来继续学习消息的持久化以及代码实现RabbitMQ通信。在正常生产环境运维过程中无法避免RabbitMQ服务器重启，那么，如果RabbitMQ重启之后，那些队列和交换器就会
  • 【从零开始学习计算机科学】数据库系统（十）XML、XPATH、XQuery与XML数据库 贫苦游商 数据库学习xmlxpathxml数据库xquerysql
    【从零开始学习计算机科学】数据库系统（十）XML、XPATH、XQuery与XML数据库XML基础知识元素属性Namespaces文档类型定义(DTD)文档类型定义(DTD)XML数据文档的树模型XML树模型的生成方式Xpath语言Xpath常用的标记XQuery语言XML基础知识XML是一种语言，更是一种适合灵活描述各种办半结构化的数据和结构的好工具。在一应用程序与另一应用程序需通信(交换数据)
  • 普通人如何利用GPT赚钱之开发虚拟助手 贫苦游商 普通人利用AI搞钱系列gpt人工智能深度学习机器人AIGC
    普通人如何利用GPT赚钱之开发虚拟助手随着人工智能技术的迅猛发展，GPT（GenerativePre-trainedTransformer）作为一种强大的语言模型，正在改变我们的生活和工作方式。普通人如何利用GPT赚钱？开发虚拟助手是一个极具潜力的方向。本文将探讨如何开发虚拟助手，以及如何通过这一技术实现经济收益。什么是虚拟助手虚拟助手是一种基于人工智能的技术，能够理解自然语言并执行特定任务。它们
  • YashanDB数据文件管理 数据库
    本文内容来自YashanDB官网，原文内容请见https://doc.yashandb.com/yashandb/23.3/zh/%E6%95%B0%E6%8D%AE%...默认情况下，数据文件存放在$YASDB_DATA/dbfiles目录下（SCOL数据默认存放在与data同级的local\_fs目录下）。共享集群部署模式下的数据文件存放在+DG0/dbfiles目录下，访问方式请参考YFS文
  • MySql的MVCC实现原理 zyrr mysqlmysqlmvccjava
    MySql的MVCC实现原理前言MVCC解决什么问题MVCC的实现3个隐式字段UndoLogReadView读视图大致流程读已提交和可重复隔离级别下的快照读前言什么是MVCC？MVCC(Multi-VersionConcurrencyControl)即多版本并发控制，是乐观锁的一种实现方式，在MySql数据库中主要是为了提高数据库的并发性能，做到读写冲突不加锁，这里的读指的是快照读。快照读与当前读
  • 账本 1.01 版本：样式优化升级分享 烂蜻蜓 html前端css
    在开发账本应用的过程中，持续的样式优化对于提升用户体验起着至关重要的作用。本次账本1.02版本着重对样式进行了全面优化，让应用在视觉上更加美观、操作上更加便捷。下面就为大家分享一些关键代码及优化思路。话不多说，先上效果图。一、整体布局优化在index.vue和add.vue中，整体布局都采用了flex布局方式。以index.vue为例：.container{display:flex;flex-di
  • 美发行业的数字化转型：博卡软件如何赋能美发店？ S18151700486 大数据人工智能笔记生活其他
    传统美发店管理模式的瓶颈随着消费者需求的不断升级，传统美发店的管理模式逐渐暴露出诸多问题。传统的预约方式依赖电话或到店登记，容易出现错漏，导致客户流失。同时，美发店的库存管理、员工排班、财务结算等环节大多依赖手工操作，效率低下且容易出错。此外，客户信息分散，难以形成系统的客户档案，导致个性化服务难以实现。消费者对美发服务的需求也在发生变化。他们不仅追求个性化的发型设计，还希望获得便捷的预约体验、透
  • 百度官方！打造「大模型全开发周期系列课程」，AI应用开发入门课率先发布！（内含英雄帖）
    在这个大模型技术日新月异的时代，AI的潜力正被无限释放，改变着我们的工作和生活方式。你是否渴望成为这场变革的参与者？你是否也想在这个大模型时代中抢占先机？那“学习AI”、“使用AI”、“入局AI”我们真的可以受益吗？学习辅助：将AI使用融入学习当中，依据当前学习情况，整理重点难点，让复习有的放矢，更高效掌握知识点。效率提升：帮助处理繁琐重复的工具，如数据分析师使用AI识别数据中的关键信息，自动整理
  • ASP.NET CORE MVC EF框架 sanzk ASP.NETCOREEF
    1.一个视图中的多个表单Form中的变量。方式一：视图中跨Form变量不能用，得各自定义变量否则编译不能通过。变量名还不能相同。或者方式二：在Form之外定义变量@{ViewData["Title"]="ExpenseForm";}@{Layout=null;}ExpenseFormdiv,table,tr,td{margin:0px;padding:0px;}.myTable{width:60
  • Django中migrations是什么，是否可以删除？ 计算机软件程序设计 知识科普django数据库模型同步migrations
    【1】是什么在Django中，migrations是DjangoORM（对象关系映射）用来同步数据库模式与Django模型定义之间差异的机制。简单来说，当你对Django应用中的模型（models）进行修改时，比如添加字段、删除模型或者改变字段类型等，你需要一种方式来更新数据库结构以反映这些变化。这就是migrations发挥作用的地方。Migrations的主要功能版本控制数据库模式：Migra
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIPHPandroidlinux
    ╔-----------------------------------╗┆                           
  • 各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 bozch .net.net mvc
    在.net mvc5中，在执行某一操作的时候，出现了如下错误：       各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。 经查询当前的操作与错误内容无关，经过对错误信息的排查发现，事故出现在数据库迁移上。 回想过去： 在迁移之前已经对数据库进行了添加字段操作，再次进行迁移插入XXX字段的时候，就会提示如上错误。  &
  • Java 对象大小的计算 e200702084 java
                              Java对象的大小 如何计算一个对象的大小呢？    
  • Mybatis Spring 171815164 mybatis
    ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml"); CustomerService userService = (CustomerService) ac.getBean("customerService"); Customer cust
  • JVM 不稳定参数 g21121 jvm
            -XX 参数被称为不稳定参数，之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异，使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下，如果此类参数设置合理讲大大提高JVM 的性能及稳定性。        可以说“不稳定参数”
  • 用户自动登录网站 永夜-极光 用户
    1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码 2.思路:将用户的信息保存为cookie            每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
  • centos7 安装后失去win7的引导记录 程序员是怎么炼成的 操作系统
    1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ###   在后面添加    menuentry "Windows 7 (loader) (on /dev/sda1)" { 
  • Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载 aijuans oracle
    Oracle 10g 官方中文安装帮助文档下载：http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
  • JavaEE开源快速开发平台G4Studio_V3.2发布了 無為子 AOPoraclemysqljavaeeG4Studio
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。   访问G4Studio网站 http://www.g4it.org   G4Studio_V3.2版本变更日志 功能新增 (1).新增了系统右下角滑出提示窗口功能。 (2).新增了文件资源的Zip压缩和解压缩
  • Oracle常用的单行函数应用技巧总结 百合不是茶 日期函数转换函数(核心)数字函数通用函数(核心)字符函数
    单行函数;   字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心) 一:字符函数: .UPPER(字符串) 将字符串转为大写 .LOWER (字符串) 将字符串转为小写 .INITCAP(字符串) 将首字母大写 .LENGTH (字符串) 字符串的长度 .REPLACE(字符串,'A','_') 将字符串字符A转换成_
  • Mockito异常测试实例 bijian1013 java单元测试mockito
    Mockito异常测试实例： package com.bijian.study; import static org.mockito.Mockito.mock; import static org.mockito.Mockito.when; import org.junit.Assert; import org.junit.Test; import org.mockito.
  • GA与量子恒道统计 Bill_chen JavaScript浏览器百度Google防火墙
    前一阵子，统计**网址时，Google Analytics（GA） 和量子恒道统计（也称量子统计），数据有较大的偏差，仔细找相关资料研究了下，总结如下：   为何GA和量子网站统计（量子统计前身为雅虎统计）结果不同？ 首先：没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因：（1）不同的统计分析系统的算法机制不同；（2）统计代码放置的位置和前后
  • 【Linux命令三】Top命令 bit1129 linux命令
    Linux的Top命令类似于Windows的任务管理器，可以查看当前系统的运行情况，包括CPU、内存的使用情况等。如下是一个Top命令的执行结果：     top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99 Tasks: 202 total, 4 running, 198 sl
  • spring四种依赖注入方式 白糖_ spring
      平常的java开发中，程序员在某个类中需要依赖其它类的方法，则通常是new一个依赖类再调用类实例的方法，这种开发存在的问题是new的类实例不好统一管理，spring提出了依赖注入的思想，即依赖类不由程序员实例化，而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”，通俗的理解是：平常我们new一个实例，这个实例的控制权是我
  • angular.injector boyitech AngularJSAngularJS API
    angular.injector   描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入.   使用方法: angular.injector(modules, [strictDi])   参数详解: Param Type Details mod
  • java-同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待 bylijinnan Integer
    public class PC { /** * 题目：生产者-消费者。 * 同步访问一个数组Integer[10]，生产者不断地往数组放入整数1000，数组满时等待；消费者不断地将数组里面的数置零，数组空时等待。 */ private static final Integer[] val=new Integer[10]; private static
  • 使用Struts2.2.1配置 Chen.H apachespringWebxmlstruts
    Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar struts2-core-2.2.1.jar struts2-sp
  • [职业与教育]青春之歌 comsci 教育
           每个人都有自己的青春之歌............但是我要说的却不是青春...        大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....   &nbs
  • oracle连接(join)中使用using关键字 daizj JOINoraclesqlusing
    在oracle连接(join)中使用using关键字 34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables. Evaluate the following SQL statement: SELECT oi.order_id, product_id, order_date FRO
  • NIO示例 daysinsun nio
    NIO服务端代码： public class NIOServer { private Selector selector; public void startServer(int port) throws IOException { ServerSocketChannel serverChannel = ServerSocketChannel.open(
  • C语言学习homework1 dcj3sjt126com chomework
    0、 课堂练习做完 1、使用sizeof计算出你所知道的所有的类型占用的空间。 int x; sizeof(x);   sizeof(int);   # include <stdio.h> int main(void) { int x1; char x2; double x3; float x4; printf(&quo
  • select in order by , mysql排序 dcj3sjt126com mysql
    If i select like this: SELECT id FROM users WHERE id IN(3,4,8,1); This by default will select users in this order 1,3,4,8, I would like to select them in the same order that i put IN() values so:
  • 页面校验-新建项目 fanxiaolong 页面校验
    $(document).ready( function() { var flag = true; $('#changeform').submit(function() { var projectScValNull = true; var s =""; var parent_id = $("#parent_id").v
  • Ehcache（02）——ehcache.xml简介 234390216 ehcacheehcache.xml简介
    ehcache.xml简介          ehcache.xml文件是用来定义Ehcache的配置信息的，更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
  • junit 4.11中三个新功能 jackyrong java
    junit 4.11中两个新增的功能，首先是注解中可以参数化，比如 import static org.junit.Assert.assertEquals; import java.util.Arrays; import org.junit.Test; import org.junit.runner.RunWith; import org.junit.runn
  • 国外程序员爱用苹果Mac电脑的10大理由 php教程分享 windowsPHPunixMicrosoftperl
    Mac 在国外很受欢迎，尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解，毕竟 Mac 设计美观，简单好用，没有病毒。那么为什么专业人士也对 Mac 情有独钟呢？从个人使用经验来看我想有下面几个原因： 1、Mac OS X 是基于 Unix 的 这一点太重要了，尤其是对开发人员，至少对于我来说很重要，这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
  • 位运算、异或的实际应用 wenjinglian 位运算
    一． 位操作基础，用一张表描述位操作符的应用规则并详细解释。       二． 常用位操作小技巧，有判断奇偶、交换两数、变换符号、求绝对值。       三． 位操作与空间压缩，针对筛素数进行空间压缩。    &n
  • weblogic部署项目出现的一些问题（持续补充中……） Everyday都不同 weblogic部署失败
    好吧，weblogic的问题确实……   问题一： org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
  • tomcat7性能调优（01） toknowme tomcat7
        Tomcat优化： 1、最大连接数最大线程等设置 <Connector port="8082" protocol="HTTP/1.1"                useBodyEncodingForURI="t
  • PO VO DAO DTO BO TO概念与区别 xp9802 javaDAO设计模式bean领域模型
    O/R Mapping 是 Object Relational Mapping（对象关系映射）的缩写。通俗点讲，就是将对象与关系数据库绑定，用对象来表示关系数据。在O/R Mapping的世界里，有两个基本的也是重要的东东需要了解，即VO，PO。 它们的关系应该是相互独立的，一个VO可以只是PO的部分，也可以是多个PO构成，同样也可以等同于一个PO（指的是他们的属性）。这样，PO独立出来，数据持
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他