正文详情

文章归档: 编程语言 » Node.js  |  技术专区 » 服务器

基于Node-webkit的流程设计器

发表时间:2014-09-16 浏览量:2223
      接触JavaScript以来,发现JS用着蛮有意思的,不像Java写得那么死板,可谓一个人一个风格。然后单位最近要升级以前的研发流程管理系统,流程设计器(客户端)有意向升级,以前的系统是...

      接触JavaScript以来,发现JS用着蛮有意思的,不像Java写得那么死板,可谓一个人一个风格。然后单位最近要升级以前的研发流程管理系统,流程设计器(客户端)有意向升级,以前的系统是RCP写的,代码一大堆一大堆,可谓年久失修,而RCP这项技术用的人又很少,所以跟几个老同事聊天时他们都表示不想费力去做这个事情。

    而就是这个时候,我了解到了Node-webkit技术。Node.js这两年可谓大红大紫。而将Node.js和浏览器内核webkit结合起来的Node-webkit开源项目(后面简称NW)可谓PC端软件开发的利器。于是向领导进行了汇报,领导表示可以去尝试下。于是花了一周时间学习了下Node顺便基于NW流程设计器样子搭起来,样子如下图。


        Node的特色就是开发全部使用JavaScript。简单介绍这个项目的开发使用的主要技术:

       (1)界面主体框架使用了ExtJSExtJS在写网页前端时比较笨重,内网用的多,不过感觉到了NW里反而成了利器。

       (2)我们这里的流程使用了JBPM工作流引擎,JBPM使用JPDL语言(XML文件)描述工作流。那么在显示工作流时,我使用了JSer必会的jquery处理XML文件。每个任务节点都有其自身属性,我们这里使用了一个自定义的XML文件描述,也使用jQuery。jQuery处理XML感觉比用Java方便不是一点半点。

       (3)jquery处理后的XML文件需要图形化显示,我在这里使用了mxGraph当作画板。在使用时最头痛的反而是连线的样式处理。因为只是试探性的开发,所以最后没有自己编写连线样式。

       (4)最后最推荐的是Sea.js,模块化开发,Node的风格,国人的杰作。做这个示例时顺便用了起来,用后的感觉是想把单位现有的前端js全给改写了。大笑

         代码的主要划分:


    JS的特点是轻盈,像宝剑一样用巧力取胜,所以没使用Eclipse开发,直接用了Sublime,这里有点矫情了。当然,所有可以使用JavaScript开发的项目都应该使用JavaScript开发大笑

(注:NW的Git地址:https://github.com/rogerwang/node-webkit)

 

标签: webkit

猜你喜欢

Node学习笔记——NodeJS简介
node.js+android http请求响应
node.js基础语法
[node.js]环境搭建(windows)
初试 MAC 安装 mongodb 及 node.js
Node.js背后的技术体系和设计理念
Node.js 安装、卸载、升级
node.js connect 实现文件上传
Node.js的颠覆者:PHP的Swoole扩展