VIAE
VIAE

xlsx，react 上传excel、纯前端导出excel

excel文件导入，前端读取excel内容
这里我用到的插件是xlsx，
可以通过npm install xlsx安装，
也可以下载xlsx的文件包

页面渲染

return(
            

                导入
                     this.importf(e)} 
                    accept=".csv, application/vnd.ms-excel, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"/> 
                 
                 this.downloadExl(excelTop)}>模板下载
                 
                
        )

导入excel，前端解析excel数据，转换为后端所需要的参数形式

import React,{Component} from 'react';
import XLSX from 'xlsx';
import qs from 'qs';

//导入
    importf = (obj,parm,parm1) =>{
        let list = [];
        let that = this;
        let wb;//读取完成的数据
        let rABS = false; //是否将文件读取为二进制字符串
        if(!obj.target.files) {
            return;
        }
        let f = obj.target.files[0];
        let reader = new FileReader();
        reader.onload = function(e) {
            let data = e.target.result;
            if(rABS) {
                wb = XLSX.read(btoa(this.fixdata(data)), {//手动转化
                    type: 'base64'
                });
            } else {
                wb = XLSX.read(data, {
                    type: 'binary'
                });
            }
            //wb.SheetNames[0]是获取Sheets中第一个Sheet的名字
            //wb.Sheets[Sheet名]获取第一个Sheet的数据
            // document.getElementById("demo").innerHTML= JSON.stringify(  
            //XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]) );
            let sheetInner = XLSX.utils.sheet_to_json(wb.Sheets[wb.SheetNames[0]]);
            let reqList=[];
              for(let i in sheetInner){
                let listObj = {
                    recordId: '',
                    visitorName: sheetInner[i]['姓名'],
                    IDNumber: sheetInner[i]['身份证号'],
                    Phone: sheetInner[i]['电话'],        
                }; 
                reqList.push(listObj);                     
              }
          if(reqList.length === sheetInner.length && reqList.length !== 0){
            axios.post(url , JSON.stringify(reqList), {
                headers: {
                    'Accept': 'application/json',
      　　　　    'Content-Type': 'application/json',
                }
              }).then(res => {
                  if(res.status === 200){
                    alert('上传成功');
                  //重新获取列表内容，得到最新的列表
                  }
              }).catch(err => {
                  console.log(err);
              })
            } 
            //判断excel表是否为空
            if(sheetInner.length === 0){
                alert('表单无数据,请先填写内容');
              return;
            }       
        };
        if(rABS) {
            reader.readAsArrayBuffer(f);
        } else {
            reader.readAsBinaryString(f);
        }
        obj.target.value ='';
    }
    fixdata(data) { //文件流转BinaryString
        var o = "",
         l = 0,
         w = 10240;
         for(; l < data.byteLength / w; ++l) o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w, l * w + w)));
            o += String.fromCharCode.apply(null, new Uint8Array(data.slice(l * w)));
            return o;
     }

纯前端导出excel
          //导出excel
          downloadExl(json,type) {  
            let outFile = document.getElementById('downlink');
            let keyMap = [] // 获取键
            for (let k in json[0]) {
              keyMap.push(k)
            }
            let tmpdata = [] // 用来保存转换好的json
            json.map((v, i) => keyMap.map((k, j) => Object.assign({}, {
              v: v[k],
              position: (j > 25 ? this.getCharCol(j) : String.fromCharCode(65 + j)) + (i + 1)
            }))).reduce((prev, next) => prev.concat(next)).forEach(function (v) {
              tmpdata[v.position] = {
                v: v.v
              }
            })
            let outputPos = Object.keys(tmpdata)  // 设置区域,比如表格从A1到D10
            let tmpWB = {
              SheetNames: ['mySheet'], // 保存的表标题
              Sheets: {
                'mySheet': Object.assign({},
                  tmpdata, // 内容
                  {
                    '!ref': outputPos[0] + ':' + outputPos[outputPos.length - 1] // 设置填充区域
                  })
              }
            }
            let tmpDown = new Blob([this.s2ab(XLSX.write(tmpWB,
              {bookType: (type === undefined ? 'xlsx' : type), bookSST: false, type: 'binary'} // 这里的数据是用来定义导出的格式类型
            ))], {
              type: ''
            })  // 创建二进制对象写入转换好的字节流
            let href = URL.createObjectURL(tmpDown)  // 创建对象超链接
            outFile.download = '文件名.xlsx'  // 下载名称
            outFile.href = href  // 绑定a标签
            outFile.click()  // 模拟点击实现下载
            setTimeout(function () {  // 延时释放
              URL.revokeObjectURL(tmpDown) // 用URL.revokeObjectURL()来释放这个object URL
            }, 100)
          }
          s2ab(s){ // 字符串转字符流
            var buf = new ArrayBuffer(s.length)
            var view = new Uint8Array(buf)
            for (var i = 0; i !== s.length; ++i) {
              view[i] = s.charCodeAt(i) & 0xFF
            }
            return buf
          }


                    
                

        
