[译] 第二十六天：TogetherJS - 协同开发

前言

今天的30天挑战，我决定从Mozilla学习一个很酷的新JavaScript库，TogetherJS.几个月前，我给最新版本的Java 8写了在线Java编辑器。今天，我们来学习怎样用TogetherJS给TryJava 8程序添加协同功能。

[译] 第二十六天：TogetherJS - 协同开发 

什么是TogetherJS?

TogetherJS是基于JavaScript库的开源HTML5, 允许用户实时协作开发。它添加了像所有web程序里的Google Drive一样的工具。同时它也能让两个或多个用户通过WebRTC文字或语音聊天。使用TogetherJS的多个用户可以在同一个页面上交互，能看到对方的光标，编辑和同时浏览一个页面。最新的Firefox, Chrome和Safari都支持。 

TogetherJS Demo

为了展示TogetherJS, 我给TryJava8添加了协同功能，OpenShift有在线程序 http://tryjava-t20.rhcloud.com/. 

要查看程序，在两个浏览器打开，我用了Chrome和Safari.

[译] 第二十六天：TogetherJS - 协同开发

接着，点击Start TogetherJS开始一个新的TogetherJS会议，用户会看到一个确认窗口，是否准备好开始新会议。

[译] 第二十六天：TogetherJS - 协同开发 

在点击I'm Ready前，用户可以更换名字和头像，我都用的真实的。然后，点I'm Ready.

[译] 第二十六天：TogetherJS - 协同开发 

用户会给出一个链接用于共享给其他用户。

[译] 第二十六天：TogetherJS - 协同开发 

在第二个浏览器，打开邀请链接，用户会得到一个邀请加入会议的确认窗口。

[译] 第二十六天：TogetherJS - 协同开发

加入会议后，被邀用户能看到邀请者在他屏幕上的任何操作。

[译] 第二十六天：TogetherJS - 协同开发 

被邀用户写一个简单的Hello World Java程序，邀请者也同时能看到代码，且不需要任何操作。

[译] 第二十六天：TogetherJS - 协同开发 

邀请这打开聊天窗口发送信息给用户。

[译] 第二十六天：TogetherJS - 协同开发

用户能接收到信息。

[译] 第二十六天：TogetherJS - 协同开发 

一个用户修冒号错误，另一个用户能同时得到更新。

[译] 第二十六天：TogetherJS - 协同开发

邀请者运行程序，结束TogetherJS会议。

[译] 第二十六天：TogetherJS - 协同开发 

Github仓库

今天的demo放在github: day26-togetherjs-demo. 

前提准备

我们用Harp作为静态web服务器，Harp需要NodeJS和node.js自带的NPM包管理器。你可以从官网下载最新的NodeJS,下载和安装后，我们用NPM安装Harp.

$ npm install -g harp
View Code

开发TogetherJS程序

在你机器上新建路径。

$ mkdir day26demo

$ cd day26demo

$ touch index.html
View Code

以上命令会在你本地创建day26demo目录，然后创建一个空的index.html文件。 

复制以下代码粘贴到index.html中。

<!doctype html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta name="description" content="Run Java 8 in Cloud">

<meta name="author" content="Shekhar Gulati">

<title>TryJava8 | Run Java 8 in Cloud | Powered by OpenShift</title>

 

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/codemirror.css">

<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/codemirror.min.js"></script>

<script src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/addon/edit/matchbrackets.js"></script>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/codemirror/3.19.0/mode/clike/clike.js"></script>

<style>

.CodeMirror {

    border: 2px inset #dee;

}

body{

    padding-top: 80px;

}

</style> 

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">

</head> 

<body>

    <nav class="navbar navbar-default navbar-inverse navbar-fixed-top" role="navigation"> 

  <div class="navbar-header">

    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">

      <span class="sr-only">Toggle navigation</span>

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

      <span class="icon-bar"></span>

    </button>

    <a class="navbar-brand" href="/">TryJava</a>

  </div> 

  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

    <ul class="nav navbar-nav">

      <li class="active"><a href="/">Home</a></li>

    </ul>

   </div>

