sunny_lin5
sunny_lin5

用js导出Excel表格

这五种方法前四种方法只支持IE浏览器，最后一个方法支持当前主流的浏览器（火狐，IE，Chrome，Opera，Safari）

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head lang="en">  
  4.     <meta charset="UTF-8">  
  5.     <title>html 表格导出道title>  
  6.     <script language="JavaScript" type="text/javascript">  
  7.         //第一种方法  
  8.         function method1(tableid) {  
  9.   
  10.             var curTbl = document.getElementById(tableid);  
  11.             var oXL = new ActiveXObject("Excel.Application");  
  12.             var oWB = oXL.Workbooks.Add();  
  13.             var oSheet = oWB.ActiveSheet;  
  14.             var sel = document.body.createTextRange();  
  15.             sel.moveToElementText(curTbl);  
  16.             sel.select();  
  17.             sel.execCommand("Copy");  
  18.             oSheet.Paste();  
  19.             oXL.Visible = true;  
  20.   
  21.         }  
  22.         //第二种方法  
  23.         function method2(tableid)  
  24.         {  
  25.   
  26.             var curTbl = document.getElementById(tableid);  
  27.             var oXL = new ActiveXObject("Excel.Application");  
  28.             var oWB = oXL.Workbooks.Add();  
  29.             var oSheet = oWB.ActiveSheet;  
  30.             var Lenr = curTbl.rows.length;  
  31.             for (i = 0; i < Lenr; i++)  
  32.             {        var Lenc = curTbl.rows(i).cells.length;  
  33.                 for (j = 0; j < Lenc; j++)  
  34.                 {  
  35.                     oSheet.Cells(i + 1, j + 1).value = curTbl.rows(i).cells(j).innerText;  
  36.   
  37.                 }  
  38.   
  39.             }  
  40.             oXL.Visible = true;  
  41.         }  
  42.         //第三种方法  
  43.         function getXlsFromTbl(inTblId, inWindow){  
  44.   
  45.             try {  
  46.                 var allStr = "";  
  47.                 var curStr = "";  
  48.                 if (inTblId != null && inTblId != "" && inTblId != "null") {  
  49.   
  50.                     curStr = getTblData(inTblId, inWindow);  
  51.   
  52.                 }  
  53.                 if (curStr != null) {  
  54.                     allStr += curStr;  
  55.                 }  
  56.   
  57.                 else {  
  58.   
  59.                     alert("你要导出的表不存在");  
  60.                     return;  
  61.                 }  
  62.                 var fileName = getExcelFileName();  
  63.                 doFileExport(fileName, allStr);  
  64.   
  65.             }  
  66.   
  67.             catch(e) {  
  68.   
  69.                 alert("导出发生异常:" + e.name + "->" + e.description + "!");  
  70.   
  71.             }  
  72.   
  73.         }  
  74.   
  75.         function getTblData(inTbl, inWindow) {  
  76.   
  77.             var rows = 0;  
  78.             var tblDocument = document;  
  79.             if (!!inWindow && inWindow != "") {  
  80.   
  81.                 if (!document.all(inWindow)) {  
  82.                     return null;  
  83.                 }  
  84.   
  85.                 else {  
  86.                     tblDocument = eval(inWindow).document;  
  87.                 }  
  88.   
  89.             }  
  90.   
  91.             var curTbl = tblDocument.getElementById(inTbl);  
  92.             var outStr = "";  
  93.             if (curTbl != null) {  
  94.                 for (var j = 0; j < curTbl.rows.length; j++) {  
  95.                     for (var i = 0; i < curTbl.rows[j].cells.length; i++) {  
  96.   
  97.                         if (i == 0 && rows > 0) {  
  98.                             outStr += " t";  
  99.                             rows -= 1;  
  100.                         }  
  101.   
  102.                         outStr += curTbl.rows[j].cells[i].innerText + "t";  
  103.                         if (curTbl.rows[j].cells[i].colSpan > 1) {  
  104.                             for (var k = 0; k < curTbl.rows[j].cells[i].colSpan - 1; k++) {  
  105.                                 outStr += " t";  
  106.                             }  
  107.                         }  
  108.                         if (i == 0) {  
  109.                             if (rows == 0 && curTbl.rows[j].cells[i].rowSpan > 1) {  
  110.                                 rows = curTbl.rows[j].cells[i].rowSpan - 1;  
  111.                             }  
  112.                         }  
  113.                     }  
  114.                     outStr += "rn";  
  115.                 }  
  116.             }  
  117.   
  118.             else {  
  119.                 outStr = null;  
  120.                 alert(inTbl + "不存在 !");  
  121.             }  
  122.             return outStr;  
  123.         }  
  124.   
  125.         function getExcelFileName() {  
  126.             var d = new Date();  
  127.             var curYear = d.getYear();  
  128.             var curMonth = "" + (d.getMonth() + 1);  
  129.             var curDate = "" + d.getDate();  
  130.             var curHour = "" + d.getHours();  
  131.             var curMinute = "" + d.getMinutes();  
  132.             var curSecond = "" + d.getSeconds();  
  133.             if (curMonth.length == 1) {  
  134.                 curMonth = "0" + curMonth;  
  135.             }  
  136.   
  137.             if (curDate.length == 1) {  
  138.                 curDate = "0" + curDate;  
  139.             }  
  140.   
  141.             if (curHour.length == 1) {  
  142.                 curHour = "0" + curHour;  
  143.             }  
  144.   
  145.             if (curMinute.length == 1) {  
  146.                 curMinute = "0" + curMinute;  
  147.             }  
  148.   
  149.             if (curSecond.length == 1) {  
  150.                 curSecond = "0" + curSecond;  
  151.             }  
  152.             var fileName = "table" + "_" + curYear + curMonth + curDate + "_"  
  153.                     + curHour + curMinute + curSecond + ".csv";  
  154.             return fileName;  
  155.   
  156.         }  
  157.   
  158.         function doFileExport(inName, inStr) {  
  159.             var xlsWin = null;  
  160.             if (!!document.all("glbHideFrm")) {  
  161.                 xlsWin = glbHideFrm;  
  162.             }  
  163.             else {  
  164.                 var width = 6;  
  165.                 var height = 4;  
  166.                 var openPara = "left=" + (window.screen.width / 2 - width / 2)  
  167.                         + ",top=" + (window.screen.height / 2 - height / 2)  
  168.                         + ",scrollbars=no,width=" + width + ",height=" + height;  
  169.                 xlsWin = window.open("", "_blank", openPara);  
  170.             }  
  171.             xlsWin.document.write(inStr);  
  172.             xlsWin.document.close();  
  173.             xlsWin.document.execCommand('Saveas', true, inName);  
  174.             xlsWin.close();  
  175.   
  176.         }  
  177.   
  178.         //第四种  
  179.         function method4(tableid){  
  180.   
  181.             var curTbl = document.getElementById(tableid);  
  182.             var oXL;  
  183.             try{  
  184.                 oXL = new ActiveXObject("Excel.Application"); //创建AX对象excel  
  185.             }catch(e){  
  186.                 alert("无法启动Excel!\n\n如果您确信您的电脑中已经安装了Excel，"+"那么请调整IE的安全级别。\n\n具体操作：\n\n"+"工具 → Internet选项 → 安全 → 自定义级别 → 对没有标记为安全的ActiveX进行初始化和脚本运行 → 启用");  
  187.                 return false;  
  188.             }  
  189.             var oWB = oXL.Workbooks.Add(); //获取workbook对象  
  190.             var oSheet = oWB.ActiveSheet;//激活当前sheet  
  191.             var sel = document.body.createTextRange();  
  192.             sel.moveToElementText(curTbl); //把表格中的内容移到TextRange中  
  193.             sel.select(); //全选TextRange中内容  
  194.             sel.execCommand("Copy");//复制TextRange中内容  
  195.             oSheet.Paste();//粘贴到活动的EXCEL中  
  196.             oXL.Visible = true; //设置excel可见属性  
  197.             var fname = oXL.Application.GetSaveAsFilename("将table导出到excel.xls", "Excel Spreadsheets (*.xls), *.xls");  
  198.             oWB.SaveAs(fname);  
  199.             oWB.Close();  
  200.             oXL.Quit();  
  201.         }  
  202.   
  203.   
  204.         //第五种方法  
  205.         var idTmr;  
  206.         function  getExplorer() {  
  207.             var explorer = window.navigator.userAgent ;  
  208.             //ie  
  209.             if (explorer.indexOf("MSIE") >= 0) {  
  210.                 return 'ie';  
  211.             }  
  212.             //firefox  
  213.             else if (explorer.indexOf("Firefox") >= 0) {  
  214.                 return 'Firefox';  
  215.             }  
  216.             //Chrome  
  217.             else if(explorer.indexOf("Chrome") >= 0){  
  218.                 return 'Chrome';  
  219.             }  
  220.             //Opera  
  221.             else if(explorer.indexOf("Opera") >= 0){  
  222.                 return 'Opera';  
  223.             }  
  224.             //Safari  
  225.             else if(explorer.indexOf("Safari") >= 0){  
  226.                 return 'Safari';  
  227.             }  
  228.         }  
  229.         function method5(tableid) {  
  230.             if(getExplorer()=='ie')  
  231.             {  
  232.                 var curTbl = document.getElementById(tableid);  
  233.                 var oXL = new ActiveXObject("Excel.Application");  
  234.                 var oWB = oXL.Workbooks.Add();  
  235.                 var xlsheet = oWB.Worksheets(1);  
  236.                 var sel = document.body.createTextRange();  
  237.                 sel.moveToElementText(curTbl);  
  238.                 sel.select();  
  239.                 sel.execCommand("Copy");  
  240.                 xlsheet.Paste();  
  241.                 oXL.Visible = true;  
  242.   
  243.                 try {  
  244.                     var fname = oXL.Application.GetSaveAsFilename("Excel.xls", "Excel Spreadsheets (*.xls), *.xls");  
  245.                 } catch (e) {  
  246.                     print("Nested catch caught " + e);  
  247.                 } finally {  
  248.                     oWB.SaveAs(fname);  
  249.                     oWB.Close(savechanges = false);  
  250.                     oXL.Quit();  
  251.                     oXL = null;  
  252.                     idTmr = window.setInterval("Cleanup();", 1);  
  253.                 }  
  254.   
  255.             }  
  256.             else  
  257.             {  
  258.                 tableToExcel(tableid)  
  259.             }  
  260.         }  
  261.         function Cleanup() {  
  262.             window.clearInterval(idTmr);  
  263.             CollectGarbage();  
  264.         }  
  265.         var tableToExcel = (function() {  
  266.             var uri = 'data:application/vnd.ms-excel;base64,',  
  267.                     template = '{table}
    '    ,  
  268.                     base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) },  
  269.                     format = function(s, c) {  
  270.                         return s.replace(/{(\w+)}/g,  
  271.                                 function(m, p) { return c[p]; }) }  
  272.             return function(table, name) {  
  273.                 if (!table.nodeType) table = document.getElementById(table)  
  274.                 var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}  
  275.                 window.location.href = uri + base64(format(template, ctx))  
  276.             }  
  277.         })()  
  278.   
  279.     script>  
  280. head>  
  281. <body>  
  282.   
  283. <div >  
  284.     <button type="button" onclick="method1('tableExcel')">导出Excel方法一button>  
  285.     <button type="button" onclick="method2('tableExcel')">导出Excel方法二button>  
  286.     <button type="button" onclick="getXlsFromTbl('tableExcel','myDiv')">导出Excel方法三button>  
  287.     <button type="button" onclick="method4('tableExcel')">导出Excel方法四button>  
  288.     <button type="button" onclick="method5('tableExcel')">导出Excel方法五button>  
  289. div>  
  290. <div id="myDiv">  
  291. <table id="tableExcel" width="100%" border="1" cellspacing="0" cellpadding="0">  
  292.     <tr>  
  293.         <td colspan="5" align="center">html 表格导出道Exceltd>  
  294.     tr>  
  295.     <tr>  
  296.         <td>列标题1td>  
  297.         <td>列标题2td>  
  298.         <td>类标题3td>  
  299.         <td>列标题4td>  
  300.         <td>列标题5td>  
  301.     tr>  
  302.     <tr>  
  303.         <td>aaatd>  
  304.         <td>bbbtd>  
  305.         <td>ccctd>  
  306.         <td>dddtd>  
  307.         <td>eeetd>  
  308.     tr>  
  309.     <tr>  
  310.         <td>AAAtd>  
  311.         <td>BBBtd>  
  312.         <td>CCCtd>  
  313.         <td>DDDtd>  
  314.         <td>EEEtd>  
  315.     tr>  
  316.     <tr>  
  317.         <td>FFFtd>  
  318.         <td>GGGtd>  
  319.         <td>HHHtd>  
  320.         <td>IIItd>  
  321.         <td>JJJtd>  
  322.     tr>  
  323. table>  
  324. div>  
  325. body>  
  326. html>  