你可能感兴趣的:(xlsx，react 上传excel、纯前端导出excel)

        

            

                
    
                    
  • 鸿蒙HarmonyOS NEXT开发实战：NetConnection开发指导
                        我很英俊 小名男男
OpenHarmony鸿蒙开发HarmonyOSharmonyos华为前端开发语言鸿蒙鸿蒙系统移动开发
                        
    鸿蒙开发往期必看：HarmonyOSNEXT应用开发性能实践总结一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）
    
                    
    • 
                    
  • gradio创建openai前端对接deepseek等模型流式输出markdown格式文本
                        内卷焦虑人士
前端deepseekopenaigradiomarkdown
                        
    环境gradio==3.50.2openai==1.63.1代码importopenaiimportgradioasgr#导入gradio的包api_key="sk-**a8"api_base="https://api.deepseek.com/v1"importgradioasgrimportopenaifromtypingimportList,Any,Iteratorclient=openai
    
                    
    • 
                    
  • 前端进阶题（面试必看）
                        Caleb-niu
面试指南前端面试职场和发展
                        
    网络&安全❓输入URL地址后发生了什么事情？DNS域名解析，从URL地址中获取域名地址，通过DNS服务器解析为IP地址。先本地缓存（浏览器、操作系统）》ISP网络服务商》根服务器（根域、一级域、二级域、三级域）建立TCP连接，HTTP协议是基于TCP协议的，浏览器与服务端通过三次握手建立TCP连接（如果是HTTPS则是四次握手，多了因此SSL握手）。下载数据，向服务端发送请求报文（header+b
    
                    
    • 
                    
  • 前端开发常用的加密算法
                        爱分享的程序员
前端前端
                        
    以下是前端开发中常用的加密方式及其适用场景的详细说明：一、核心加密方案加密类型常用算法特点适用场景对称加密AES、DES、3DES加密解密使用相同密钥，速度快本地存储加密、HTTPBody加密非对称加密RSA、ECC公钥加密私钥解密，安全性高传输敏感数据、数字签名哈希算法SHA-256、MD5（不推荐）单向不可逆，验证数据完整性密码存储、数据校验消息认证码HMAC带密钥的哈希，防篡改API签名验证
    
                    
    • 
                    
  • 获取小程序自定义分包大小的 4 种方法
                        爱分享的程序员
微信小程序小程序
                        
    获取小程序自定义分包大小的4种方法方法1：通过微信开发者工具查看打开代码分析在微信开发者工具中：点击顶部菜单栏工具➔代码分析选择代码依赖分析标签页查看分包大小分布图（自动标注超限部分）上传版本时校验提交代码包时，控制台会自动显示分包大小：[分包检测]主包大小:1.2MBsubpackage1:3.5MB(超过建议值2MB)subpackage2:1.8MB方法2：使用miniprogram-ci工
    
                    
    • 
                    
  • 前端数据缓存的几种方式详细讲解
                        爱分享的程序员
前端前端缓存
                        
    以下是前端数据缓存的完整解决方案，涵盖策略设计、技术实现和性能优化：一、缓存策略分层设计缓存策略内存缓存持久化缓存Map/WeakMap闭包变量LocalStorageSessionStorageIndexedDBServiceWorker二、核心场景实现方案1.高频请求数据缓存（内存缓存）//使用Map实现LRU缓存classMemoryCache{constructor(maxSize=100
    
                    
    • 
                    
  • SpringBoot项目：前后端打包与部署（使用 Maven）
                        总是学不会.
mavenjava前端后端服务器
                        
    文章目录IDEA后端打包与部署（使用Maven）1.确保Maven已安装，并引入pom插件2.清理并安装项目3.定位生成的JAR包和配置文件4.创建部署文件夹5.上传到服务器前端打包与部署（使用npm）1.确保Node.js和npm已安装2.安装依赖3.构建生产环境代码4.准备部署文件夹5.上传到服务器自动化的想法可能出现的异常参考IDEA后端打包与部署（使用Maven）1.确保Maven已安装，
    
                    
    • 
                    
  • WPF-ReactiveUi
                        晓纪同学
