当前位置:  编程技术>WEB前端
本页文章导读:
    ▪node.js,第一个Http服务      最近开始学习node.js的http服务,既然是学习,那就得写Demo,而作为第一个Demo,那么HelloWorld是必不能少地。作为步骤,首先需要安装node.js,其次写一个http服务器代码,能够接受http请求,并且.........
    ▪[Web Chart系列之五] 1. 实战draw2d 之总体介绍       draw2d 是什么? 首先需要明确的是这里指的draw2d是个什么东东? 用draw2d这个关键字,询问一下谷哥和度娘基本上会找到两个东西 一个是集成在eclipse(也可以单独使用) 里面使用SWT开发的一套.........
    ▪Struts2——action间的跳转      有关Struts2中action间的跳转可分为两部分,一部分为同一个包中action间的跳转,还有一个就是在不同包中action间的跳转。不管是不是在同一个包中,首先要明确的是要实现跳转,必须要将result.........

[1]node.js,第一个Http服务
    来源:    发布时间: 2013-11-06

最近开始学习node.js的http服务,既然是学习,那就得写Demo,而作为第一个Demo,那么HelloWorld是必不能少地。

作为步骤,首先需要安装node.js,其次写一个http服务器代码,能够接受http请求,并且向前段网页输出“Hello World”作为响应。

 

1.安装node.js。

我们可以在这里:http://nodejs.org/download/ 下载适合各平台的最新版本。

作为学习,我这里使用的是windows下的版本。

下载后,就是安装,按照默认安装就行。

 

2.编写服务器代码。

根据自己喜好创建一项目目录。

在项目的根目录下创建一个叫server.js的文件,并写入以下代码:

var http=require("http");

http.createServer(function(request, response){
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello World");
response.end();
}).listen(8888);

保存该文件,如此就完成了服务器段的代码,该代码段创建了一个http server,该服务接受http请求,并且响应一段“Hello World”文字。

 

3.运行服务器,并且使用查看结果。

1)打开命令行。

2)在命令行中定位到项目目录。

3)在命令行中键入: node server.js , 如此,就启运行了一个http服务器。

4)打开浏览器访问http://localhost:8888/,你会看到一个写着“Hello World”的网页。

 

如此做,hello world完成。

 

 

本文链接


    
[2][Web Chart系列之五] 1. 实战draw2d 之总体介绍
    来源: 互联网  发布时间: 2013-11-06
draw2d 是什么?

首先需要明确的是这里指的draw2d是个什么东东?

用draw2d这个关键字,询问一下谷哥和度娘基本上会找到两个东西

一个是集成在eclipse(也可以单独使用) 里面使用SWT开发的一套绘图的工具。也就是java 开发一个图形绘制的应用程序,可以用来绘制UML等。

另一个是Draw2D touch,使用JavaScript 和HTML Canvas 开发的可以在web 端使用的js 框架。

这里说的是第二种, web 端使用的。具体来说, draw2d是什么,直接来看官方的定义:

Draw2D touch是一个纯的javascript的应用程序框架,它兼容从IE6到最新版Chrome几乎所有目前流行的浏览器。

你可以使用它在浏览器端创建跨平台的图形应用程序。


以上是官方的定义,从技术角度来看简单的概括一下:

使用JQuery 和Raphael 实现的web 端图形绘制的Javascript 框架。 图形最底层技术还是VML,SVG,HTML Canvas。


如何获取draw2d?

官方的地址: http://www.draw2d.org
使用例子和API查找可以到 :   http://draw2d.org/draw2d_touch/jsdoc/#!/example
比较遗憾的是这是一个收费的项目,官方网址上并没有提供下载的地址。
购买价格是499欧元,下载试用版的话需要 4欧元。

draw2d的优劣势是什么?
这里的优劣是只是与同类的framework 比较而言,像浏览器兼容这种都有的特性就不做多的讨论了。
优势(也就是有的特性):
1.  提供所有基本的图形。
 矩形,菱形,三角形,圆,椭圆,直线,曲线,箭头线,等