你可能感兴趣的:(js)

  • element实现动态路由+面包屑 软件技术NINI vue案例vue.js前端
    el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
  • C#中使用split分割字符串 互联网打工人no1 c#
    1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
  • 【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java算法华为javascript
    华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
  • 数组去重 好奇的猫猫猫
    整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
  • 【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS算法数据结构c++
    题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
  • node.js学习 小猿L node.jsnode.js学习vim
    node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
  • docker igotyback eureka云原生
    Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
  • 在Ubuntu中编译含有JSON的文件出现报错 芝麻糊76 Linuxkill_buglinuxubuntujson
    在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
  • Xinference如何注册自定义模型 玩人工智能的辣条哥 人工智能AI大模型Xinference
    环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
  • Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python开发语言
    一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
  • Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 errorreactmongodb数据库
    背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
  • Vue( ElementUI入门、vue-cli安装) m0_l5z elementuivue.js
    一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
  • 博客网站制作教程 2401_85194651 javamaven
    首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
  • 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython
    目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
  • vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.jsvue-cli3
    这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
  • 更改npm镜像源为淘宝镜像 骆小骆 基于node.js
    npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
  • COCO 格式的数据集转化为 YOLO 格式的数据集 QYQY77 YOLOpython
    """--json_path输入的json文件路径--save_path保存的文件夹名字，默认为当前目录下的labels。"""importosimportjsonfromtqdmimporttqdmimportargparseparser=argparse.ArgumentParser()parser.add_argument('--json_path',default='./instances
  • NPM私库搭建-verdaccio（Linux） Beam007 npmlinux前端
    1、安装nodelinux服务器安装nodea)、官网下载所需的node版本https://nodejs.org/dist/v14.21.0/b)、解压安装包若下载的是xxx.tar.xz文件，解压命令为tar-xvfxxx.tar.xzc)、修改环境变量修改：/etc/profile文件#SETPATHFORNODEJSexportNODE_HOME=NODEJS解压安装的路径exportPAT
  • 前端代码上传文件 余生逆风飞翔 前端javascript开发语言
    点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i
  • golang获取用户输入的几种方式 余生逆风飞翔 golang开发语言后端
    一、定义结构体typeUserInfostruct{Namestring`json:"name"`Ageint`json:"age"`Addstring`json:"add"`}typeReturnDatastruct{Messagestring`json:"message"`Statusstring`json:"status"`DataUserInfo`json:"data"`}二、get请求的
  • VUE3 + xterm + nestjs实现web远程终端 或 连接开启SSH登录的路由器和交换机。 焚木灵 node.jsvue
    可远程连接系统终端或开启SSH登录的路由器和交换机。相关资料：xtermjs/xterm.js:Aterminalfortheweb(github.com)后端实现(NestJS)：1、安装依赖：npminstallnode-ssh@nestjs/websockets@nestjs/platform-socket.io2、我们将创建一个名为RemoteControlModule的NestJS模块，
  • spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc
    通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ
  • Vue 项目运行时，报错 Error: Cannot find module ‘node:path‘ 周bro vue.js前端javascriptnode.jsnpm
    node-v是否显示nodenpm-v报错Error:Cannotfindmodule‘node:path'是因为node版本和npm版本不匹配安装相对应的版本node版本10.16.0对应npm版本[email protected]执行该命令即可匹配版本官网https://nodejs.org/en/about/previous-releases
  • 360前端星计划-动画可以这么玩 马小蜗
    动画的基本原理定时器改变对象的属性根据新的属性重新渲染动画functionupdate(context){//更新属性}constticker=newTicker();ticker.tick(update,context);动画的种类1、JavaScript动画操作DOMCanvas2、CSS动画transitionanimation3、SVG动画SMILJS动画的优缺点优点：灵活度、可控性、性能
  • 【vite 自动配置路由】 CODER-V 前端javascriptvue.js前端软件构建
    手动配置路由，是一个没有技术含量又浪费时间的工作。本文将介绍vite构建的vue3项目如何编写一个自动配置路由的脚本。约定大于配置要想使用脚本完成路由的自动配置，我们就需要遵循以下目录规则：每一个页面对应一个包，当前包下的主页面命名为index.vue；每个包里必须配置一个page.js；在每一个page.js里边配置，额外的路由信息，比如：exportdefault{title:'商品',men
  • 探索Zebra4J：构建高效企业级Web应用的微服务框架 叶准鑫Natalie
    探索Zebra4J：构建高效企业级Web应用的微服务框架ZebraZebra4J/Zebra4Js基于SpringBoot的JavaWeb/Nodejs框架项目地址:https://gitcode.com/gh_mirrors/zebra/Zebra项目介绍在当今快速发展的技术环境中，构建高效、可扩展的企业级Web应用是每个开发团队的追求。Zebra4J作为一款基于SpringBoot的全新微服务
  • 【JS】前端文件读取FileReader操作总结 程序员-张师傅 前端前端javascript开发语言
    前端文件读取FileReader操作总结FileReader是JavaScript中的一个WebAPI，它允许web应用程序异步读取用户计算机上的文件（或原始数据缓冲区）的内容，例如读取文件以获取其内容，并在不将文件发送到服务器的情况下在客户端使用它。这对于处理图片、文本文件等非常有用，尤其是当你想要在用户界面中即时显示文件内容或进行文件预览时。创建FileReader对象首先，你需要创建一个Fi
  • 【前端】vue 报错:The template root requires exactly one element 程序员-张师傅 前端前端vue.jsjavascript
    【前端】vue报错:Thetemplaterootrequiresexactlyoneelement在Vue.js中，当你遇到错误“Thetemplaterootrequiresexactlyoneelement”时，这通常意味着你的Vue组件的模板（template）根节点不是单一的元素。Vue要求每个组件的模板必须有一个根元素来包裹所有的子元素。这个错误通常出现在以下几种情况：模板中有多个并行
  • UI 自动化的页面对象管理神器 PO-Manager TesterHome
    原文由alex发表于TesterHome社区网站，点击原文链接可于作者直接交流。做UI自动化的同学都知道，UI自动化一个难点就是页面元素的变化，让自动化维护成为一个痛点。在此，为了减轻这个痛点，我在基于Page-Object模式的基础上开发了页面对象维护的工具。该工具为vscode的一个插件，可以通过vscode插件市场搜索PO-Manager来下载安装本文中的页面对象库文件基于json.一个元素
  • 小程序通过js控制页面字体颜色属性 祈澈菇凉
    需求：当电量少于百分之20的时候，显示电量的字体显示为红色。1：在wxml里面设置属性batStyle：style="{{item.batStyle}}"电量:{{item.battery}}%2：当复合逻辑条件的时候，在js里面carList[i].batStyle="color:red";success:function(res){constcarList=res.data.list;for(
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 Ajax（中） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他