C#技巧总结wpfhadoop大数据
                        
    文章目录依赖属性和命令的绑定弱绑定强绑定界面后台的cs文件强捆绑方式定义属性和命令第一种方法第二种方法第三种方法动态数据集合whenAny监听单个监听单个对象的多个属性监听多个对象对各属性whenAnyValue例程一例程二WhenAnyValue属性WhenAnyValue(x=>x.SearchTerm)Throttle(TimeSpan.FromMilliseconds(800))Selec
    
                    
    • 
                    
  • Github-介绍
                        创益无界
嵌入式学习github
                        
    GitHub是一个基于Git版本控制系统的代码托管平台，广泛用于开源项目、团队协作、代码管理等方面。它让开发者能够上传、分享、修改、协作、跟踪代码的更改。1.GitHub的基本功能：代码托管：GitHub提供云端存储代码的功能，可以方便开发者上传、下载和管理自己的代码。版本控制：通过Git进行版本管理，每次提交（commit）都会记录下代码的历史，方便回溯和协作。协作与分支管理：可以创建分支，开发
    
                    
    • 
                    
  • 前端21：Vue.js开发实践指南
                        mater lai

                        
    本文还有配套的精品资源，点击获取简介：Vue.js是前端开发领域流行的JavaScript框架，"前端21"项目展示了基于Vue.js的Web应用程序开发。本文详细介绍了Vue.js的核心概念、项目设置、npm脚本、自定义配置、文件结构、开发过程和VueCLI工具，以帮助开发者高效构建Web应用。1.Vue.js框架基础1.1Vue.js简介Vue.js是一套构建用户界面的渐进式JavaScrip
    
                    
    • 
                    
  • Vue 路由基础：Vue 2 和 Vue 3 的比较与使用
                        念九_ysl
Vuevue.js前端javascript
                        
    Vue.js是一款非常流行的前端框架，而VueRouter是Vue.js的官方路由管理库。在前端开发中，路由是处理页面跳转和视图管理的关键部分。Vue2和Vue3都使用VueRouter来管理路由，但是随着Vue3的发布，VueRouter也有了不少变化。在本文中，我们将详细介绍Vue2和Vue3中的路由使用，比较它们之间的不同，并提供一些示例代码。一、安装VueRouter在Vue项目中使用Vu
    
                    
    • 
                    
  • 【Vue3实战】嵌套路由让前端项目结构更清晰
                        风清扬雨
前端Vue3前端vue.jsjavascript
                        
    Hey小伙伴们，今天要跟大家分享的是Vue3中的一个超实用技巧——嵌套路由（NestedRouting）。无论你是Vue的新手还是老手，都一定不能错过这篇指南，因为学会它，你的项目结构将会变得更加清晰有序！‍✨什么是嵌套路由？嵌套路由是指在VueRouter中定义一个父路由，然后在这个父路由下定义多个子路由。这样做的好处是可以让你的项目结构更加模块化，而且在导航栏、面包屑等地方展示层级关系时也更加
    
                    
    • 
                    
  • 前端开发核心知识点深度解析：从CSS到Vue的全面指南
                        A_cot
cssvue.js前端开发语言javascript
                        
    一、CSS篇1.link与@import的区别加载方式：是HTML标签，并行加载；@import是CSS语法，串行加载兼容性：@import不支持IE5以下DOM控制：link可通过JS操作DOM修改，@import不可动态修改权重计算：@import引入的样式优先级低于link@importurl('style.css');二、JavaScript篇2.原型链机制原型对象：每个函数都有proto
    
                    
    • 
                    
  • 教育培训APP开发全攻略：从网校系统源码搭建到功能优化的技术方案
                        万岳科技程序员小金
APP开发教学教育平台开发教育小程序软件开发APP开发在线教育系统源码教育APP开发教育平台搭建
                        
    本篇文章，笔者将从网校系统源码搭建到功能优化的角度，全面解析教育培训APP的开发技术方案，帮助企业和开发者更好地理解如何提升在线教育平台的性能与用户体验。一、教育培训APP开发的核心架构教育培训APP的架构设计是其能否顺利运行和扩展的基础。在设计过程中，需要考虑到用户数量、数据存储、信息安全、系统响应速度等多个因素。因此，架构的选择至关重要。1、前端架构：用户体验为核心教育培训APP的前端设计直接
    
                    
    • 
                    
  • 自动化办公|xlwings与pandas交互
                        游客520
