[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_11":-5},"routes/user.$name.topics",{"_9":10,"_11":12,"_13":14,"_15":16,"_17":18,"_19":16},"topics",[35],"user",{"_20":21,"_13":14,"_22":23,"_24":25,"_26":27,"_28":29,"_30":16,"_31":32,"_33":34},"loginname","cory","page",1,"limit",20,"total","id","1718","avatar_url","http://www.gravatar.com/avatar/5c60a4f50a70ebc18028f4adf2b86c45?s=48","githubUsername","","create_at","2011-12-17 19:20:50","score",5,"topic_count","reply_count",0,"is_star",false,{"_20":36,"_37":21,"_38":-5,"_39":40,"_41":42,"_43":44,"_45":34,"_46":34,"_31":47,"_48":49,"_26":50,"_51":52},"23","author_id","tab","content","最近学习了一下node.js，由于我是dojo出身，所以，觉得node.js并不是非常的面向对象化，并不满足面向对象的几个基本条件“封装”、“继承”、“多态”、“重载”等，虽然这些条件，JS是可以模拟出来的，但是重复的造轮子，会使得开发低下，性能堪忧。于是乎鄙人打算写一个node.js的OO module，然后看了一下dojo1.7的源码，发现原来，dojo1.7已经开始支持node.js了，这样就非常好了，我也不必去造轮子了。好了，废话少说，让我们来来看看，dojo是如何进入node.js的上下文的吧。\r\n
\r\n
该文章分两个部分：\r\n
1.我们来做一个小的test，来验证dojo是否已加入node.js的上下文中；\r\n
2.我们把nodebeginner里面的一个上传图片的例子，用dojo来完成。\r\n
\r\n
第一部分：\r\n
开发环境我们可以采用eclipse来完成。将dojo包导入进去：\r\n
\r\n
$\"Project结构图\"$ \r\n
最外层的dojo文件夹中放入的是dojo库。\r\n
我们在这个工程中，新建一个入口类Main.js\r\n

(function() {\r\n
    this.dojoConfig = {\r\n
        has: {\r\n
            \"host-node\": 1\r\n
        }\r\n
    };\r\n
    require(\"H:/Project/dojo_nodejs/dojo/dojo/dojo\");\r\n
    define(\"Main\", [], function() {\r\n
        console.info(\"Hello World!\");\r\n
    });\r\n
})();

\r\n
这里说明一下，this表示的是node.js的上下文，这里给dojo设置host-node，因为dojo默认的模式是host-browser(浏览器窗口模式)。这里还要把dojo.js这个文件require进来，这样就OK啦。\r\n
运行效果：\r\n
$\"Hello$ \r\n
\r\n
这样，dojo就很轻松的融入到node.js的环境中了，是不是很简单^_^￥。好了，下面在第二部分中我们来做一个上传文件的实例来表现dojo在开发node.js这一块强大的OO技术吧。(BTW：上传文件这个例子其实很简单，但是为了表现出用OO的形式来开发node.js，所以会故意写的有点复杂，请不要喷我<#_#>)\r\n
\r\n
第二部分：\r\n
首先我们新建一个cory包，Main.js也需要稍微改一下，如下：\r\n

(function() {\r\n
    this.dojoConfig = {\r\n
        has: {\r\n
            \"host-node\": 1\r\n
        },\r\n
        paths: {\r\n
            cory: \"../../cory\"\r\n
        }\r\n
    };\r\n
    require(\"H:/Project/dojo_nodejs/dojo/dojo/dojo\");\r\n
    define(\"Main\", [], function() {\r\n
        console.info(\"Hello World!\");\r\n
    });\r\n
})();

\r\n
paths就是注册自定义包的位置。这里cory包和最外层的dojo文件夹并列。\r\n
然后在cory包中，一共新建4个类，Server.js、UrlParser.js、Router.js、Page.js。\r\n
cory.Server：用于创建http服务器。\r\n
cory.UrlParser：用于解析URL。\r\n
cory.Router：将解析好URL中的pathname进行路由。\r\n
cory.Page：对应相应的URL做出逻辑处理。\r\n
下面就把各个类的代码展示给大家，主要是展示其语法，至于逻辑的话，nodebeginner.org有详细介绍。\r\n
\r\n
cory.Server：\r\n

define([\r\n
    \"../dojo/_base/kernel\",\r\n
    \"../dojo/_base/declare\",\r\n
    \"../dojo/Stateful\"\r\n
], function(dojo, declare, Stateful) {\r\n
    // summary:\r\n
    //  This server to listen the port which you setted.\r\n
    return declare(\"cory.Server\", Stateful, {\r\n
        // default value\r\n
        port: 8888,\r\n
        _http: dojo.http,\r\n
        postscript: function(args) {\r\n
            this.inherited(arguments);\r\n
            if (args && args.port) {\r\n
                this.set(\"port\", args.port);\r\n
            }\r\n
        },\r\n
        start: function(/*Function?*/callback) {\r\n
            console.debug(\"Server is starting...\");\r\n
            var _port = this.get(\"port\");\r\n
            this._http.createServer(function(request, response) {\r\n
                callback(request, response);\r\n
            }).listen(_port);\r\n
            console.debug(\"Server has started. The port is \" + _port + \".\");\r\n
        }\r\n
    });\r\n
});

\r\n
\r\n
cory.UrlParser:\r\n

define([\"../dojo/_base/declare\"], function(declare) {\r\n
    return declare(\"cory.UrlParser\", null, {\r\n
        parse2Pathname: function(/*String*/url) {\r\n
            var pathname = dojo.url.parse(url).pathname;\r\n
            console.debug(\"The current path name is: \\\"\" + pathname + \"\\\".\");\r\n
            return pathname;\r\n
        }\r\n
    });\r\n
});\r\n

\r\n
\r\n
cory.Router:\r\n

define([\"../dojo/_base/declare\", \"../dojo/Stateful\"], function(declare, Stateful) {\r\n
    return declare(\"cory.Router\", Stateful, {\r\n
        request: null,\r\n
        response: null,\r\n
        //根据不同的url地址名称，路由到不同的页面逻辑处理。\r\n
        //返回是否路由成功。\r\n
        rout: function(/*Object*/path, /*String*/pathname) {\r\n
            console.debug(\"About to route a request for \" + pathname);\r\n
            var _classAndFunc = path[pathname];\r\n
            var res = this.get(\"response\");\r\n
            if (!_classAndFunc) {\r\n
                console.debug(\"But this path was not found.\");\r\n
                if (res) {\r\n
                    res.writeHead(200, {\"Content-Type\": \"text/plain\"});\r\n
                    res.write(\"404 Not found\");\r\n
                    res.end();\r\n
                }\r\n
            }\r\n
            var _lastIndex = _classAndFunc.lastIndexOf(\".\");\r\n
            var _className = _classAndFunc.substring(0, _lastIndex);\r\n
            var _funcName = _classAndFunc.substring(_lastIndex + 1);\r\n
            var _page = new dojo.getObject(_className)();\r\n
            _page.set(\"request\", this.get(\"request\"));\r\n
            _page.set(\"response\", res);\r\n
            _page[_funcName]();\r\n
        }\r\n
    });\r\n
});\r\n

\r\n
\r\n
cory.Page:\r\n

define([\"../dojo/_base/declare\", \"../dojo/Stateful\"], function(declare, Stateful) {\r\n
    return declare(\"cory.Page\", Stateful, {\r\n
        request: null,\r\n
        response: null,\r\n
        //[@Page](/user/Page)(path=[\"/\", \"/index\"])\r\n
        displayIndex: function() {\r\n
            console.debug(\"\\\"cory.Page.displayIndex\\\" was called\");\r\n
            var res = this.get(\"response\");\r\n
            if (res) {\r\n
                var body =\r\n
                ''+\r\n
                    ''+\r\n
                        '                        'charset=UTF-8\" />'+\r\n
                    ''+\r\n
                    ''+\r\n
                        ''+\r\n
                            ''+\r\n
                            ''+\r\n
                        '
'+\r\n
                    ''+\r\n
                '';\r\n
                res.writeHead(200, {\"Content-Type\": \"text/html\"});\r\n
                res.write(body);\r\n
                res.end();\r\n
            }\r\n
        },\r\n
        //[@Page](/user/Page)(path=[\"/upload\"])\r\n
        upload: function() {\r\n
            console.debug(\"\\\"cory.Page.upload\\\" was called\");\r\n
            var req = this.get(\"request\"),\r\n
                res = this.get(\"response\");\r\n
            if (req && res) {\r\n
                var form = new dojo.formidable.IncomingForm();\r\n
                console.debug(\"about to parse\");\r\n
                form.parse(req, function(error, fields, files) {\r\n
                    console.debug(\"parsing done.\");\r\n
                    dojo.fs.renameSync(files.upload.path, \"C:\\\\Documents and Settings\\\\Cory\\\\Local Settings\\\\Temp\\\\test.png\");\r\n
                    res.writeHead(200, {\"Content-Type\": \"text/html\"});\r\n
                    res.write(\"received image:\");\r\n
                    res.write(\"\");\r\n
                    res.end();\r\n
                });\r\n
            }\r\n
        },\r\n
        //[@Page](/user/Page)(path=[\"/show\"])\r\n
        show: function() {\r\n
            console.debug(\"\\\"cory.Page.show\\\" was called\");\r\n
            var res = this.get(\"response\");\r\n
            if (res) {\r\n
                dojo.fs.readFile(\"C:\\\\Documents and Settings\\\\Cory\\\\Local Settings\\\\Temp\\\\test.png\", \"binary\", function(error, file){\r\n
                    if (error) {\r\n
                        res.writeHead(500, {\"Content-Type\": \"text/plain\"});\r\n
                        res.write(error + \"\\n\");\r\n
                    } else {\r\n
                        res.writeHead(200, {\"Content-Type\": \"image/x-png\"});\r\n
                        res.write(file, \"binary\");\r\n
                    }\r\n
                    res.end();\r\n
                })\r\n
            }\r\n
        }\r\n
    });\r\n
});\r\n

\r\n
\r\n
Main.js也需要一点小改动：\r\n

(function() {\r\n
    this.dojoConfig = {\r\n
        has: {\r\n
            \"host-node\": 1\r\n
        },\r\n
        paths: {\r\n
            cory: \"../../cory\"\r\n
        }\r\n
    };\r\n
    require(\"H:/Project/dojo_nodejs/dojo/dojo/dojo\");\r\n
    var d = dojo;\r\n
    [\"http\", \"url\", \"fs\", \"formidable\"].forEach(function(requiredName) {\r\n
        d[requiredName] = require(requiredName);\r\n
    });\r\n
    define(\"Main\", [\r\n
        \"dojo/_base/kernel\",\r\n
        \"cory/Server\",\r\n
        \"cory/UrlParser\",\r\n
        \"cory/Router\",\r\n
        \"cory/Page\"\r\n
    ], function(dojo, Server, UrlParser, Router) {\r\n
        //这里将地址和类中的方法进行绑定。\r\n
        //其中cory.Page是页面类，后面的.displayIndex、.upload、.show都是该类的方法。\r\n
        var pathMap = {\r\n
            \"/\": \"cory.Page.displayIndex\",\r\n
            \"/index\": \"cory.Page.displayIndex\",\r\n
            \"/upload\": \"cory.Page.upload\",\r\n
            \"/show\": \"cory.Page.show\"\r\n
        };\r\n
        var server = new Server();\r\n
        server.set(\"port\", 8888);\r\n
        server.start(function(request, response) {\r\n
            var router = new Router();\r\n
            router.set(\"request\", request);\r\n
            router.set(\"response\", response);\r\n
            router.rout(pathMap, new UrlParser().parse2Pathname(request.url));\r\n
        });\r\n
    });\r\n
})();

\r\n
\r\n
运行效果：\r\n
$\"文件上传\"$ \r\n
\r\n
$\"上传成功并显示图片\"$ \r\n
\r\n
后台控制台运行效果：\r\n
$\"控制台输出\"$ \r\n
怎么样，这样的面向对象的方式，让思路更清晰，要比nodebeginner上的例子，引用传来传去的清晰多了吧。\r\n
\r\n
后记：如果采用dojo来开发node.js后台程序，那么，可以继续封装成，类似于servlet形式，甚至可以进行json配置等。这样更有利于学习成本的降低，减少开发大型后台的人力、时间成本等。","title","node.js与dojo完美的融合-开发完全面向对象化","last_reply_at","2014-02-08 08:06:49.954","good","top",2,"visit_count",10374,"2012-01-09 05:39:53","author",{"_13":14,"_22":23}]