wangchenghui321
wangchenghui321

react 上传excel预览

目的

        使用ract实现excel文件上传后可以预览

一、效果展示

        excel 文件

        

        预览效果

        react 上传excel预览_第1张图片

二、使用步骤

        1. 下载插件 :  npm install xlsx

        2. 引入库  : import * as XLSX from 'xlsx';

三 、具体代码

import React from 'react';
import PropTypes from 'prop-types';
import * as XLSX from 'xlsx';
import {message, Modal, Table, Button, Upload} from 'antd';
const { Dragger } = Upload;

export class UploadFile extends React.Component {
  state = {
     tableData: [],
     tableHeader: []
  };

  toReturn = () => {
     this.props.close();
  };

toSubmit = () => {
   const _this = this;
   console.log(_this.state.tableData);
};

render() {
   return (
      

         
            
               

                  点击上传文件
                     或者拖拽上传
               

            
            

               
               
            

   );
}

uploadFilesChange(file) {
   // 通过FileReader对象读取文件
   const fileReader = new FileReader();
   // 以二进制方式打开文件
   fileReader.readAsBinaryString(file.file);
   fileReader.onload = event => {
      try {
         const {result} = event.target;
         // 以二进制流方式读取得到整份excel表格对象
         const workbook = XLSX.read(result, {type: 'binary'});
         // 存储获取到的数据
         let data = {};
         // 遍历每张工作表进行读取（这里默认只读取第一张表）
         for(const sheet in workbook.Sheets) {
            let tempData = [];
            // esline-disable-next-line
            if(workbook.Sheets.hasOwnProperty(sheet)) {
               // 利用 sheet_to_json 方法将 excel 转成 json 数据
               console.log(sheet);
               data[sheet] = tempData.concat(XLSX.utils.sheet_to_json(workbook.Sheets[sheet]));
            }
         }
         const excelData = data.Sheet1;
         const excelHeader = [];
         // 获取表头
         for(const headerAttr in excelData[0]) {
            const header = {
               title: headerAttr,
               dataIndex: headerAttr,
               key: headerAttr
            };
            excelHeader.push(header);
         }
         // 最终获取到并且格式化后的 json 数据
         this.setState({
            tableData: excelData,
            tableHeader: excelHeader,
         });
         console.log(this.state);
      } catch(e) {
         // 这里可以抛出文件类型错误不正确的相关提示
         console.log(e);
         message.error('文件类型不正确！');
      }
   };
}
}
UploadFile.propTypes = {
   close: PropTypes.fun,
   id: PropTypes.string,
};
export default UploadFile;


注意 ：
        react 版本我用的   "react": "^16.8.6",  
        直接下载 xlsx 版本为  "xlsx": "^0.16.8",
        读取文件时，一直报错，尝试的用 npm install [email protected] 解决
自己学习笔记，代码非原创！！！！！！！

                    
                

        
你可能感兴趣的:(前端)

        

            

                
    
                    
  • TypeScript 中的 type 和 interface：你真的了解它们的不同吗？
                        初见雨夜
前端typescriptjavascript前端
                        
    如果你有写过Vue3的项目，那么对TypeScript肯定不会陌生。不管是公司新项目技术选型还是个人学习开发新的前端项目，Vue3+TypeScript已经成为首选技术方案之一在TypeScript这个强大的静态类型系统中，type和interface是两个重要的关键字，用于定义和描述数据类型。然而，这两者之间的区别是什么，在实际开发过程中我们要怎么用呢？废话不说，直接进入正题，就让我们一起深入探
    
                    
    • 
                    
  • 浅谈HTML5
                        
html5
                        
    HTML5的时代已经到来，它对所有做前端搭建制作设计开发人员来说是一种福音。HTML5致力于解决跨浏览器问题，可以部分取代JavaScript，HTML5致力于把浏览器变成一个前端执行菠菜程序环境，而不是简单地视图工具。第一部分，了解HTML和XHTMLHTML——HyperTextMarkupLanguage(超文本标记语言)，它的发展史比较复杂，从1991年年底推出HTML,当时HTML并没有
    
                    
    • 
                    
  • zabbix安装使用
                        吃不到的烤鱼