自动化python从入门到出家实用代码pandasexcelpython自动化
                        
    1.介绍在数据分析和Excel自动化中，pandas作为Python处理数据的强大库，而xlwings则可以高效操作Excel。将pandas与xlwings结合使用，可以实现从Excel读取数据到DataFrame、将DataFrame写入Excel以及Excel的自动化处理。2.从Excel读取数据到PandasDataFrame2.1读取整个表格importxlwingsasxwimport
    
                    
    • 
                    
  • 魔鬼存在于细节中：从Redshift迁移到ClickHouse后再无数据丢失
                        flybirding10011

                        
    \nFunCorp是一家国际性娱乐App开发商，知名AppiFunny就是由FunCorp出品的。iFunny是一款非常有趣的图片和GIFApp，用户可以用它来打发时间，比如看模因、漫画、有趣的图片、宠物GIF等，也可以上传和分享自己的内容。iFunny一直使用Redshift作为后端服务和移动App的事件存储数据库。他们之所以选择Redshift，是因为当时从成本和便利性方面来看确实没有更好的选
    
                    
    • 
                    
  • 从入门到精通：如何用Deepseek成为数据分析高手？
                        嵌入式Jerry
AI数据分析数据挖掘linux嵌入式硬件docker学习eureka
                        
    引言：数据时代，你的分析工具够智能吗？每天，全球产生2.5亿GB数据，但80%的人仍在用Excel手动处理表格。你是否也面临这些问题？✅数据清洗耗时占分析过程的60%✅复杂模型需要反复调试代码✅团队协作时版本混乱难以追溯Deepseek的数据分析模块，正是为解决这些痛点而生。本文将手把手教你：零代码完成专业级分析（从数据清洗到可视化）20个实战技巧直接提升3倍效率3大真实案例揭秘电商/科研/金融场
    
                    
    • 
                    
  • 跨域问题中获取不到响应头header中的token
                        HPF_99
springbootajax前端jwtspringbootajax跨域问题
                        
    在前后端分离项目整合springboot于jwt的过程中遇到后端在请响应头header中添加token前端进行验证的时候只能获取部分header中的数据而获取不到token解决方法就是在jwt生成token存入header中的时候添加header数据Access-Control-Expose-headers：值为想让前端获取的数据，如token之后在后端就可获取到header中的数据测试：前端获取
    
                    
    • 
                    
  • Excel中VLOOKUP 函数学习、多种函数混合使用
                        谁家有个大人
Excel的工作技巧excel学习
                        
    一、什么是VLOOKUP函数？VLOOKUP（垂直查找）是Excel中用于在表格中查找特定值并返回对应数据的函数。它常用于在大型数据集中快速查找信息。二、函数语法=VLOOKUP(lookup_value,table_array,col_index_num,[range_lookup])-lookup_value:要查找的值。-table_array：查找范围，包括查找列（也就是‘lookup_v
    
                    
    • 
                    
  • Express + MongoDB 实现 VOD 视频点播
                        yqcoder
expressmongodb数据库
                        
    一、安装依赖npminstallexpressmongoosemulterffmpeg-staticfluent-ffmpegexpress：用于构建Web服务器。mongoose：用于与MongoDB进行交互。multer：用于处理文件上传。ffmpeg-static：提供FFmpeg的静态二进制文件。fluent-ffmpeg：用于视频处理。二、数据库连接与模型定义创建models目录并在其中
    
                    
    • 
                    
  • Airflow和PySPARK实现带多组参数和标签的Amazon Redshift数据仓库批量数据导出程序
                        weixin_30777913
pythonspark云计算
                        
    设计一个基于多个带标签SQL模板作为配置文件和多组参数的PySPARK代码程序，实现根据不同的输入参数，用Airflow进行调度，自动批量地将AmazonRedshift数据仓库的数据导出为Parquet、CSV和Excel文件到S3上，标签和多个参数（以“_”分割）为组成导出数据文件名，文件已经存在则覆盖原始文件。PySpark程序需要异常处理，输出带时间戳和每个运行批次和每个导出文件作业运行状
    
                    
    • 
                    
  • 带你吃透（Netty+Redis+ZooKeeper+高并发实战）从底层原理开始剖析
                        java熬夜党
Javajava面试redis
                        
    前言今天给大家分享的Netty+Redis+ZooKeeper底层原理+高并发实战，希望大家认真阅读，跟上文章的节奏，一步步去提升自己~大公司的面试题从某个侧面映射出生产场景中对专项技术的要求。高并发的面试题以前基本是BAT等大公司的专利，现在几乎蔓延至与Java项目相关的整个行业。例如，与JavaNIO、Reactor模式、高性能通信、分布式锁、分布式ID、分布式缓存、高并发架构等技术相关的面试
    
                    
    • 
                    
  • 前端系列之：设计模式
                        程序员SKY