</nav> 

    <div class="jumbotron container">

        <h1>TryJava8 -- Free , Online Java 8 Code Editor</h1>

        <p>Write your Java 8 code online anywhere , anytime...</p> 

      </div> 

    <div class="container"> 

        <div class="row">

            <div class="col-md-7">

                <h2>Run your Java 8 Code</h2>

                <form id="codeForm">

                    <div class="control-group">

                        <div class="controls">

                            <textarea id="code" name="code"

                                placeholder="Write your Java8 Code"></textarea>

                        </div>

                    </div>

                    <div class="control-group">

                        <div class="controls">

                            <button type="submit" class="btn btn-success">Run Code</button>

                        </div>

                    </div>

                </form> 

            </div> 

            <div id="outputBox" class="col-md-4 col-md-offset-1"> 

                <div id="resultRow" class="row">

                    <h2>Program Output</h2>

                    <div id="result" class="col-md-4"></div>

                </div> 

            </div> 

        </div> 

        <hr> 

        <footer id="footer">

            <p>&copy; Shekhar Gulati 2013</p>

 

            <p>

                Made with love by <a href="https://twitter.com/shekhargulati/"

                    target="_blank">Shekhar Gulati</a>. Contact him at <a

                    href="mailto:[email protected]">[email protected]</a>.

            </p>

            <p>

                <a href="https://www.openshift.com/" target="_blank"><img

                    alt="Powered by OpenShift"

                    src="https://www.openshift.com/sites/default/files/images/powered-transparent-black.png"></a>

            </p> 

        </footer> 

    </div> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>

 

    <script>

        var editor = CodeMirror.fromTextArea(document.getElementById("code"), {

            lineNumbers : true,

            matchBrackets : true,

            mode : "text/x-java"

        });

    </script> 

 

</body>

</html>
View Code

运行Java程序

现在用jQuery添加代码用来发送POST请求去执行Java代码，添加以下代码到index.html后面，</body>之前。

<script type="text/javascript">

        $("#codeForm").submit(

            function(event) {

                event.preventDefault();

                $("#status").empty();

                $("#result").empty();

                var code = $('textarea').val();

                if (!code) {

                    alert("Please write some code");

                    return;

                }

                var data = {code : code};

                var url = "http://tryjava-t20.rhcloud.com/api/snippets";

                $.ajax( url,

                        {

                            data : JSON.stringify(data),

                            crossDomain : true,

                            contentType : 'application/json',

                            type : 'POST',

                            async : true,

                            success : function(result) {

                                $("#resultRow").show();

                                if (result.compilerOutput != 0) {

                                    $("#result").append("<p class='text-error'>"+ result.result + "</p>");

                                } else if (result.verdict === "FAILURE") {

                                    $("#result").append("<p class='text-error'>"+ result.result+ "</p>");

                                } else {

                                    $("#result").append("<p class='text-success'>"+ result.result+ "</p>");

                                }

                            },

                            error : function() {

                                alert("Something wrong happened on the server");

                            }

                        });

            });

    </script>
View Code

添加协同功能

现在用TogetherJS添加协同能力，先加TogetherJS JavaScript库到index.html.

<script src="//togetherjs.com/togetherjs-min.js"></script>
View Code

然后在Run Code按钮后面添加一个按钮用于激活协同功能。

<button class="btn btn-info" onclick="TogetherJS(this); return false;">Start TogetherJS</button>
View Code

然后重新加载浏览器，可以看到Start TogetherJS按钮，点击按钮，TogetherJS(this)会初始化库，显示一个确认窗口，然后用户能看到其他用户的光标，点击，更改表格，和页面上任何改动。 

TogetherJS会议在你开始(特指初始)他们的时候是连接到域里的，所以如果你的其他页面在另一个域里，用户不能在不同域交互，即使一个是http一个是https. 

想配置自己的TryJava程序

可以，你可以在云上部署你私有的TryJava，前后端代码都是开源的。 

在部署到OpenShift上之前，需要先做几步：

  1. 在OpenShift上注册。OpenShift完全免费，红帽给每个用户免费提供了3个Gears来运行程序。目前，这个资源分配合计有每人1.5GB内存，3GB磁盘空间。
  2. 在本机安装rhc 客户端工具，rhc是ruby gem包，所以你需要安装1.8.7或以上版本的ruby。安装rhc，输入 sudo gem install rhc. 如果已经安装了，确保是最新的，要更新rhc,输入sudo gem update rhc. 想了解rhc command-line 工具，更多帮助参考 https://www.openshift.com/developers/rhc-client-tools-install.
  3. 用rhc setup 命令安装OpenShift. 执行命令可以帮你创建空间，上传ssh 密钥到OpenShift服务器。 

