Curren.wong
Curren.wong

使用 Node.js + Socket.IO 搭建简易聊天系统

文章目录

    • 1. 背景
    • 2. 前期准备
      • 2.1. 安装Node.js
      • 2.2. 安装Express和`Socket.IO`
      • 2.3. 服务端
      • 2.4. 客户端
    • 3. 测试效果

1. 背景

这学期选了一门短学期课程，《计算机专业课程设计》，我们需要单独完成一个完整的项目并汇报给老师。我准备借鉴 CodiMD 来实现一个基于 Node.js 的MarkDown文档协同编辑平台。

在我浏览CodiMD的源码时，发现项目中实现实时协同编辑的一个关键模块是Socket.IO，于是先从它开始学起，这篇博客是Socket.IO的一个入门项目，基于 Node.js 的聊天系统。

2. 前期准备

2.1. 安装Node.js

前往官网https://nodejs.org/en/download/进行下载，图形界面安装，按照提示进行即可

Mac OS也可以用brew安装

brew install node

2.2. 安装Express和Socket.IO

先创建项目文件夹，将它命名为myapp。

mkdir myapp
cd myapp

然后安装库文件。

npm install express socket.io --save

2.3. 服务端

创建index.js。获取某一客户端传入的聊天消息，并返回给所有客户端。

// index.js
// 获取Express并创建服务
var app = require('express')();
// 获取http模块
var http = require('http').Server(app);
// 获取socket.io模块
var io = require('socket.io')(http);
// 设置监听端口为进程端口或3000端口
var port = process.env.PORT || 3000;
// 请求根路径时，返回index.html
app.get('/', function(req, res){
  res.sendFile(__dirname + '/index.html');
});
// 建立新的 TCP 流时会触发connection事件，执行回调函数
io.on('connection', function(socket){
    // 获取传入的'chat message'信息
  socket.on('chat message', function(msg){
    // 将'chat message'向所有客户端进行广播
    io.emit('chat message', msg);
  });
});
// 监听端口
http.listen(port, function(){
  console.log('listening on *:' + port);
});

2.4. 客户端

创建index.html，向服务端发送聊天消息，并将服务端返回的消息显示在界面中。