前端前端
                        
    什么是设计模式？设计模式，其实就是一种可以在多处地方重复使用的代码设计方案，只是不同的设计模式所能应用的场景有所不同。通过这种设计模式可以帮助我们提高代码的可读性、可维护性与可扩展性。前端的设计模式又分为三个大类型，分别是创建型、结构型和行为型，针对这三个大类型，又会有很多种不同的设计模式。创建型主要用于对象的创建过程，比如对象的创建、初始化等，它隐藏了对象创建的具体细节，从而解耦客户端和对象的创
    
                    
    • 
                    
  • 前端项目中脚本文件打包，vscode中如何正确使用gtar命令
                        今天吃了嘛o
前端vscodeide
                        
    1、下载gtarhttps://gnuwin32.sourceforge.net/packages/libarchive.htm2、傻瓜式安装一路下一步即可。3、配置环境变量高级系统设置”在弹出的“系统属性”窗口中，点击“环境变量”。在“系统变量”列表中找到“Path”变量，点击“编辑”。点击“新建”，将gtar可执行文件所在的目录路径（例如C:\ProgramFiles(x86)\GnuWin3
    
                    
    • 
                    
  • 查询orace 表属性SQL
                        元气满满的码农
数据库
                        
    工作中要写系统文档，需要导出字段的说明，用这个sql导成excel很方便SELECTa.column_nameAS字段,a.data_typeAS数据类型,a.data_lengthAS长度,a.nullableAS是否为空,a.data_defaultAS默认值,b.commentsAS注释FROMuser_tab_columnsaLEFTJOINuser_col_commentsbONb.co
    
                    
    • 
                    
  • 泛微Ecode调用后端接口
                        CXYCMY
泛微OA学习专栏前端javascriptjava
                        
    前言不知道为啥，在网上几乎找不到免费的教程说清楚泛微Ecode平台如果去调用后端的接口来获取对应的接口数据，找了一上午了实在是找不到泛微Ecode是用的React框架编写的，主要的语法逻辑是React，天知道，我连vue也只是知道简单的写个脚手架项目而已，对React从未接触过，现在要在这样的情况下去在泛微Ecode平台调用接口也只能就是说各个地方找教程在经过不懈的寻找后，基本上都是要购买教程的，
    
                    
    • 
                    
  • 【PlatformIO】基于Arduino的ESP8266 网页控制oled显示
                        水手勇敢
esp8266前端javascriptcss3
                        
    文章目录概要网站代码展示网页index代码网页control代码网页setting代码嵌入式代码展示相关视频概要使用U8G2库在oled显示屏上显示图像，esp8266上传网站控制页面，通过网页上的操作，更改屏幕显示网站代码展示网页index代码EDA-Robotbody{margin:0;padding:0;font-family:Arial,sans-serif;}.container{max
    
                    
    • 
                    
  • 《论语别裁》第01章 学而（09） 真人和假人
                        儒道易行
论语别裁论语别裁
                        
    讲到作人，我们就想到庄子也提到过这件事，《庄子》这本书把有道的人叫“真人”。唐宋以后，对神仙、得了道的人叫“真人”。譬如现在指南宫供奉的吕纯阳叫“吕真人”。如今的人听到“真人”这个名称，就好像带有宗教色彩，相当于西方的上帝，中国的仙、佛一样。实际上过去道家所谓的“真人”，是指学问道德到了家的人。与这名词对称的叫假人，假人还是人，不过没有达到作人道德的最高标准。发挥了“人”的最高成就，在道家就称之为
    
                    
    • 
                    
  • Slurm作业调度系统常见操作（使用超算运行深度学习）
                        坐在云朵上的kiwi
工程项目#deeplearning深度学习服务器
                        
    1.传输下载文件sftp远程命令cd,pwd等，本地命令lcd,lpwdget远程地址本地地址put本地地址远程地址上传文件夹1.在远程建立和本地一样名称的文件夹如data/2.put-rdata/2.建立虚拟环境moduleloadpython/3.8#加载modulevirtualenv--no-downloadENV#建立一个叫ENV的虚拟环境激活虚拟环境sourceENV/bin/acti
    
                    
    • 
                    
  • 深度对比Linux软链接和Windows快捷方式
                        秋の水
linuxwindows
                        
    以下从8个维度对Linux软链接和Windows快捷方式进行深度对比：一、核心特性对比特性Linux软链接Windows快捷方式文件类型特殊文件类型（symboliclink）.lnk扩展名文件存储内容纯文本路径二进制结构（含GUID等元数据）文件大小路径长度决定（约100B）固定约1KB系统识别内核级支持Shell解析二、路径解析机制Linux软链接：采用相对路径时基于链接文件所在目录解析示例：
    
                    
    • 
                                
  • TOMCAT在POST方法提交参数丢失问题
                                    357029540
javatomcatjsp
                                    
    摘自http://my.oschina.net/luckyi/blog/213209 
昨天在解决一个BUG时发现一个奇怪的问题，一个AJAX提交数据在之前都是木有问题的，突然提交出错影响其他处理流程。 
 
检查时发现页面处理数据较多，起初以为是提交顺序不正确修改后发现不是由此问题引起。于是删除掉一部分数据进行提交，较少数据能够提交成功。 
 
恢复较多数据后跟踪提交FORM DATA ，发现数
    
                                
    • 
                                
  • 在MyEclipse中增加JSP模板 删除-2008-08-18
                                    ljy325
jspxmlMyEclipse
                                    
    在D:\Program Files\MyEclipse 6.0\myeclipse\eclipse\plugins\com.genuitec.eclipse.wizards_6.0.1.zmyeclipse601200710\templates\jsp  目录下找到Jsp.vtl，复制一份，重命名为jsp2.vtl,然后把里面的内容修改为自己想要的格式，保存。 
然后在 D:\Progr
    
                                
    • 
                                
  • JavaScript常用验证脚本总结
                                    eksliang
JavaScriptjavaScript表单验证
                                    
         转载请出自出处：http://eksliang.iteye.com/blog/2098985   
     下面这些验证脚本，是我在这几年开发中的总结，今天把他放出来，也算是一种分享吧，现在在我的项目中也在用！包括日期验证、比较，非空验证、身份证验证、数值验证、Email验证、电话验证等等...! 
&nb
    
                                
    • 
                                
  • 微软BI（4）
                                    18289753290
微软BI SSIS
                                    
    1） 
Q:查看ssis里面某个控件输出的结果：  
A MessageBox.Show(Dts.Variables["v_lastTimestamp"].Value.ToString()); 
这是我们在包里面定义的变量 
2):在关联目的端表的时候如果是一对多的关系，一定要选择唯一的那个键作为关联字段。 
3) 
Q：ssis里面如果将多个数据源的数据插入目的端一
    
                                
    • 
                                
  • 定时对大数据量的表进行分表对数据备份
                                    酷的飞上天空