2.  对图形的操作很容易
提供了对图形的单击,双击,选中,拖拽的功能
提供了对两个图形的连线功能

3 提供基本的图形

饼图,走势图(SparkLine)

4. 提供了对图形操作动作的恢复,撤销功能。

优势(也就是没有的特性):

1. 图形的右键单击菜单

2. 对图形在页面上的布局。(其本身提供的Layout 针对的一个复杂图形的组合layout)

作者:oscar999 发表于2013-3-13 10:08:52 原文链接
阅读:38 评论:0 查看评论

    
[3]Struts2——action间的跳转
    来源: 互联网  发布时间: 2013-11-06
有关Struts2中action间的跳转可分为两部分,一部分为同一个包中action间的跳转,还有一个就是在不同包中action间的跳转。不管是不是在同一个包中,首先要明确的是要实现跳转,必须要将result中type属性设为chain或redirectAction。

一、同一个包中的跳转

在Action的results里面的type类型配置为“chain”,跳转的Action的URL直接写要跳转到的Action名称即可。

如下面的package,从浏览器访问r1.action之后跳转到r2.action,最后跳转到1.jsp页面显示给用户!

Java代码  
  • <package name="report" extends="struts-default" namespace="/">     
  •     <action name="r1" class="R1">     
  •           <result name="success" type="chain">r2</result>     
  •     </action>     
  •     
  •     <action name="r2" class="R2">     
  •           <result name="success" type="dispatcher">/1.jsp</result>     
  •     </action>     
  • </package>    


  • 二、不同包中的跳转

    需要使用param标签,其中param的name属性不需要修改,只需修改标签对应的值即可,如下,只需修改ss及/pp就行。

    从浏览器访问r1.action之后跳转到package为paramsRedirect中的r2.action,最后跳转到1.jsp页面显示给用户!


    Java代码  
  • <package name="resultType" namespace="/r" extends="struts-default">     
  •      <action name="r1">     
  •          <result type="chain">     
  •               <param name="actionName">r2</param>     
  •               <param name="namespace">/pp</param>  
  •               <param name="method">method123</param>       
  •          </result>     
  •      </action>     
  • </package>     
  •     
  • <package name="paramsRedirect" namespace="/pp" extends="struts-default">     
  •      <action name="r2">     
  •         <result>/1.jsp</result>     
  •      </action>     

  • 作者:wangdabin_1216 发表于2013-3-13 8:50:07 原文链接
    阅读:86 评论:0 查看评论

        
    最新技术文章:
    ▪css white-space:nowrap属性用法(可以强制文字不...
    ▪IE里button设置border:none属性无效解决方法
    ▪border:none与border:0使用区别
    ▪html清除浮动的6种方法示例
    ▪三个不常见的 HTML5 实用新特性简介
    ▪css代码优化的12个技巧
    ▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
    ▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
    ▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
    ▪小技巧处理div内容溢出
    ▪html小技巧之td,div标签里内容不换行
    ▪纯CSS实现鼠标放上去改变文字内容
    ▪li中插入img图片间有空隙的解决方案
    ▪CSS3中Transition属性详解以及示例分享
    ▪父div高度不能自适应子div高度的解决方案
    ▪告别AJAX实现无刷新提交表单
    ▪从零学CSS系列之文本属性
    ▪HTML 标签
    ▪CSS3+Js实现响应式导航条
    ▪CSS3实例分享之多重背景的实现(Multiple background...
    ▪用css截取字符的几种方法详解(css排版隐藏溢...
    ▪页面遮罩层,并且阻止页面body滚动。bootstrap...
    ▪CSS可以做的几个令你叹为观止的实例分享
    ▪详细分析css float 属性以及position:absolute 的区...
    ▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
    ▪CSS小例子(只显示下划线的文本框,像文字一...
    ▪可以给img元素设置背景图
    ▪不通过JavaScript实现的自动滚动视差效果
    ▪div+CSS 兼容小摘
    ▪CSS的inherit与auto使用分析
     


    站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3