<html>

    <head>
        <title>Socket.IO chattitle>
        
        <style>
            * {
                margin: 0;
                padding: 0;
                box-sizing: border-box;
            }

            body {
                font: 13px Helvetica, Arial;
            }

            form {
                background: #000;
                padding: 3px;
                position: fixed;
                bottom: 0;
                width: 100%;
            }

            form input {
                border: 0;
                padding: 10px;
                width: 90%;
                margin-right: .5%;
            }

            form button {
                width: 9%;
                background: rgb(130, 224, 255);
                border: none;
                padding: 10px;
            }

            #messages {
                list-style-type: none;
                margin: 0;
                padding: 0;
            }

            #messages li {
                padding: 5px 10px;
            }

            #messages li:nth-child(odd) {
                background: #eee;
            }

            #messages {
                margin-bottom: 40px
            }

        style>
    head>

    <body>
        <ul id="messages">ul>
        <form action="">
            <input id="m" autocomplete="off" /><button>Sendbutton>
        form>
        
        <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js">script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js">script>
        <script>
            $(function () {
                var socket = io();
                // 用户点击Send触发Submit事件
                $('form').submit(function () {
                    // 向服务端发送文本框中的内容
                    socket.emit('chat message', $('#m').val());
                    // 清空文本框
                    $('#m').val('');
                    return false;
                });
                // 接受到服务端发送的'chat message'时
                socket.on('chat message', function (msg) {
                    // 将接受到的消息显示在消息界面
                    $('#messages').append($('
  • ').text(msg));
                    // 屏幕向下滚动
                    window.scrollTo(0, document.body.scrollHeight);
                });
            });

        script>
    body>

html>

    • 3. 测试效果

    完成上述步骤，目录树应该是这样的。

    xxx/myapp
├── index.html
├── index.js
├── node_modules
├── package-lock.json
└── package.json

    在myapp文件夹下执行以下命令。

    node index.js

    当命令行显示 listening on *:3000，就成功运行了。

    接下来分别打开两个浏览器，在聊天窗口中进行对话。

    使用 Node.js + Socket.IO 搭建简易聊天系统_第1张图片

    Figure 1. Safari \text{Figure 1. Safari} Figure 1. Safari

    使用 Node.js + Socket.IO 搭建简易聊天系统_第2张图片

    Figure 2. Chrome \text{Figure 2. Chrome} Figure 2. Chrome

    测试成功。

    项目的完整代码可以参考Github。

    联系邮箱：[email protected]

    CSDN：https://me.csdn.net/qq_41729780

    知乎：https://zhuanlan.zhihu.com/c_1225417532351741952

    公众号：复杂网络与机器学习

    欢迎关注/转载，有问题欢迎通过邮箱交流。

    使用 Node.js + Socket.IO 搭建简易聊天系统_第3张图片

    你可能感兴趣的:(Node.js,#,Socket.IO,js,nodejs,socket,soket.io,聊天室)

    • html2canvas导出pdf模糊,vue实现pdf导出，解决生成canvas模糊等问题 轮王寺宫
      1、我们要添加两个模块第一个.将页面html转换成图片npminstall--savehtml2canvas第二个.将图片生成pdfnpminstalljspdf--save2、定义全局函数..创建一个htmlToPdf.js文件在指定位置.我个人习惯放在('src/utils/htmlToPdf')//导出页面为PDF格式importhtml2Canvasfrom'html2canvas'imp
    • 探索前端的未来：深度使用 SolidJS 构建高性能用户界面 桂月二二 前端ui
      SolidJS是近年来前端开发领域的一颗新星，它结合了React的思维模式和Vue的性能优势，提供了一种高效且轻量的框架解决方案。本文将带你深入了解SolidJS的实际使用，并探索如何利用其核心特性构建现代化的高性能应用。为什么选择SolidJS？相比于其他框架，SolidJS有以下独特优势：超高性能：基于fine-grainedreactivity（细粒度反应性）机制，仅更新必要的DOM节点。零
    • 解锁Zustand的潜力：轻量级状态管理的无限可能 LLlan_lan 前端javascript
      安装zustandyarnaddzustand创建store使用creat来创建一个新的storeimport{create}from'zustand'import{AsyncData}from'../api/xx.js'//创建storeget()获取状态set()存储状态constuseCounterStore=create((set,get)=>({count:1,name:'岚',list
    • Vue组件开发-使用 html2canvas 和 jspdf 库实现PDF文件导出 设置页面大小及方向 LCG元 前端vue.jspdf前端
      在Vue项目中实现导出PDF文件、调整文件页面大小和页面方向的功能，使用html2canvas将HTML内容转换为图片，再使用jspdf把图片添加到PDF文件中。以下是详细的实现步骤和代码示例：步骤1：安装依赖首先，在项目中安装html2canvas和jspdf：npminstallhtml2canvasjspdf步骤2：创建Vue组件以下是一个完整的Vue组件示例，包含导出PDF、调整页面大小和
    • 对 Electron 架构的理解 北海屿鹿 前端electron前端
      Electron的架构可以分为三层：Chromium、Node.js和应用程序层。Electron是一种基于Chromium和Node.js的开源框架，可以用于快速构建跨平台的桌面应用程序。Chromium层：Chromium是一种开源的浏览器引擎，能够渲染HTML、CSS和JavaScript等web技术栈。在Electron中，Chromium负责绘制应用程序的主窗口和所有的web视图内容，并
    • Electron----桌面应用开发框架 暖阳浅笑-嘿 前端框架electron桌面应用
      Electron是一个开源框架，旨在使用Web技术（如HTML、CSS和JavaScript）开发跨平台的桌面应用。它结合了Chromium和Node.js，使开发者能够构建具有原生应用体验的桌面应用程序，同时使用熟悉的Web开发工具和技术。1.什么是Electron？定义：Electron是一个跨平台的桌面应用开发框架，由GitHub开发并维护。它允许使用Web技术（HTML、CSS和JavaS
    • 深入理解Electron一Electron架构介绍 weixin_43188769 前端框架开发语言
      深入理解Electron（一）Electron架构介绍Electron是什么引用来自官网的解释：Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。通过将Chromium和Node.js嵌入到它的二进制文件中，Electron允许你维护一个JavaScript代码库，并创建可以在Windows、macOS和Linux上运行的跨平台应用程序ーー不需要本地开发经验。
    • Electron: 跨平台桌面应用开发框架概览 百态老人 人工智能笔记
      Electron的背景Electron是一个开源框架，允许开发者使用Web技术构建跨平台的桌面应用程序。它最初由GitHub开发，用于构建Atom编辑器，后来发展成为一个独立的项目，支持构建各种桌面应用程序，如VisualStudioCode、Slack、WhatsApp等。Electron的核心优势在于它结合了Chromium的UI能力和Node.js的后端功能，使得前端开发者可以使用熟悉的HT
    • java爬虫jsoup_Java爬虫框架Jsoup学习记录 weixin_33638349
      Jsoup的作用当你想获得某网页的内容，可以使用此框架做个爬虫程序，爬某图片网站的图片(先获得图片地址，之后再借助其他工具下载图片)或者是小说网站的小说内容我使用Jsoup写出的一款小说下载器，小说下载器Jsoup导入1.使用gradle导入compile'org.jsoup:jsoup:1.11.1'2.第三方包导入Jsoup使用1.获得Document本地html文件或者使用javaIO流，则
    • Vue.js 如何塑造现代网络体验 清风孤客 vue.js网络前端
      Vue.js已迅速成为JavaScript框架中的热门之选，以其简洁的设计、灵活性和强大功能而闻名。全球的开发者被Vue.js所吸引，是因为它能极为轻松地构建动态且引人入胜的用户界面。但Vue.js究竟有何用途，又为何如此受欢迎呢？本文将探讨Vue.js及其在各个领域的关键应用。我们将展示开发者如何利用它构建从交互式网络应用、单页应用（SPA）到复杂电子商务网站等各种项目。我们还将讨论其核心特性、
    • Electron 框架详解与最新动态 海豹工匠 electronjavascript前端
      什么是Electron？Electron是由GitHub开发并维护的一个开源框架，旨在使用Web技术（如HTML、CSS和JavaScript）来构建跨平台的桌面应用程序。它嵌入了Chromium和Node.js，使开发者能够使用这些Web技术在桌面环境中构建应用。Electron的核心优势在于其跨平台兼容性，允许开发者编写一次代码，运行在Windows、macOS和Linux平台上。常见的基于E
    • Web框架spring boot/Flask几个概念 badman250 IT学习班
      Web框架springboot/Flask几个概念SpringBoot是由Pivotal团队提供的全新框架，其设计目的是用来简化新Spring应用的初始搭建以及开发过程。该框架使用了特定的方式来进行配置，从而使开发人员不再需要定义样板化的配置。通过这种方式，Boot致力于在蓬勃发展的快速应用开发领域（rapidapplicationdevelopment）成为领导者。安装Node.js下载链接：h
    • Java简单爬虫 jsoup工具包 ax阿楠 java爬虫开发语言前端
      首先导入一个爬虫的工具包:jsoup-1.13.1.jar//测试爬虫的网址(爬取王者荣耀英雄的网址)staticStringurl="https://pvp.qq.com/web201605/herolist.shtml";//文件存放的地址staticStringpath="D://爬虫测试/";publicstaticvoidgetImgs(Stringurl){//加载对应网址上的Html
    • java爬虫工具Jsoup学习 Future_yzx java爬虫学习
      目录前言一、基本使用二、爬取豆瓣电影的案例三、Jsoup能做什么？四、Jsoup相关概念五、Jsoup获取文档六、定位选择元素七、获取数据八、具体案例前言JSoup是一个用于处理HTML的Java库，它提供了一个非常方便类似于使用DOM，CSS和jquery的方法的API来提取和操作数据。一、基本使用org.jsoupjsoup1.13.1二、爬取豆瓣电影的案例publicclassDouBan{
    • MyBatis中SQL写法总结 是Cc哈 mybatissql
      最近MyBatis使用较多，在这里简单总结一下MyBatis的sql写法说简单⼀点mybatis就是写原⽣sql，官⽅都说了mybatis的动态sql语句是基于OGNL表达式的。可以⽅便的在sql语句中实现某些逻辑.总体说来mybatis动态SQL语句主要有以下⼏类:if语句(简单的条件判断)choose(when,otherwize),相当于java语⾔中的switch,与jstl中的choos
    • Netty和Websocket的区别 moton2017 websocket网络协议网络
      Netty和WebSocket没有直接可比性，因为它们在网络编程环境中具有不同的用途。Netty：Netty是一个高性能、事件驱动的网络框架，用于用Java构建网络应用程序。它提供了一组用于处理各种网络协议（例如TCP和UDP）的工具和抽象。Netty通常用于构建需要低延迟、高吞吐量通信的服务器和客户端。Websocket：WebSocket是一种通信协议，可通过单个长期连接提供全双工通信通道。它
    • @JsonCreator 注解 huang_hai_an javaajaxjavascript
      @JsonCreator注解是Jackson库中用于指定如何从JSON数据创建Java对象实例的一个重要工具。它允许你定义一个静态方法（通常是构造函数或静态工厂方法），Jackson在反序列化时会调用这个方法来生成对象实例。@JsonCreator注解可以应用于方法、构造函数或注解类型，并且可以通过mode()属性指定不同的工作模式。@JsonCreator注解的组成部分@Target:指定该注解
    • RiskCloud-基于Markov算法精准的FTA、 JSA、FMEA软件 资讯过客视点 算法
      这个美美的“花蝴蝶”是什么?样式规整、图案美化、脉络清晰、让人眼前一亮!由上海歌略软件科技有限公司自主研发打造,RiskCloud世界领先的企业级整体风险管理解决方案大作!“BowTie领结图”接下来,就让我们携手一起走进RiskCloud-BowTie领结图,一起领略她的风采吧!风险管理领结图介绍20世纪90年代末,领结图作为一种独特的安全管理工具,开始在国外石油化工领域得到较为广泛的应用。基于
    • 如何修改被添加到git中的文件，但是又不想将修改提交？
      场景例如多人工程中，.vscode/settings.json被管理者提交到了git中，但是我本地又有自己想修改的配置，如果直接修改git就会检测到，然后不小心就commit了。解决方案使用gitupdate-index--assume-unchanged命令来忽略本地对.vscode/settings.json的修改：gitupdate-index--assume-unchanged.vscod
    • Vue前端项目构建 踏 浪 vuevuevue-clivue脚手架
      目录1、安装Vue脚手架1.1安装node.js1.2安装npm1.3安装Vue脚手架2、通过Vue脚手架创建项目2.1基于3.x版本的脚手架创建vue项目，这里使用图形界面方式创建。3、启动项目4、项目初始化文件结构5、Vue脚手架自定义配置6、安装Element-UI插件7、使用Element-UI
    • Go语言开发项目文件规范 liberty030706 golang开发语言后端
      1.controllers存放控制器结构体接收请求：从HTTP请求中解析数据（如路径参数、查询参数、请求体等）。调用业务逻辑：与服务层（ServiceLayer）或模型层（ModelLayer）交互，处理业务逻辑。返回响应：根据处理结果返回HTTP响应（如JSON、HTML页面等）。代码示例：packageadminimport"github.com/gin-gonic/gin"typeArtic
    • Electron版本列表 Qlittleboy electronjavascript前端
      Electron是一个使用Chromium和Node.js构建桌面应用程序的框架。它最初由GitHub开发，现在被多个项目和公司使用。Electron版本列表包括了不同的主版本，每个主版本有其特定的Chromium和Node.js版本。截至2023年，Electron的版本列表如下所示（请注意，这些信息可能会有所更新，因此建议查看Electron的官方网站或其GitHub仓库以获取最新信息）：El
    • java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试 好好吃肉 mybatismysql数据库
      java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计校园共享单车管理系统源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据
    • 掌握 npm 登录与登出：使用 npm login 和 npm logout 命令 2401_85743969 npm前端node.js
      npm（NodePackageManager）是JavaScript编程语言的包管理器，广泛用于Node.js项目中管理依赖。npm提供了丰富的功能，包括包的安装、版本管理、发布等。使用npmlogin和npmlogout命令可以与npm仓库进行身份验证和登出操作。本文将详细介绍这两个命令的使用方法和相关场景。一、npmlogin命令的使用npmlogin命令用于在终端中向npm仓库进行身份验证，
    • MacOS系统搭建Appium自动化测试环境 xiangzhihong8 前端macosappium
      一、Appium简介1.1什么是APPiumAPPium是一个开源测试自动化框架，适用于原生、混合或移动Web应用程序的自动化测试工具。APPium使用WebDriver协议驱动iOS、Android等应用程序。APPium具有如下特点：支持多平台（Android、iOS等）。支持多语言（python、java、ruby、js、c#等)。APPium是跨平台的，可以用在OSX，Windows以及L
    • 【2024年华为OD机试】(C卷,100分)- 悄悄话 （Java & JS & Python&C/C++） 妄北y 算法汇集笔记总结(保姆级)华为odc语言javapythonjavascript
      一、问题描述题目描述给定一个二叉树，每个节点上站一个人，节点数字表示父节点到该节点传递悄悄话需要花费的时间。初始时，根节点所在位置的人有一个悄悄话想要传递给其他人，求二叉树所有节点上的人都接收到悄悄话花费的时间。输入描述给定二叉树的层序遍历序列：0920-1-1157-1-1-1-132注：-1表示空节点。输出描述返回所有节点都接收到悄悄话花费的时间。38用例输入0920-1-1157-1-1-1
    • npm、cnpm、pnpm、yarn包管理工具别傻傻分不清楚了 青苔猿猿 nodejsnpm前端node.jspnpmyarncnpmnode包管理器
      干啥的：nodejs的包管理工具。用于自动化处理包的安装、更新、配置和管理。它们之间的主要区别在于它们各自的实现方式、性能优化、以及一些特有的功能。怎么用：1、npm1.1、描述NodePackageManager默认包管理器从npm公共仓库中安装、共享和分发代码包npm在项目中创建一个node_modules文件夹，其中包含所有的依赖项。每个项目的依赖都是独立安装的，这可能会导致重复的包和较大的
    • npm、cnpm、pnpm、yarn的区别 迷途小码农零零发 前端知识库npm前端node.js
      npm,cnpm,pnpm,和yarn都是JavaScript的包管理工具，用于自动化处理包的安装、更新、配置和管理。它们之间的主要区别在于它们各自的实现方式、性能优化、以及一些特有的功能。npmnpm(NodePackageManager)是Node.js的默认包管理器，也是最早被广泛接受和使用的JavaScript包管理工具。它允许用户从npm公共仓库中安装、共享和分发代码包。npm在项目中创
    • React Native常见报错解决整理 飞翔的熊blabla react
      转载于:https://blog.csdn.net/u010127332/article/details/83622209ReactNative从开发环境到入门练手，再到跑几个开源demo的整个过程中，遇到了不少问题，以下是对报错现象及解决方法的记录：Mac上运行iOS项目问题1：npmERR!UnexpectedendofJSONinputwhileparsingnear‘…ire-main-f
    • node.js学习记录——npm下包慢、 VIXeH node.jsnpmnode.js学习
      从npm官网下载速度会很慢，可以从taobao的镜像服务器来下，该指令修改了npm下载包的默认地址，改成了taobao的镜像服务器。npmconfigsetregistry=https://registry.npm.taobao.org/查看是否修改成功更方便的方法//通过npm包管理器，将nrm安装为全局可用的工具npminrm-g//查看所有可用的镜像源nrmls/将下包的镜像源切换为taob
    • Java开发中，spring mvc 的线程怎么调用？ 小麦麦子 springmvc
      今天逛知乎，看到最近很多人都在问spring mvc 的线程http://www.maiziedu.com/course/java/ 的启动问题，觉得挺有意思的，那哥们儿问的也听仔细，下面的回答也很详尽，分享出来，希望遇对遇到类似问题的Java开发程序猿有所帮助。 问题：     在用spring mvc架构的网站上，设一线程在虚拟机启动时运行，线程里有一全局
    • maven依赖范围 bitcarter maven
      1.test 测试的时候才会依赖，编译和打包不依赖，如junit不被打包 2.compile 只有编译和打包时才会依赖 3.provided 编译和测试的时候依赖，打包不依赖，如：tomcat的一些公用jar包 4.runtime 运行时依赖，编译不依赖 5.默认compile 依赖范围compile是支持传递的，test不支持传递 1.传递的意思是项目A，引用
    • Jaxb org.xml.sax.saxparseexception : premature end of file darrenzhu xmlprematureJAXB
      如果在使用JAXB把xml文件unmarshal成vo(XSD自动生成的vo)时碰到如下错误： org.xml.sax.saxparseexception : premature end of file 很有可能时你直接读取文件为inputstream，然后将inputstream作为构建unmarshal需要的source参数。InputSource inputSource = new In
    • CSS Specificity 周凡杨 html权重Specificitycss
        有时候对于页面元素设置了样式，可为什么页面的显示没有匹配上呢？ because specificity CSS 的选择符是有权重的，当不同的选择符的样式设置有冲突时，浏览器会采用权重高的选择符设置的样式。     规则：   HTML标签的权重是1 Class 的权重是10 Id 的权重是100
    • java与servlet g21121 servlet
      servlet 搞java web开发的人一定不会陌生，而且大家还会时常用到它。 下面是java官方网站上对servlet的介绍： java官网对于servlet的解释 写道 Java Servlet Technology Overview Servlets are the Java platform technology of choice for extending and enha
    • eclipse中安装maven插件 510888780 eclipsemaven
      1.首先去官网下载 Maven： http://www.apache.org/dyn/closer.cgi/maven/binaries/apache-maven-3.2.3-bin.tar.gz 下载完成之后将其解压， 我将解压后的文件夹：apache-maven-3.2.3， 并将它放在 D:\tools目录下， 即 maven 最终的路径是：D:\tools\apache-mave
    • jpa@OneToOne关联关系 布衣凌宇 jpa
      Nruser里的pruserid关联到Pruser的主键id，实现对一个表的增删改，另一个表的数据随之增删改。 Nruser实体类 //***************************************************************** @Entity @Table(name="nruser") @DynamicInsert @Dynam
    • 我的spring学习笔记11-Spring中关于声明式事务的配置 aijuans spring事务配置
      这两天学到事务管理这一块，结合到之前的terasoluna框架，觉得书本上讲的还是简单阿。我就把我从书本上学到的再结合实际的项目以及网上看到的一些内容，对声明式事务管理做个整理吧。我看得Spring in Action第二版中只提到了用TransactionProxyFactoryBean和<tx:advice/>,定义注释驱动这三种，我承认后两种的内容很好，很强大。但是实际的项目当中
    • java 动态代理简单实现 antlove javahandlerproxydynamicservice
      dynamicproxy.service.HelloService package dynamicproxy.service; public interface HelloService { public void sayHello(); }   dynamicproxy.service.impl.HelloServiceImpl package dynamicp
    • JDBC连接数据库 百合不是茶 JDBC编程JAVA操作oracle数据库
               如果我们要想连接oracle公司的数据库，就要首先下载oralce公司的驱动程序，将这个驱动程序的jar包导入到我们工程中;   JDBC链接数据库的代码和固定写法;     1,加载oracle数据库的驱动;     &nb
    • 单例模式中的多线程分析 bijian1013 javathread多线程java多线程
      谈到单例模式，我们立马会想到饿汉式和懒汉式加载，所谓饿汉式就是在创建类时就创建好了实例，懒汉式在获取实例时才去创建实例，即延迟加载。 饿汉式： package com.bijian.study; public class Singleton { private Singleton() { } // 注意这是private 只供内部调用 private static
    • javascript读取和修改原型特别需要注意原型的读写不具有对等性 bijian1013 JavaScriptprototype
              对于从原型对象继承而来的成员，其读和写具有内在的不对等性。比如有一个对象A，假设它的原型对象是B，B的原型对象是null。如果我们需要读取A对象的name属性值，那么JS会优先在A中查找，如果找到了name属性那么就返回；如果A中没有name属性，那么就到原型B中查找name，如果找到了就返回；如果原型B中也没有
    • 【持久化框架MyBatis3六】MyBatis3集成第三方DataSource bit1129 dataSource
      MyBatis内置了数据源的支持，如：   <environments default="development"> <environment id="development"> <transactionManager type="JDBC" /> <data
    • 我程序中用到的urldecode和base64decode,MD5 bitcarter cMD5base64decodeurldecode
      这里是base64decode和urldecode，Md5在附件中。因为我是在后台所以需要解码： string Base64Decode(const char* Data,int DataByte,int& OutByte) { //解码表 const char DecodeTable[] = { 0, 0, 0, 0, 0, 0
    • 腾讯资深运维专家周小军：QQ与微信架构的惊天秘密 ronin47
      社交领域一直是互联网创业的大热门，从PC到移动端，从OICQ、MSN到QQ。到了移动互联网时代，社交领域应用开始彻底爆发，直奔黄金期。腾讯在过去几年里，社交平台更是火到爆，QQ和微信坐拥几亿的粉丝，QQ空间和朋友圈各种刷屏，写心得，晒照片，秀视频，那么谁来为企鹅保驾护航呢？支撑QQ和微信海量数据背后的架构又有哪些惊天内幕呢？本期大讲堂的内容来自今年2月份ChinaUnix对腾讯社交网络运营服务中心
    • java-69-旋转数组的最小元素。把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素 bylijinnan java
      public class MinOfShiftedArray { /** * Q69 旋转数组的最小元素 * 把一个数组最开始的若干个元素搬到数组的末尾，我们称之为数组的旋转。输入一个排好序的数组的一个旋转，输出旋转数组的最小元素。 * 例如数组{3, 4, 5, 1, 2}为{1, 2, 3, 4, 5}的一个旋转，该数组的最小值为1。 */ publ
    • 看博客，应该是有方向的 Cb123456 反省看博客
      看博客，应该是有方向的:  我现在就复习以前的，在补补以前不会的，现在还不会的，同时完善完善项目，也看看别人的博客.  我刚突然想到的:  1.应该看计算机组成原理，数据结构，一些算法，还有关于android,java的。  2.对于我，也快大四了，看一些职业规划的，以及一些学习的经验，看看别人的工作总结的.    为什么要写
    • [开源与商业]做开源项目的人生活上一定要朴素,尽量减少对官方和商业体系的依赖 comsci 开源项目
           为什么这样说呢？  因为科学和技术的发展有时候需要一个平缓和长期的积累过程，但是行政和商业体系本身充满各种不稳定性和不确定性，如果你希望长期从事某个科研项目，但是却又必须依赖于某种行政和商业体系，那其中的过程必定充满各种风险。。。       所以，为避免这种不确定性风险，我
    • 一个 sql优化 （[精华] 一个查询优化的分析调整全过程！很值得一看 ） cwqcwqmax9 sql
      见   http://www.itpub.net/forum.php?mod=viewthread&tid=239011 Web翻页优化实例 提交时间: 2004-6-18 15:37:49      回复    发消息  环境： Linux ve
    • Hibernat and Ibatis dashuaifu Hibernateibatis
      Hibernate  VS  iBATIS 简介 Hibernate 是当前最流行的O/R mapping框架，当前版本是3.05。它出身于sf.net，现在已经成为Jboss的一部分了 iBATIS 是另外一种优秀的O/R mapping框架，当前版本是2.0。目前属于apache的一个子项目了。 相对Hibernate“O/R”而言，iBATIS 是一种“Sql Mappi
    • 备份MYSQL脚本 dcj3sjt126com mysql
      #!/bin/sh # this shell to backup mysql #[email protected] (QQ:1413161683 DuChengJiu) _dbDir=/var/lib/mysql/ _today=`date +%w` _bakDir=/usr/backup/$_today [ ! -d $_bakDir ] && mkdir -p
    • iOS第三方开源库的吐槽和备忘 dcj3sjt126com ios
      转自 ibireme的博客   做iOS开发总会接触到一些第三方库，这里整理一下，做一些吐槽。   目前比较活跃的社区仍旧是Github，除此以外也有一些不错的库散落在Google Code、SourceForge等地方。由于Github社区太过主流，这里主要介绍一下Github里面流行的iOS库。   首先整理了一份 Github上排名靠
    • html wlwmanifest.xml eoems htmlxml
      所谓优化wp_head()就是把从wp_head中移除不需要元素，同时也可以加快速度。 步骤： 加入到function.php remove_action('wp_head', 'wp_generator'); //wp-generator移除wordpress的版本号，本身blog的版本号没什么意义，但是如果让恶意玩家看到，可能会用官网公布的漏洞攻击blog remov
    • 浅谈Java定时器发展 hacksin java并发timer定时器
      java在jdk1.3中推出了定时器类Timer,而后在jdk1.5后由Dou Lea从新开发出了支持多线程的ScheduleThreadPoolExecutor，从后者的表现来看，可以考虑完全替代Timer了。 Timer与ScheduleThreadPoolExecutor对比： 1.    Timer始于jdk1.3,其原理是利用一个TimerTask数组当作队列
    • 移动端页面侧边导航滑入效果 ini jqueryWebhtml5cssjavascirpt
      效果体验：http://hovertree.com/texiao/mobile/2.htm可以使用移动设备浏览器查看效果。效果使用到jquery-2.1.4.min.js，该版本的jQuery库是用于支持HTML5的浏览器上，不再兼容IE8以前的浏览器，现在移动端浏览器一般都支持HTML5，所以使用该jQuery没问题。HTML文件代码： <!DOCTYPE html> <h
    • AspectJ+Javasist记录日志 kane_xie aspectjjavasist
      在项目中碰到这样一个需求，对一个服务类的每一个方法，在方法开始和结束的时候分别记录一条日志，内容包括方法名，参数名+参数值以及方法执行的时间。   @Override public String get(String key) { // long start = System.currentTimeMillis(); // System.out.println("Be
    • redis学习笔记 MJC410621 redisNoSQL
      1)nosql数据库主要由以下特点：非关系型的、分布式的、开源的、水平可扩展的。 1，处理超大量的数据 2，运行在便宜的PC服务器集群上， 3，击碎了性能瓶颈。 1)对数据高并发读写。 2)对海量数据的高效率存储和访问。 3)对数据的高扩展性和高可用性。 redis支持的类型： Sring 类型 set name lijie get name lijie set na
    • 使用redis实现分布式锁 qifeifei
      在多节点的系统中，如何实现分布式锁机制，其中用redis来实现是很好的方法之一，我们先来看一下jedis包中，有个类名BinaryJedis,它有个方法如下：   public Long setnx(final byte[] key, final byte[] value) { checkIsInMulti(); client.setnx(key, value); ret
    • BI并非万能，中层业务管理报表要另辟蹊径 张老师的菜 大数据BI商业智能信息化
             BI是商业智能的缩写，是可以帮助企业做出明智的业务经营决策的工具，其数据来源于各个业务系统，如ERP、CRM、SCM、进销存、HER、OA等。        BI系统不同于传统的管理信息系统，他号称是一个整体应用的解决方案，是融入管理思想的强大系统：有着系统整体的设计思想，支持对所有
    • 安装rvm后出现rvm not a function 或者ruby -v后提示没安装ruby的问题 wudixiaotie function
      1.在~/.bashrc最后加入 [[ -s "$HOME/.rvm/scripts/rvm" ]] && source "$HOME/.rvm/scripts/rvm"  2.重新启动terminal输入：   rvm use ruby-2.2.1 --default  把当前安装的ruby版本设为默
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他