大数据量
                                    
    工作中遇到数据库中一个表的数据量比较大，属于日志表。正常情况下是不会有查询操作的，但如果不进行分表数据太多，执行一条简单sql语句要等好几分钟。。 
  
分表工具：linux的shell + mysql自身提供的管理命令 
原理：使用一个和原表数据结构一样的表，替换原表。 
  
linux shell内容如下： 
=======================开始 
    
                                
    • 
                                
  • 本质的描述与因材施教
                                    永夜-极光
感想随笔
                                    
      
       不管碰到什么事,我都下意识的想去探索本质,找寻一个最形象的描述方式。 
       我坚信,世界上对一件事物的描述和解释,肯定有一种最形象,最贴近本质,最容易让人理解 
  
     &
    
                                
    • 
                                
  • 很迷茫。。。
                                    随便小屋
随笔
                                    
    小弟我今年研一，也是从事的咱们现在最流行的专业（计算机）。本科三流学校，为了能有个更好的跳板，进入了考研大军，非常有幸能进入研究生的行业（具体学校就不说了，怕把学校的名誉给损了）。 
  
先说一下自身的条件，本科专业软件工程。主要学习就是软件开发，几乎和计算机没有什么区别。因为学校本身三流，也就是让老师带着学生学点东西，然后让学生毕业就行了。对专业性的东西了解的非常浅。就那学的语言来说
    
                                
    • 
                                
  • 23种设计模式的意图和适用范围
                                    aijuans
设计模式
                                    
    Factory Method  意图 定义一个用于创建对象的接口，让子类决定实例化哪一个类。Factory Method 使一个类的实例化延迟到其子类。  　　适用性 当一个类不知道它所必须创建的对象的类的时候。  　　当一个类希望由它的子类来指定它所创建的对象的时候。  　　当类将创建对象的职责委托给多个帮助子类中的某一个，并且你希望将哪一个帮助子类是代理者这一信息局部化的时候。  
Abstr
    
                                
    • 
                                
  • Java中的synchronized和volatile
                                    aoyouzi
javavolatilesynchronized
                                    
    说到Java的线程同步问题肯定要说到两个关键字synchronized和volatile。说到这两个关键字，又要说道JVM的内存模型。JVM里内存分为main memory和working memory。 Main memory是所有线程共享的，working memory则是线程的工作内存，它保存有部分main memory变量的拷贝，对这些变量的更新直接发生在working memo
    
                                
    • 
                                
  • js数组的操作和this关键字
                                    百合不是茶