运维zabbix
                        
    文章目录1.zabbix安装1.1安装zabbix-release1.2安装server/proxy/前端1.2创建数据库1.2.1安装mysql(如果已有数据库可以跳过)1.2.2创建zabbix账号和数据库1.2.3导入zabbix数据库1.3配置zabbix服务1.4启动zabbix1.4.1启动zabbix服务1.4.2zabbixphp相关配置(主要为时区配置)1.4.3SELinux配
    
                    
    • 
                    
  • Java spring面试题及答案（1~11题）
                        蒙娜丽莎的Java
java面试学习路线javaspring开发语言githubmysql
                        
    1、SpringMVC的工作原理？●用户向服务器发送请求，请求被springMVC前端控制器DispatchServlet捕获；●DispatcherServle对请求URL进行解析，得到请求资源标识符（URL），然后根据该URL调用HandlerMapping将请求映射到处理器HandlerExcutionChain；●DispatchServlet根据获得Handler选择一个合适的Handl
    
                    
    • 
                    
  • 从ECMAScript到JavaScript：前端编程的基石
                        大雨淅淅
前端开发ecmascriptjavascript前端
                        
    目录一、什么是ECMAScript二、发展历程回顾三、核心特性解析3.1基础类型与数据结构3.2函数的进阶用法3.3对象的操作与扩展3.4类与面向对象编程3.5异步编程四、实际应用场景4.1Web前端开发4.2Node.js后端开发4.3移动应用开发五、未来展望一、什么是ECMAScriptECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会）通过ECMA-262标准化的脚本程序设
    
                    
    • 
                    
  • Vue.js 详细介绍
                        DOMINICHZL
vue.jsvue.js
                        
    1.引言在前端开发领域，Vue.js无疑是一个备受瞩目的框架。它以其轻量、易用和高效的特点，迅速成为开发者们的首选。无论你是前端新手，还是有一定经验的开发者，Vue.js都能为你提供强大的支持。本文将带你从零开始，深入了解Vue.js的核心概念、使用方法以及最佳实践。2.Vue.js简介2.1什么是Vue.js？Vue.js是一套用于构建用户界面的渐进式JavaScript框架。与其他大型框架不同
    
                    
    • 
                    
  • Spring MVC 的执行流程
                        圈圈编码
springmvcjava
                        
    SpringMVC是一个基于Java的请求驱动型Web框架，其核心设计围绕前端控制器模式，通过DispatcherServlet协调各个组件处理HTTP请求。以下是其完整的执行流程，共分为8个核心步骤：1.HTTP请求到达DispatcherServlet入口：所有请求首先由DispatcherServlet（前端控制器）接收。配置：在web.xml中定义DispatcherServlet并映射U
    
                    
    • 
                    
  • Request header is too large 请求头太大
                        james二次元
nginx
                        
    在我们的日常开发工作中，可能会遇到请求头太大的问题，导致请求失败F12可以看到，前端传入了很长一段参数后台可以看到问题原因：请求头超过了tomcat的限制值。post请求是没有参数大小限制，但是服务器有自己的默认大小解决方式一：可以修改Tomcat的server.xml文件增加maxHttpHeaderSize参数配置,当maxPostSize=0时,表示不限制解决方式二：如果你是SpringBo
    
                    
    • 
                    
  • java将文件流传给前端,JAVA基础知识之InputStreamReader流 和 将本地文件通过前端上传到服务器上...
                        GrapeDoor