安装后，可以运行以下命令创建OpenShift程序。

$ rhc create-app tryjava diy mongodb-2 --from-code https://github.com/shekhargulati/tryjava.git
View Code

它会执行所有从创建程序，到设置公共DNS, 到创建git私有仓库，最后用Github仓库的代码发布应用。程序运行在 http://tryjava-t20.rhcloud.com// 

这是今天的内容，继续给反馈吧。 

原文：https://www.openshift.com/blogs/day-26-togetherjs-lets-code-together

你可能感兴趣的:(get)

  • 计算机视觉 OpenCV Android | Mat像素操作（图像像素的读写、均值方差、算术、逻辑等运算、权重叠加、归一化等操作）... 凌川江雪
    本文目录1.像素读写2.图像通道与均值方差计算3.算术操作与调整图像的亮度和对比度4.基于权重的图像叠加5.Mat的其他各种像素操作1.像素读写Mat作为图像容器，其数据部分存储了图像的像素数据，我们可以通过相关的API来获取图像数据部分；在获取图像数据的时候，知道Mat的类型与通道数目关重要，根据Mat的类型与通道数目，开辟适当大小的内存空间，然后通过get方法就可以循环实现每个像素点值的读取、
  • php 输出pdf流文件,php使用tcpdf导出pdf文件 传兮留学Transit php输出pdf流文件
    需求:将页面中内容以pdf形式导出准备:TCPDF地址：https://tcpdf.org/思路:前端获取到要导出页面的html传递给后端，后端通过tcpdf来进行导出操作。前端代码如下://......//要导出的内容//......导出pdf//......functionexPdf(){varhtml=document.getElementById("pdf-content").innerH
  • Python爬虫设置代理IP 菜鸟驿站2020 python
    配置代理ipfrombs4importBeautifulSoupimportrequestsimportrandom#从ip代理网站获取ip列表defget_ip_list(url,headers):web_data=requests.get(url,headers=headers)soup=BeautifulSoup(web_data.text,'lxml')ips=soup.find_all(
  • 17.RestClient实现数据聚合功能带过滤条件 卷土重来… windows
    @OverridepublicMap>filters(RequestParamsparam){Map>res=newHashMapbrandList=getAggByName(aggregations,"brandAgg");ListcityList=getAggByName(aggregations,"cityAgg");ListstarList=getAggByName(aggregation
  • axios的使用以及封装 whhhhhhhhhw 前端vue.jsjavascript学习axios
    前言：在现代前端开发中，网络请求是不可避免的核心功能之一。无论是获取后端数据、提交表单信息，还是与第三方API交互，高效且可靠的HTTP请求库至关重要。axios作为一款基于Promise的HTTP客户端，凭借其简洁的API设计、强大的拦截器机制以及广泛的浏览器和Node.js兼容性，成为开发者首选的工具之一。axios不仅提供了基础的GET、POST等请求方法，还支持请求和响应的拦截、取消请求、
  • 【福利】简单记录免费的卡密系统 小锋学长生活大爆炸 学习之旅卡密发卡独角兽免签
    转载请注明出处：小锋学长生活大爆炸[xfxuezhang.cn]目录环境搭建独角数卡——发卡用V免签——收款用网络验证——验证用独角数卡与V免签的对接说明体验网址环境搭建#宝塔wget-Oinstall.shhttps://download.bt.cn/install/install-ubuntu_6.0.sh&&sudobashinstall.shed8484bec#Dockersudoapti
  • .wgt 是一种用于打包 Web 应用的标准格式，主要应用于 W3C Widgets 规范中。它是一种轻量级的打包方式，特别适用于移动设备和嵌入式系统中的小型 Web 应用程序 爱的叹息 开发运维架构前端
    .wgt是一种用于打包Web应用的标准格式，主要应用于W3CWidgets规范中。它是一种轻量级的打包方式，特别适用于移动设备和嵌入式系统中的小型Web应用程序。一、什么是.wgt包？.wgt是一个压缩包（本质是ZIP格式），包含运行一个Widget所需的所有资源文件。它遵循W3C的WidgetsPackagingandConfiguration规范。可以被支持的平台（如某些手机操作系统、车载系统
  • UE4官方文档阅读笔记——蓝图可视化编程 毛甘木 UE4ue4
    UE4蓝图官方文档阅读笔记蓝图中的结构体变量拆分结构体Break组成结构体Make修改结构体中个别成员SetMemberinStruct自定义结构体内容浏览器-创建高级资源-蓝图-结构体蓝图数组Add添加元素到末尾ClearContainsFilterArrayFindGetInsertLastLengthRemoveRemoveIndexResizeSetArrayElem<
  • SpringBoot返回文件让前端下载的几种方式 一朵梨花压海棠go springboot前端后端
    01背景在后端开发中，通常会有文件下载的需求，常用的解决方案有两种：不通过后端应用，直接使用nginx直接转发文件地址下载（适用于一些公开的文件，因为这里不需要授权）通过后端进行下载，同时进行一些业务处理本篇主要以方法2进行介绍，方法2的原理步骤如下：读取文件，得到文件的字节流将字节流写入到响应输出流中02一次性读取到内存，通过响应输出流输出到前端@GetMapping("/file/downlo
  • baigeiRSA--攻防世界 KD杜小帅 密码学-RSA系列密码学python网络安全
    下载看到附件：importlibnumfromCrypto.Utilimportnumberfromsecretimportflagsize=128e=65537p=number.getPrime(size)q=number.getPrime(size)n=p*qm=libnum.s2n(flag)c=pow(m,e,n)print('n=%d'%n)print('c=%d'%c)n=885030
  • Linux下载Google Chrome OKay_J linuxchrome经验分享笔记
    不同发行版上安装GoogleChrome在Ubuntu、Debian和LinuxMint上安装在RedHat、CentOS和Fedora上安装在ArchLinux和Manjaro上安装首先更新安装包sudoapt-getupdate在Ubuntu、Debian和LinuxMint上安装输入以下命令wgethttps://dl.google.com/linux/direct/google-chrom
  • WSL快速在Ubuntu或者Debian安装golang、python、deno、nodejs、java前后端全栈一体化开发环境配置 怪我冷i 云原生ubuntudebiangolangAI写作AI编程
    安装golang#移除旧版本（如有）sudoaptremove--autoremove-ygolang#下载最新版（替换为官网最新版本号）wgethttps://go.dev/dl/go1.24.4.linux-amd64.tar.gz#解压到/usr/localsudorm-rf/usr/local/gosudotar-C/usr/local-xzfgo1.24.4.linux-amd64.ta
  • Git安装前的准备工作及避坑指南 zzywxc787 开发语言人工智能大数据
    一、安装前的准备工作检查系统环境Windows：建议使用Windows10/11，64位系统。macOS：确保系统版本≥10.15（Catalina）。Linux：推荐Ubuntu20.04+、Debian10+或CentOS7+。卸载旧版本安装前删除旧版Git：bash#Linux/macOSsudoapt-getremovegit#Debian/Ubuntusudoyumremovegit#C
  • 【Linux】环境变量——干货讲解 代码程序猿RIP Linuxlinux
    提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录一、环境变量核心概念1.什么是环境变量？2.环境变量的存储结构3.常见环境变量及作用二、环境变量管理命令1.查看环境变量2.设置环境变量3.删除环境变量4.变量操作技巧三、环境变量在编程中的应用1.C语言获取环境变量的三种方式方法1：main函数参数方法2：extern声明environ方法3：getenv获取特定变量2.环境
  • sda剩余的存储空间分配到sda2根目录（/）
    sda8:0080G0disk├─sda18:101M0part└─sda28:2040G0part/sr011:013G0rom步骤1：检查分区布局使用lsblk或fdisk确认剩余空间的位置：sudofdisk-l/dev/sda确保剩余空间紧接在sda2分区之后。步骤2：安装必要工具确保已安装cloud-utils和e2fsprogs：sudoapt-getupdate&&sudoapt-g
  • Arduino DS18B20编译错误解决方法 木子欢儿
    DS18B20.cpp:Inmemberfunction'uint8_tDS18B20::getResolution()':DS18B20.cpp:101:1:error:controlreachesendofnon-voidfunction[-Werror=return-type]101|}|^cc1plus.exe:somewarningsbeingtreatedaserrorsexitsta
  • Swift中常用的关键字 ~废弃回忆 �༄ swiftswiftSwift中常用的关键字
    1.@autoclosure允许你将一个表达式自动包装成闭包，从而延迟表达式的求值.在传参的过程中他可以将函数变成字符串类型.//定义一个接受自动闭包的函数funcmeasurePerformance(_task:@autoclosure()->Void){letstartTime=CFAbsoluteTimeGetCurrent()task()letendTime=CFAbsoluteTimeG
  • JSON数据格式的序列化和反序列化jackson针对首字母小学的字段返回序列化后第2个大写字母也变成小写的问题处理 会飞的哈士奇 json
    SpringBoot类属性”第二个字母大写“反序列化问题。key第二个字母大写会被转成小写,这个为jackson的bug。后台:StringpName;publicStringgetPName(){returnpName;}前台:{pname:'xxx'}解决方案：使用@JsonProperty("pName")注解类属性，指定错误反序列化后的属性名后台:StringpName;@JsonProp
  • 基于HTML的悬窗可拖动记事本 孤水寒月 htmlcss前端
    基于HTML的悬窗可拖动记事本这款记事本全部使用HTML+CSS+JS实现，可以在浏览器中实现悬浮可拖动的记事本，所有内容存储在浏览器中，清除缓存后将会丢失记事本内容效果展示实现代码Note+×保存删除//拖动逻辑constdraggableWindow=document.getElementById('draggableWindowNote');constdragHeader=doc
  • Android 中 函数实现多个返回值的几种方式
    在编程中，函数通常只能返回一个值。但通过使用对象封装、Pair、Triple、数组、列表或Bundle方式，可以轻松地返回多个值。1、对象封装方式创建数据类来封装需要返回的多个值。dataclassResult(valcode:Int,valmessage:String)fungetMultiValues():Result{returnResult(1,"success")}//调用方式valre
  • 2.setuptools使用 行循自然-kimi 深度学习python
    setuptools使用安装pippipinstallsetuptoolsapt源安装apt-getinstallpython-setuptools使用模块安装easy_installpackage-name模块卸载easy_install-mpackage-name使用setuptools来配置工程在工程目录下面新建setup.py.增加内容fromsetuptoolsimportsetup,f
  • 大数据集群架构hadoop集群、Hbase集群、zookeeper、kafka、spark、flink、doris、dataeas(二) 争取不加班！ hadoophbasezookeeper大数据运维
    zookeeper单节点部署wget-chttps://dlcdn.apache.org/zookeeper/zookeeper-3.8.4/apache-zookeeper-3.8.4-bin.tar.gz下载地址tarxfapache-zookeeper-3.8.4-bin.tar.gz-C/data/&&mv/data/apache-zookeeper-3.8.4-bin//data/zoo
  • 折线图多数据处理 lifelalala 后端java
    前言：skline1有年份和新申请单位数，skline2有年份和有效期内单位数，我想要把1和2的年份放在一起从小到大放，没有重复的，新申请单位数和有效期内单位数和年份的排列顺序一致实现：//获取原始数据List>skLine1=bmzgConfidentQualifyManageService.getSkLine1();List>skLine2=bmzgConfidentQualifyManage
  • WPF实现一个播放音乐和视频的应用 code_shenbing WPFwpf音视频C#
    一、项目准备创建WPF项目在VisualStudio中新建WPFApp(.NETFramework)项目命名为"MediaPlayerApp"添加必要的NuGet包Install-PackageMicrosoft.WindowsAPICodePack-ShellInstall-PackageTagLibSharp二、界面设计1.主窗口XAML(MainWindow.xaml)三、代码实现1.主窗口
  • PHP后台代码解决跨域问题 Happiness&Rich php跨域
    在前端里面，解决跨域的时候总显得那么的恶心，什么jsonp啊，ajax啊，CORS啊什么的，总觉得是在钻空子进行跨域，其实在PHP文件里面只需要加一段代码就可以跨域了，前端你该怎么写还是怎么写，post，get随便用：header("Access-Control-Allow-Origin:*");header('Access-Control-Allow-Methods:POST');header(
  • jQuery UI MultiSelect Widget 使用教程 蒙丁啸Sharp
    jQueryUIMultiSelectWidget使用教程jquery-ui-multiselect-widgetjQueryUIMultiSelectwidget项目地址:https://gitcode.com/gh_mirrors/jq/jquery-ui-multiselect-widget1.项目的目录结构及介绍jQueryUIMultiSelectWidget项目的目录结构如下：jque
  • 小红书按关键词搜索商品列表API接口操作流程 蓝倾976 数据库前端linux开放API电商开放平台API接口
    一、接口获取与权限申请注册与认证访问小红书开放平台/万邦开放平台，注册开发者账号并完成企业认证。在控制台创建应用，选择“商品搜索”相关接口权限（如item_search），提交申请并等待审核。获取凭证审核通过后，在应用详情页获取app_key（API密钥）和app_secret（加密密钥）。二、接口调用方式请求地址bashGEThttps://api.xiaohongshu.com/v1/sear
  • flutter滑块验证 zqwily flutterandroid
    import'dart:convert';import'dart:math';import'package:flutter/cupertino.dart';import'package:flutter/material.dart';import'package:toptongpin/app/common/widgets/image/local_image.dart';import'package:
  • flutter开发之状态管理、路由管理、 马拉萨的春天 flutter开发一天一读flutter前端javascript
    2.3状态管理#2.3.1简介响应式的编程框架中都会有一个永恒的主题——“状态(State)管理”，无论是在React/Vue（两者都是支持响应式编程的Web开发框架）还是Flutter中，他们讨论的问题和解决的思想都是一致的。所以，如果你对React/Vue的状态管理有了解，可以跳过本节。言归正传，我们想一个问题，StatefulWidget的状态应该被谁管理？Widget本身？父Widget？
  • Flutter：fl_chart 曲线图 sunly_ Flutter：布局组件flutter
    #图表fl_chart:^0.69.0//示例数据//prices=[1.05,1.05,1.05,1.051.05,1.05,1.05,1.05]//资产曲线图Widget_buildAssetsCurve(){returnbuildLineChart(Get.context!,item.prices??[],item.increaseStr??'');}//资产曲线图方法，参考CoinPage
  • java Illegal overloaded getter method with ambiguous type for propert的解决 zwllxs javajdk
    好久不来iteye,今天又来看看，哈哈,今天碰到在编码时，反射中会抛出 Illegal overloaded getter method with ambiguous type for propert这么个东东，从字面意思看，是反射在获取getter时迷惑了，然后回想起java在boolean值在生成getter时，分别有is和getter，也许我们的反射对象中就有is开头的方法迷惑了jdk，
  • IT人应当知道的10个行业小内幕 beijingjava 工作互联网
    10. 虽然IT业的薪酬比其他很多行业要好，但有公司因此视你为其“佣人”。 　　尽管IT人士的薪水没有互联网泡沫之前要好，但和其他行业人士比较，IT人的薪资还算好点。在接下的几十年中，科技在商业和社会发展中所占分量会一直增加，所以我们完全有理由相信，IT专业人才的需求量也不会减少。 　　然而，正因为IT人士的薪水普遍较高，所以有些公司认为给了你这么多钱，就把你看成是公司的“佣人”，拥有你的支配
  • java 实现自定义链表 CrazyMizzz java数据结构
    1.链表结构   链表是链式的结构 2.链表的组成    链表是由头节点，中间节点和尾节点组成    节点是由两个部分组成：       1.数据域       2.引用域 3.链表的实现 &nbs
  • web项目发布到服务器后图片过一会儿消失 麦田的设计者 struts2上传图片永久保存
      作为一名学习了android和j2ee的程序员，我们必须要意识到，客服端和服务器端的交互是很有必要的，比如你用eclipse写了一个web工程，并且发布到了服务器（tomcat）上，这时你在webapps目录下看到了你发布的web工程，你可以打开电脑的浏览器输入http://localhost:8080/工程/路径访问里面的资源。但是，有时你会突然的发现之前用struts2上传的图片
  • CodeIgniter框架Cart类 name 不能设置中文的解决方法 IT独行者 CodeIgniterCart框架　
    今天试用了一下CodeIgniter的Cart类时遇到了个小问题，发现当name的值为中文时，就写入不了session。在这里特别提醒一下。 在CI手册里也有说明，如下： $data = array( 'id' => 'sku_123ABC', 'qty' => 1, '
  • linux回收站 _wy_ linux回收站
    今天一不小心在ubuntu下把一个文件移动到了回收站，我并不想删，手误了。我急忙到Nautilus下的回收站中准备恢复它，但是里面居然什么都没有。     后来我发现这是由于我删文件的地方不在HOME所在的分区，而是在另一个独立的Linux分区下，这是我专门用于开发的分区。而我删除的东东在分区根目录下的.Trash-1000/file目录下，相关的删除信息（删除时间和文件所在
  • jquery回到页面顶端 知了ing htmljquerycss
    html代码： <h1 id="anchor">页面标题</h1> <div id="container">页面内容</div> <p><a href="#anchor" class="topLink">回到顶端</a><
  • B树、B-树、B+树、B*树 矮蛋蛋 B树
    原文地址： http://www.cnblogs.com/oldhorse/archive/2009/11/16/1604009.html B树        即二叉搜索树：        1.所有非叶子结点至多拥有两个儿子（Left和Right）； &nb
  • 数据库连接池 alafqq 数据库连接池
    http://www.cnblogs.com/xdp-gacl/p/4002804.html @Anthor:孤傲苍狼 数据库连接池 用MySQLv5版本的数据库驱动没有问题，使用MySQLv6和Oracle的数据库驱动时候报如下错误： java.lang.ClassCastException: $Proxy0 cannot be cast to java.sql.Connec
  • java泛型 百合不是茶 java泛型
    泛型 在Java SE 1.5之前，没有泛型的情况的下，通过对类型Object的引用来实现参数的“任意化”，任意化的缺点就是要实行强制转换，这种强制转换可能会带来不安全的隐患   泛型的特点：消除强制转换 确保类型安全 向后兼容   简单泛型的定义：      泛型：就是在类中将其模糊化，在创建对象的时候再具体定义 class fan
  • javascript闭包[两个小测试例子] bijian1013 JavaScriptJavaScript
    一.程序一 <script> var name = "The Window"; var Object_a = { 　　name : "My Object", 　　getNameFunc : function(){ var that = this; 　　　　return function(){ 　　　　
  • 探索JUnit4扩展：假设机制（Assumption） bijian1013 javaAssumptionJUnit单元测试
    一.假设机制（Assumption）概述        理想情况下，写测试用例的开发人员可以明确的知道所有导致他们所写的测试用例不通过的地方，但是有的时候，这些导致测试用例不通过的地方并不是很容易的被发现，可能隐藏得很深，从而导致开发人员在写测试用例时很难预测到这些因素，而且往往这些因素并不是开发人员当初设计测试用例时真正目的，
  • 【Gson四】范型POJO的反序列化 bit1129 POJO
    在下面这个例子中，POJO(Data类)是一个范型类，在Tests中，指定范型类为PieceData，POJO初始化完成后，通过 String str = new Gson().toJson(data); 得到范型化的POJO序列化得到的JSON串，然后将这个JSON串反序列化为POJO   import com.google.gson.Gson; import java.
  • 【Spark八十五】Spark Streaming分析结果落地到MySQL bit1129 Stream
    几点总结： 1. DStream.foreachRDD是一个Output Operation，类似于RDD的action，会触发Job的提交。DStream.foreachRDD是数据落地很常用的方法 2. 获取MySQL Connection的操作应该放在foreachRDD的参数（是一个RDD[T]=>Unit的函数类型)，这样，当foreachRDD方法在每个Worker上执行时，
  • NGINX + LUA实现复杂的控制 ronin47 nginx lua
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-递归判断数组是否升序 bylijinnan java
    public class IsAccendListRecursive { /*递归判断数组是否升序 * if a Integer array is ascending,return true * use recursion */ public static void main(String[] args){ IsAccendListRecursiv
  • Netty源码学习-DefaultChannelPipeline2 bylijinnan javanetty
    Netty3的API http://docs.jboss.org/netty/3.2/api/org/jboss/netty/channel/ChannelPipeline.html 里面提到ChannelPipeline的一个“pitfall”： 如果ChannelPipeline只有一个handler（假设为handlerA）且希望用另一handler（假设为handlerB） 来
  • Java工具之JPS chinrui java
    JPS使用     熟悉Linux的朋友们都知道，Linux下有一个常用的命令叫做ps（Process Status)，是用来查看Linux环境下进程信息的。同样的，在Java Virtual Machine里面也提供了类似的工具供广大Java开发人员使用，它就是jps（Java Process Status)，它可以用来
  • window.print分页打印 ctrain window
    function init() { var tt = document.getElementById("tt"); var childNodes = tt.childNodes[0].childNodes; var level = 0; for (var i = 0; i < childNodes.length; i++) {
  • 安装hadoop时 执行jps命令Error occurred during initialization of VM daizj jdkhadoopjps
    在安装hadoop时，执行JPS出现下面错误   [slave16][email protected]:/tmp/hsperfdata_hdfs# jps Error occurred during initialization of VM java.lang.Error: Properties init: Could not determine current working
  • PHP开发大型项目的一点经验 dcj3sjt126com PHP重构
    一、变量 最好是把所有的变量存储在一个数组中，这样在程序的开发中可以带来很多的方便，特别是当程序很大的时候。变量的命名就当适合自己的习惯，不管是用拼音还是英语，至少应当有一定的意义，以便适合记忆。变量的命名尽量规范化，不要与PHP中的关键字相冲突。 二、函数 PHP自带了很多函数，这给我们程序的编写带来了很多的方便。当然，在大型程序中我们往往自己要定义许多个函数，几十
  • android笔记之--向网络发送GET/POST请求参数 dcj3sjt126com android
    使用GET方法发送请求 private static boolean sendGETRequest (String path, Map<String, String> params) throws Exception{ //发送地http://192.168.100.91:8080/videoServi
  • linux复习笔记 之bash shell (3) 通配符 eksliang linux 通配符linux通配符
    转载请出自出处： http://eksliang.iteye.com/blog/2104387 在bash的操作环境中有一个非常有用的功能，那就是通配符。 下面列出一些常用的通配符，如下表所示 符号 意义 * 万用字符，代表0个到无穷个任意字符 ? 万用字符，代表一定有一个任意字符 [] 代表一定有一个在中括号内的字符。例如：[abcd]代表一定有一个字符，可能是a、b、c
  • Android关于短信加密 gqdy365 android
    关于Android短信加密功能，我初步了解的如下（只在Android应用层试验）：     1、因为Android有短信收发接口，可以调用接口完成短信收发；         发送过程：APP（基于短信应用修改）接受用户输入号码、内容——>APP对短信内容加密——>调用短信发送方法Sm
  • asp.net在网站根目录下创建文件夹 hvt .netC#hovertreeasp.netWeb Forms
    假设要在asp.net网站的根目录下建立文件夹hovertree,C#代码如下： string m_keleyiFolderName = Server.MapPath("/hovertree"); if (Directory.Exists(m_keleyiFolderName)) { //文件夹已经存在 return; } else { try { D
  • 一个合格的程序员应该读过哪些书 justjavac 程序员书籍
    编者按：2008年8月4日，StackOverflow 网友 Bert F 发帖提问：哪本最具影响力的书，是每个程序员都应该读的？ “如果能时光倒流，回到过去，作为一个开发人员，你可以告诉自己在职业生涯初期应该读一本， 你会选择哪本书呢？我希望这个书单列表内容丰富，可以涵盖很多东西。” 很多程序员响应，他们在推荐时也写下自己的评语。 以前就有国内网友介绍这个程序员书单，不过都是推荐数
  • 单实例实践 跑龙套_az 单例
       1、内部类 public class Singleton { private static class SingletonHolder { public static Singleton singleton = new Singleton(); } public Singleton getRes
  • PO VO BEAN 理解 q137681467 VODTOpo
    PO：      全称是 persistant object持久对象 最形象的理解就是一个PO就是数据库中的一条记录。 好处是可以把一条记录作为一个对象处理，可以方便的转为其它对象。     BO：     全称是 business object:业务对象 主要作用是把业务逻辑封装为一个对象。这个对
  • 战胜惰性，暗自努力 金笛子 努力
    偶然看到一句很贴近生活的话：“别人都在你看不到的地方暗自努力，在你看得到的地方，他们也和你一样显得吊儿郎当，和你一样会抱怨，而只有你自己相信这些都是真的，最后也只有你一人继续不思进取。”很多句子总在不经意中就会戳中一部分人的软肋，我想我们每个人的周围总是有那么些表现得“吊儿郎当”的存在，是否你就真的相信他们如此不思进取，而开始放松了对自己的要求随波逐流呢？ 我有个朋友是搞技术的，平时嘻嘻哈哈，以
  • NDK/JNI二维数组多维数组传递 wenzongliang 二维数组jniNDK
    多维数组和对象数组一样处理，例如二维数组里的每个元素还是一个数组 用jArray表示，直到数组变为一维的，且里面元素为基本类型，去获得一维数组指针。给大家提供个例子。已经测试通过。 Java_cn_wzl_FiveChessView_checkWin( JNIEnv* env,jobject thiz,jobjectArray qizidata) { jint i,j; int s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他