js数组操作this关键字
                                    
    js数组的操作; 
  
一:数组的创建: 
1、数组的创建

var array = new Array();　//创建一个数组

var array = new Array([size]);　//创建一个数组并指定长度，注意不是上限，是长度

var arrayObj = new Array([element0[, element1[, ...[, elementN]]]
    
                                
    • 
                                
  • 别人的阿里面试感悟
                                    bijian1013
面试分享工作感悟阿里面试
                                    
    原文如下：http://greemranqq.iteye.com/blog/2007170 
        一直做企业系统，虽然也自己一直学习技术，但是感觉还是有所欠缺，准备花几个月的时间，把互联网的东西，以及一些基础更加的深入透析，结果这次比较意外，有点突然，下面分享一下感受吧！ 
   &nb
    
                                
    • 
                                
  • 淘宝的测试框架Itest
                                    Bill_chen
springmaven框架单元测试JUnit
                                    
    Itest测试框架是TaoBao测试部门开发的一套单元测试框架，以Junit4为核心， 
集合DbUnit、Unitils等主流测试框架，应该算是比较好用的了。 
近期项目中用了下，有关itest的具体使用如下： 
1.在Maven中引入itest框架： 
<dependency> 
  <groupId>com.taobao.test</groupId&g
    
                                
    • 
                                
  • 【Java多线程二】多路条件解决生产者消费者问题
                                    bit1129
java多线程
                                    
    package com.tom;

import java.util.LinkedList;
import java.util.Queue;
import java.util.concurrent.ThreadLocalRandom;
import java.util.concurrent.locks.Condition;
import java.util.concurrent.loc
    
                                
    • 
                                
  • 汉字转拼音pinyin4j
                                    白糖_
pinyin4j
                                    
     以前在项目中遇到汉字转拼音的情况，于是在网上找到了pinyin4j这个工具包，非常有用，别的不说了，直接下代码： 
  
  

import java.util.HashSet;
import java.util.Set;

import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin
    
                                
    • 
                                
  • org.hibernate.TransactionException: JDBC begin failed解决方案
                                    bozch
ssh数据库异常DBCP
                                    
    org.hibernate.TransactionException: JDBC begin failed:     at org.hibernate.transaction.JDBCTransaction.begin(JDBCTransaction.java:68)    at org.hibernate.impl.SessionImp
    
                                
    • 
                                
  • java-并查集（Disjoint-set）-将多个集合合并成没有交集的集合
                                    bylijinnan
java
                                    
    
import java.util.ArrayList;
import java.util.Arrays;
import java.util.HashMap;
import java.util.HashSet;
import java.util.Iterator;
import java.util.List;
import java.util.Map;
import java.ut
    
                                
    • 
                                
  • Java PrintWriter打印乱码
                                    chenbowen00
java
                                    
    一个小程序读写文件，发现PrintWriter输出后文件存在乱码，解决办法主要统一输入输出流编码格式。 
读文件： 
BufferedReader 
从字符输入流中读取文本，缓冲各个字符，从而提供字符、数组和行的高效读取。 
 
可以指定缓冲区的大小，或者可使用默认的大小。大多数情况下，默认值就足够大了。 
 
通常，Reader 所作的每个读取请求都会导致对基础字符或字节流进行相应的读取请求。因
    
                                
    • 
                                
  • [天气与气候]极端气候环境
                                    comsci
环境
                                    
     
 
      如果空间环境出现异变...外星文明并未出现,而只是用某种气象武器对地球的气候系统进行攻击,并挑唆地球国家间的战争,经过一段时间的准备...最大限度的削弱地球文明的整体力量,然后再进行入侵...... 
 
 
     那么地球上的国家应该做什么样的防备工作呢? 
 
 
 &n
    
                                
    • 
                                
  • oracle order by与union一起使用的用法
                                    daizj
UNIONoracleorder by
                                    
    当使用union操作时，排序语句必须放在最后面才正确，如下： 
 
 
只能在union的最后一个子查询中使用order by，而这个order by是针对整个unioning后的结果集的。So： 
如果unoin的几个子查询列名不同，如 
Sql代码  
select supplier_id, supplier_name  
from suppliers  
UNI
    
                                
    • 
                                
  • zeus持久层读写分离单元测试
                                    deng520159
单元测试
                                    
    本文是zeus读写分离单元测试,距离分库分表,只有一步了.上代码: 
1.ZeusMasterSlaveTest.java 
package com.dengliang.zeus.webdemo.test;

import java.util.ArrayList;
import java.util.List;

import org.junit.Assert;
import org.j
    
                                
    • 
                                
  • Yii 截取字符串(UTF-8) 使用组件
                                    dcj3sjt126com
yii
                                    
    1.将Helper.php放进protected\components文件夹下。 
2.调用方法： 
  Helper::truncate_utf8_string($content,20,false);   //不显示省略号  Helper::truncate_utf8_string($content,20);  //显示省略号  
&n
    
                                
    • 
                                
  • 安装memcache及php扩展
                                    dcj3sjt126com
PHP
                                    
    安装memcache    tar zxvf memcache-2.2.5.tgz     cd memcache-2.2.5/     /usr/local/php/bin/phpize (?)    ./configure --with-php-confi
    
                                
    • 
                                
  • JsonObject 处理日期
                                    feifeilinlin521
javajsonJsonOjbectJsonArrayJSONException
                                    
        写这边文章的初衷就是遇到了json在转换日期格式出现了异常 net.sf.json.JSONException: java.lang.reflect.InvocationTargetException  原因是当你用Map接收数据库返回了java.sql.Date 日期的数据进行json转换出的问题话不多说  直接上代码 
 &n
    
                                
    • 
                                
  • Ehcache（06）——监听器
                                    234390216
监听器listenerehcache
                                    
    监听器 
  
       Ehcache中监听器有两种，监听CacheManager的CacheManagerEventListener和监听Cache的CacheEventListener。在Ehcache中，Listener是通过对应的监听器工厂来生产和发生作用的。下面我们将来介绍一下这两种类型的监听器。 
 
    
                                
    • 
                                
  • activiti 自带设计器中chrome 34版本不能打开bug的解决
                                    jackyrong
Activiti
                                    
      在acitivti modeler中，如果是chrome 34，则不能打开该设计器，其他浏览器可以， 
经证实为bug，参考 
http://forums.activiti.org/content/activiti-modeler-doesnt-work-chrome-v34 
 
修改为，找到 
oryx.debug.js 
 
在最头部增加 
 

if (!Document.
    
                                
    • 
                                
  • 微信收货地址共享接口-终极解决
                                    laotu5i0
微信开发
                                    
       最近要接入微信的收货地址共享接口，总是不成功，折腾了好几天，实在没办法网上搜到的帖子也是骂声一片。我把我碰到并解决问题的过程分享出来，希望能给微信的接口文档起到一个辅助作用，让后面进来的开发者能快速的接入，而不需要像我们一样苦逼的浪费好几天，甚至一周的青春。各种羞辱、谩骂的话就不说了，本人还算文明。 
   如果你能搜到本贴，说明你已经碰到了各种 ed
    
                                
    • 
                                
  • 关于人才
                                    netkiller.github.com
工作面试招聘netkiller人才
                                    
    关于人才 
每个月我都会接到许多猎头的电话，有些猎头比较专业，但绝大多数在我看来与猎头二字还是有很大差距的。 与猎头接触多了，自然也了解了他们的工作，包括操作手法，总体上国内的猎头行业还处在初级阶段。 
总结就是“盲目推荐，以量取胜”。  
目前现状 
许多从事人力资源工作的人，根本不懂得怎么找人才。处在人才找不到企业，企业找不到人才的尴尬处境。 
企业招聘，通常是需要用人的部门提出招聘条件，由人
    
                                
    • 
                                
  • 搭建 CentOS 6 服务器 - 目录
                                    rensanning
centos
                                    
    (1) 安装CentOS 
ISO（desktop/minimal）、Cloud（AWS/阿里云）、Virtualization（VMWare、VirtualBox） 
详细内容 
 
 
(2) Linux常用命令 
cd、ls、rm、chmod...... 
详细内容 
 
 
(3) 初始环境设置 
用户管理、网络设置、安全设置...... 
详细内容 
 
 
(4) 常驻服务Daemon
    
                                
    • 
                                
  • 【求助】mongoDB无法更新主键
                                    toknowme
mongodb
                                    
           Query query = new Query();            query.addCriteria(new Criteria("_id").is(o.getId()));                    &n
    
                                
    • 
                                
  • jquery 页面滚动到底部自动加载插件集合
                                    xp9802
jquery
                                    
    很多社交网站都使用无限滚动的翻页技术来提高用户体验，当你页面滑到列表底部时候无需点击就自动加载更多的内容。下面为你推荐 10 个 jQuery 的无限滚动的插件： 
1. jQuery ScrollPagination 
jQuery ScrollPagination plugin 是一个 jQuery 实现的支持无限滚动加载数据的插件。 
2. jQuery Screw 
S
    
                                
    •