java将文件流传给前端
                        
    将本地文件通过前端上传到服务器上publicBaseResponseSwaggerresolveFile(@Valid@ApiParam(value="file")@RequestParam(name="file",required=true)MultipartFilefile){if(file.isEmpty()){thrownewSoftwareException(ComStatusCodeE
    
                    
    • 
                    
  • 你好，我是冴羽，我写了一套《前端大佬成长之路》
                        

                        
    你好，我是冴羽。这么正式的开头说明我有了一个大动作。是的，我创建了自己的知识星球：“冴羽·前端大佬成长之路”。重点一：新的一年，我会在知识星球更新一套“前端大佬成长之路”的课程。包含目标规划篇、学习方法篇、前端学习篇、个人管理篇、职场发展篇、面试技巧篇、健康养生篇共7大篇章、40节文章。总结了我近十年的工作生活经验，让大家少走一些弯路，节省一些时间。重点二：但是帮助你全面成长，一套课程是不够的，必
    
                    
    • 
                    
  • 2025年前端开发者必学的技术
                        倔强青铜3
JavaScript成神之路前端vuereactjavascript
                        
    2025年前端开发者必学的技术原文链接：ImportantTopicsforFrontendDeveloperstoMasterin2025作者：moibra译者：倔强青铜三前言大家好，我是倔强青铜三。是一名热情的软件工程师，我热衷于分享和传播IT技术，致力于通过我的知识和技能推动技术交流与创新，欢迎关注我，微信公众号：倔强青铜三。欢迎点赞、收藏、关注，一键三连！！！1.现代JavaScript(
    
                    
    • 
                    
  • HTML专题之语义化
                        

                        
    前言石匠敲击石头的第3次有一道经典的前端面试题：如何理解HTML语义化？如果让我自己回答，我会说语义化会让HTML代码更利于维护，并且有利于SEO的优化。但这样的回答显然不够完整，所以才有了这篇文章来好好记录一下HTML语义化，如果哪里写的有问题欢迎指出。HTML语义化是什么HTML中语义化简单来说就是使用“有意义的标签”来表示页面上不同的区域。例如下图中就使用了语义化标签用来表示一个页面的各个区
    
                    
    • 
                    
  • 补充：文件上传、下载传输给前端之直接传递图片二进制数据：网络中的图片、音频、视频等非字符数据的传输
                        JU HE
JavaWeb开发基础网络音视频
                        
    文章目录1Base64编码传递图片、视频二进制数据2后端直接传递图片二进制数据案例2.1后端：创建专用DTO（推荐方案）2.2前端处理建议1Base64编码传递图片、视频二进制数据前面我们在学习Java的IO流的时候讲过字节流和字符流。字符的传输：前后端字符的传输JSON中就是直接传字符就可以了讲一下实际中的变换过程：字符流中字符的传输是参考博客字符串—>（编码方式对应起来）字符数组—>二进制数据
    
                    
    • 
                    
  • [oAuth2授权]Web前端+Node&Coze API Web后端程序+Coze授权服务器工作流程架构流程图详解
                        GISer_Jinger
项目人工智能node.js前端javascript架构
                        
    嗯，用户之前已经了解了如何使用React和Node.js结合CozeAPI实现OAuth2授权，现在他们具体想实现的是在Web应用中，当用户点击一个按钮（比如“和Bot对话”）时，触发授权流程，重定向到Coze的授权服务器获取code。用户还提供了一个具体的cURL请求示例，展示了如何通过302重定向获取授权页面的URL，然后从响应头中的location字段得到跳转链接，引导用户完成授权。首先，我
    
                    
    • 
                    
  • 如果你干了1年多前端，接下来的路该怎么走？
                        
前端后端程序员
                        
    我知道在很多中大型公司，其实有好多领导前辈、以及师傅会给那些校招生，以及应届生规划一定的学习成长路线。有些皮于表面，有些醍醐灌顶。其实如果职场上有那么一个领路人，个人的成长是飞速的。我入职了一家新单位，这家单位的没有太多规范，没有太多的组件封装积累，还会考核每周的代码量,我发现有些阶段代码量（测试阶段、需求阶段等）不够的时候大家都是往项目中塞没用的代码，还有些同学会复制公共组件的代码进自己的模块充
    
                    
    • 
                    
  • CORS Missing Allow Origin
                        打怪升级&
前后端结合小白学习记录前端json后端
                        
    自用小总结问题出现背景：前后端交互问题描述：脚本无法获取响应主体（原因：CORSMissingAllowOrigin问题分析：前后端交互数据形式不匹配自我检查：用postman检查后端接口是否能用，排除前端和后端其中一个尝试更改1.前端是form-data/x-www-form-urlencoded数据，后端则需要使用@RequestParam2.前端是application/json数据，后端则
    
                    
    • 
                    
  • Svelte 最新中文文档教程（22）—— 自定义元素
                        

                        
    前言Svelte，一个语法简洁、入门容易，面向未来的前端框架。从Svelte诞生之初，就备受开发者的喜爱，根据统计，从2019年到2024年，连续6年一直是开发者最感兴趣的前端框架No.1：Svelte以其独特的编译时优化机制著称，具有轻量级、高性能、易上手等特性，非常适合构建轻量级Web项目。为了帮助大家学习Svelte，我同时搭建了Svelte最新的中文文档站点。如果需要进阶学习，也可以入手我
    
                    
    • 
                    
  • 前端工程化Vue使用Node.js永久设置国内高速npm镜像源
                        会撸代码的懒羊羊
Nginx前端node.jsvue.js数据库npm
                        
    前端工程化Vue使用Node.js永久设置国内高速npm镜像源接续上篇错误收录，此篇通过简单配置永久设置国内高速npm镜像源方法1.更换新版镜像清空npm缓存npmcacheclean--force修改回原版镜像源或直接删除配置过的镜像源npmconfigsetregistryhttps://registry.npmjs.org/--删除镜像源npmconfigdeleteregistry更改新版
    
                    
    • 
                    
  • 飘还是不飘？“`“引发的惨案。
                        dushky
java前端开发语言
                        
    Failedtoconvertvalueoftype'java.lang.String'torequiredtype'int';Forinputstring:"${page}"当您的后端服务报这个错误时？发生什么？乍一看，什么都没问题。后端服务正常启动，用swagger（Knife4j）测试好着呢。前端也没什么问题，该传的，都传了呀？特别是眼神不太好的，还看不出来'和`的区别。:-)注意前端传参的
    
                    
    • 
                    
  • ‌XPath vs CSS Selector 深度对比
                        test猿
css前端
                        
    ‌核心差异总览‌‌对比维度‌‌XPath‌‌CSSSelector‌‌语法复杂度‌较高（需路径表达式）简洁（类似前端开发习惯）‌性能‌较慢（全局遍历）更快（浏览器原生优化）‌文本匹配‌✅支持（contains(text(),'abc')）❌不支持‌轴定位‌✅支持（父级、兄弟等）❌仅支持直接层级（>、+等）‌动态属性处理‌✅灵活（starts-with()等函数）✅有限（^=、$=等部分匹配）‌伪类
    
                    
    • 
                    
  • springboot项目统一接口超时机制设计
                        gooluke
springboot后端java
                        
    springboot项目统一接口超时机制以及异常捕获设计因为不同的业务接口所需超时时间不同，例如上传或者下载，但是大多数接口都基本可以统一一个超时时间，同时捕获异常，方便上下游子系统设置超时时间能够包住，以及业务可以根据错误码更好地判断做对应的补偿措施，前端展示失败原因主要设计：编写BaseController，提供请求统一入口，线程池提交请求并设置超时时间，超时时间可以自定义，定义一个函数式接口
    
                    
    • 
                    
  • 前端学习Day4 CSS基础笔记
                        Yukukiii
前端css学习
                        
    目标能够说出什么是CSS能够使用CSS基础选择器能够设置字体样式能够设置文本样式能够说出CSS的三种引入方式能够使用Chrome调试工具调试样式CSS:层叠样式表(Cascadingstylesheets)语法：写在head里面p{color:brown;//文字变色font-size:30px;//字变大background-color:blue;//背景色为蓝色width:400px;heig
    
                    
    • 
                    
  • 《从零到全栈：Bootstrap 响应式布局指南》
                        CodeComposer
bootstrap前端html
                        
    一、概念1.Bootstrap是什么？Bootstrap是一个基于HTML、CSS和JavaScript的开源前端框架，主要用于快速构建响应式网页。它是UI库（CSS库），提供了丰富的预定义样式和组件，帮助开发者快速实现美观且功能强大的界面。文档地址：Bootstrap中文文档2.响应式布局响应式布局是一种网页设计方法，使页面能够根据设备屏幕尺寸自动调整布局和样式。核心原理：通过媒体查询（@med
    
                    
    • 
                    
  • Vite 与 Webpack：性能差异解析
                        阿珊和她的猫
webpack前端node.js
                        
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录Vite与Webpack：性能差异解析开发模式下的性能ViteWebpack生产模式下的性能V
    
                    
    • 
                    
  • 大模型成本优化实战：从分布式训练到量化剪枝，轻松降低AI计算开销
                        网罗开发
AI大模型人工智能机器学习深度学习
                        
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
    
                    
    • 
                    
  • 高并发微服务日志管理：ELK、Loki、Fluentd 终极对决与实战指南
                        网罗开发
java集后端云原生微服务elk架构
                        
    网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java、Python等方向。在移动端开发、鸿蒙开发、物联网、嵌入式、云原生、开源等领域有深厚造诣。图书作者：《ESP32-C3物联网工程开发实战》图书作者：《SwiftUI入门，进阶与实战》超级个体：CO
    
                    
    • 
                    
  • 【前端】【面试】【功能函数】写一个JavaScript树形结构操作函数：`filter` 与 `forEach`
                        患得患失949
面试考题专栏（前后端）前端组件前端javascript开发语言树结构filterforEach面试
                        
    写一个JavaScript树形结构操作函数：filter与forEach在JavaScript开发中，处理树形结构数据是一项常见的任务。本文将详细介绍两个用于操作树形结构数据的函数：filter和forEach，包括它们的功能、使用方法以及具体示例。1.filter函数1.1功能概述filter函数用于过滤树形结构数据。它会遍历树形结构中的每个节点，根据传入的过滤函数func来决定是否保留该节点。
    
                    
    • 
                    
  • js：根据后端返回的数组取出每一个数组的keyword字段然后拼接成一个逗号分隔的字符串
                        fury_123
elementuivue3jsjavascript开发语言ecmascript
                        
    问：现在有一个el-select，后端接口返回数据为keyword:'xxx',referenceNum:1,tagId:'132sf32fasdfaf'组成的数组，现在select是多选，但是但我选择多个下拉框选项后，后端需要前端返回的数据tagIds字段需要时一个字符串，比方：'132sf32fasdfaf,132sf32fasdfaf,132sf32fasdfaf'这样的字符串，中间逗号要是
    
                    
    • 
                    
  • Uniapp 小程序获取用户手机号功能实现
                        前端小雪的博客.
uni-app小程序
                        
    在开发Uniapp小程序时，获取用户手机号是一个常见的需求，比如用于用户注册、身份验证等场景。下面将详细介绍如何在Uniapp小程序中实现获取用户手机号的功能。前端代码实现1.uniapp自带按钮在页面中添加一个按钮，当用户点击该按钮时，会触发获取手机号的操作。这里使用v-if指令判断当前平台是否为微信小程序，只有在微信小程序环境下才显示该按钮。去绑定2.处理获取手机号事件在script部分，实现
    
                    
    • 
                    
  • Jenkins部署GitHub上的前端项目
                        2401_84150191
程序员jenkinsgithub前端
                        
    构建–选择执行shell，这里请安装cnpm，构建速度快，且容易报错。echo$PATHnode-vnpm-vnpminstall-gcnpm--registry=https://registry.npm.taobao.orgcnpminstallnpmrunbuild如果部署到服务器的话，建议打包cddisttar-zcvfdist.tar.gz*构建后步骤，发布到远程服务器这里我们时使用doc
    
                    
    • 
                                
  • mondb入手
                                    木zi_鸣
mongodb
                                    
    windows 启动mongodb  编写bat文件， 
 
mongod --dbpath D:\software\MongoDBDATA 
mongod --help  查询各种配置 
配置在mongob 
 
打开批处理，即可启动，27017原生端口，shell操作监控端口  扩展28017，web端操作端口 
 
启动配置文件配置， 
 
数据更灵活 
    
                                
    • 
                                
  • 大型高并发高负载网站的系统架构
                                    bijian1013
高并发负载均衡
                                    
            扩展Web应用程序 
一.概念 
        简单的来说，如果一个系统可扩展，那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集，并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种： 
        1.
    
                                
    • 
                                
  • DISPLAY变量和xhost(原创)
                                    czmmiao
display
                                    
    DISPLAY 
在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
    
                                
    • 
                                
  • 获取B/S客户端IP
                                    周凡杨
java编程jspWeb浏览器
                                    
       最近想写个B/S架构的聊天系统，因为以前做过C/S架构的QQ聊天系统，所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统，由于存在客户端Java应用，所以直接在代码中获取客户端的IP，应用的方法为： 
   String ip = InetAddress.getLocalHost().getHostAddress(); 
然而对于WEB
    
                                
    • 
                                
  • 浅谈类和对象
                                    朱辉辉33
编程
                                    
        类是对一类事物的总称，对象是描述一个物体的特征，类是对象的抽象。简单来说，类是抽象的，不占用内存，对象是具体的， 
占用存储空间。 
    类是由属性和方法构成的，基本格式是public  class 类名{ 
 
 //定义属性 
 private/public 数据类型 属性名； 
 
 //定义方法 
 publ
    
                                
    • 
                                
  • android activity与viewpager+fragment的生命周期问题
                                    肆无忌惮_
viewpager
                                    
    有一个Activity里面是ViewPager，ViewPager里面放了两个Fragment。 
第一次进入这个Activity。开启了服务，并在onResume方法中绑定服务后，对Service进行了一定的初始化，其中调用了Fragment中的一个属性。 
		super.onResume();
		bindService(intent, conn, BIND_AUTO_CREATE);

    
                                
    • 
                                
  • base64Encode对图片进行编码
                                    843977358
base64图片encoder
                                    
    /**
	 * 对图片进行base64encoder编码
	 * 
	 * @author mrZhang
	 * @param path
	 * @return
	 */
	public static String encodeImage(String path) {
		BASE64Encoder encoder = null;
		byte[] b = null;
		I
    
                                
    • 
                                
  • Request Header简介
                                    aigo
servlet
                                    
    当一个客户端(通常是浏览器)向Web服务器发送一个请求是，它要发送一个请求的命令行，一般是GET或POST命令，当发送POST命令时，它还必须向服务器发送一个叫“Content-Length”的请求头(Request   Header)   用以指明请求数据的长度，除了Content-Length之外，它还可以向服务器发送其它一些Headers，如：    
    
                                
    • 
                                
  • HttpClient4.3 创建SSL协议的HttpClient对象
                                    alleni123
httpclient爬虫ssl
                                    
    public class HttpClientUtils
{
	public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){
		SSLContext sslContext=null;
		
		try
		{
			sslContext=new SSLContextBuilder().l
    
                                
    • 
                                
  • java取反 -右移-左移-无符号右移的探讨
                                    百合不是茶
位运算符 位移
                                    
    取反：
		在二进制中第一位，1表示符数，0表示正数
		byte a = -1;
		原码：10000001
		反码：11111110
		补码：11111111
      //异或: 00000000
		byte b = -2;
		原码：10000010
		反码：11111101
		补码：11111110
      //异或: 00000001
		
	
    
                                
    • 
                                
  • java多线程join的作用与用法
                                    bijian1013
java多线程
                                    
            对于JAVA的join，JDK 是这样说的：join public final void join （long millis ）throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
    
                                
    • 
                                
  • Java发送http请求(get 与post方法请求)
                                    bijian1013
javaspring
                                    
    PostRequest.java 
package com.bijian.study;

import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURL
    
                                
    • 
                                
  • 【Struts2二】struts.xml中package下的action配置项默认值
                                    bit1129
struts.xml
                                    
    在第一部份，定义了struts.xml文件，如下所示： 
  
<!DOCTYPE struts PUBLIC
        "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
        "http://struts.apache.org/dtds/struts
    
                                
    • 
                                
  • 【Kafka十三】Kafka Simple Consumer
                                    bit1129
simple
                                    
    代码中关于Host和Port是割裂开的，这会导致单机环境下的伪分布式Kafka集群环境下，这个例子没法运行。 
实际情况是需要将host和port绑定到一起， 
  
package kafka.examples.lowlevel;

import kafka.api.FetchRequest;
import kafka.api.FetchRequestBuilder;
impo
    
                                
    • 
                                
  • nodejs学习api
                                    ronin47
nodejs api
                                    
    NodeJS基础 什么是NodeJS 
JS是脚本语言，脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS，浏览器充当了解析器的角色。而对于需要独立运行的JS，NodeJS就是一个解析器。 
每一种解析器都是一个运行环境，不但允许JS定义各种数据结构，进行各种计算，还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM，浏览器就提供了docum
    
                                
    • 
                                
  • java-64.寻找第N个丑数
                                    bylijinnan
java
                                    
    


public class UglyNumber {

	/**
	 * 64.查找第N个丑数
具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url]
	 * 
题目：我们把只包含因子
2、3和5的数称作丑数（Ugly Number）。例如6、8都是丑数，但14
    
                                
    • 
                                
  • 二维数组（矩阵）对角线输出
                                    bylijinnan
二维数组
                                    
    

/**
二维数组 对角线输出 两个方向
例如对于数组：
{ 1, 2, 3, 4 }, 
{ 5, 6, 7, 8 },
{ 9, 10, 11, 12 }, 
{ 13, 14, 15, 16 },

slash方向输出：
1 
5 2 
9 6 3 
13 10 7 4 
14 11 8 
15 12 
16 

backslash输出：
4 
3
    
                                
    • 
                                
  • [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)
                                    comsci
工作流
                                    
       既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理 
 
   大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
    
                                
    • 
                                
  • redis常见使用
                                    cuityang
redis常见使用
                                    
    redis 通常被认为是一个数据结构服务器，主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets 
 
引入jar包 jedis-2.1.0.jar  (本文下方提供下载) 
 
package redistest; 
 
import redis.clients.jedis.Jedis; 
 
public class Listtest
    
                                
    • 
                                
  • 配置多个redis
                                    dalan_123
redis
                                    
    配置多个redis客户端 
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans"       xmlns:xsi=&quo
    
                                
    • 
                                
  • attrib命令
                                    dcj3sjt126com
attr
                                    
         
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.      
  只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.  
 
  存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.  
 
    
                                
    • 
                                
  • Yii使用公共函数
                                    dcj3sjt126com
yii
                                    
    在网站项目中，没必要把公用的函数写成一个工具类，有时候面向过程其实更方便。   在入口文件index.php里添加   require_once('protected/function.php');   即可对其引用，成为公用的函数集合。   function.php如下：   
   <?php   /**     * This is the shortcut to D
    
                                
    • 
                                
  • linux 系统资源的查看（free、uname、uptime、netstat）
                                    eksliang
netstatlinux unamelinux uptimelinux free
                                    
    linux 系统资源的查看 
转载请出自出处：http://eksliang.iteye.com/blog/2167081 
  
http://eksliang.iteye.com 一、free查看内存的使用情况 
语法如下： 
  
free [-b][-k][-m][-g] [-t]
参数含义
-b:直接输入free时，显示的单位是kb我们可以使用b(bytes),m
    
                                
    • 
                                
  • JAVA的位操作符
                                    greemranqq
位运算JAVA位移<<>>>
                                    
    最近几种进制，加上各种位操作符，发现都比较模糊，不能完全掌握，这里就再熟悉熟悉。 
  
1.按位操作符 ： 
   按位操作符是用来操作基本数据类型中的单个bit,即二进制位，会对两个参数执行布尔代数运算，获得结果。 
   与（&）运算： 
   1&1 = 1, 1&0 = 0, 0&0 &
    
                                
    • 
                                
  • Web前段学习网站
                                    ihuning
Web
                                    
      
Web前段学习网站 
菜鸟学习：http://www.w3cschool.cc/ 
  
JQuery中文网：http://www.jquerycn.cn/ 
  
内存溢出：http://outofmemory.cn/#csdn.blog 
  
http://www.icoolxue.com/ 
  
http://www.jikexue
    
                                
    • 
                                
  • 强强联合：FluxBB 作者加盟 Flarum
                                    justjavac
r
                                    
    原文：FluxBB Joins Forces With Flarum作者：Toby Zerner译文：强强联合：FluxBB 作者加盟 Flarum译者：justjavac  
FluxBB 是一个快速、轻量级论坛软件，它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写，并已经开发了一段时间。FluxBB 看起来非常有前途的，
    
                                
    • 
                                
  • java统计在线人数（session存储信息的）
                                    macroli
javaWeb
                                    
    这篇日志是我写的第三次了 前两次都发布失败！郁闷极了！ 
  
由于在web开发中常常用到这一部分所以在此记录一下，呵呵，就到备忘录了！ 
我对于登录信息时使用session存储的，所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。 
1、实现接口类，在web.xml文件中配置监听类，从而可以使该类完成其工作。 
public class Ses
    
                                
    • 
                                
  • bootstrp carousel初体验 快速构建图片播放
                                    qiaolevip
每天进步一点点学习永无止境bootstrap纵观千象
                                    
    img{
			border: 1px solid white;
			box-shadow: 2px 2px 12px #333;
			_width: expression(this.width > 600 ? "600px" : this.width + "px");
			_height: expression(this.width &
    
                                
    • 
                                
  • SparkSQL读取HBase数据，通过自定义外部数据源
                                    superlxw1234
sparksparksqlsparksql读取hbasesparksql外部数据源
                                    
    关键字：SparkSQL读取HBase、SparkSQL自定义外部数据源 
  
  
前面文章介绍了SparSQL通过Hive操作HBase表。 
  
SparkSQL从1.2开始支持自定义外部数据源(External DataSource)，这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0，简单介绍SparkSQL自定义外部数据源，访
    
                                
    • 
                                
  • Spring Boot 1.3.0.M1发布
                                    wiselyman
spring boot
                                    
        Spring Boot 1.3.0.M1于6.12日发布，现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下： 
  
1.提供一个新的sprin
    
                                
    •