[北京网站制作]基于Node.js、Express和Jscex开发的ToDo网站示例
基于Node.js、Express和Jscex开发的ToDo网站示例
Jscex的主要使用场景是“JavaScript异步编程”,不过并没有限制是跑在浏览器还是服务器端。最近Node.js很火热,也刚发布了原生的Windows版,不少同学会用它来做一些网站这样的小程序。目前用Node.js开发网站最著名的框架是Express,使用起来也是比较容易的。前段时间看到CNodeJS社区的一篇文章,有同学将一个Python写的ToDo列表网站移植到了Node.js上,我为了推广Jscex,就fork了这个项目,将其修改为基于Jscex的版本,大伙儿可以来比较一下。当然这个网站过于简单,我也正在寻找更合适的项目。(网站制作)
51CTO推荐专题:Node.js专区
JavaScript是一个没有阻塞特性的语言,因此各类API都会设计为异步,这对于服务器的伸缩性和客户端网页的响应能力都有好处,不过在程序编写上就会遇到各种问题了。例如在ToDo示例中的一个简单的处理函数,因为需要查询数据库,就要写成带回调的样子:
- exports.index = function (req, res, next) {
- db.query('select * from todo order by finished asc, id asc limit 50', function (err, rows) {
- if (err) return next(err);
- res.render('index', { todos: rows });
- });
- };
db变量用来操作MySQL数据库,它的query方法传入sql(可能还会有参数)并提供一个回调函数,用来提示错误或是返回查询结果。在回调中我们必须判断err是否存在,如果存在便调用next报告框架“出错了”。每个异步操作都必须如此,试想如果在这个查询后还有另一个查询,则还需要进行一次嵌套和err判断。每个处理函数都是如此,这也是异步编程的烦恼之一:难以进行统一的异常处理,处理代码总是需要分散在各处,一不小心就变成“野异常”,还很难排查出来。
我将ToDo网站简单地Jscex化了一下。首先让MySQL的查询能够接入Jscex(libjscex.mysql.js):
- exports.jscexify = function (db) {
- db.queryAsync = function () {
- var _this = this;
- var args = [];
- for (var i = 0; i < arguments.length; i++) {
- args.push(arguments[i]);
- }
- var delegate = {
- onStart: function (callback) {
- args.push(function (err, result) {
- if (err) {
- callback("failure", err);
- } else {
- callback("success", result);
- }
- });
- _this.query.apply(_this, args);
- }
- };
- return new Jscex.Async.Task(delegate);
- }
- }
一般来说,将一个异步接口给Jscex化并不需要那么多代码(最关键的其实只是onStart函数)。这里近30行代码,其中大部分是为了支持“变长”参数,因此queryAsync函数会保留调用时的所有参数,补上一个callback,再去调用query函数本身。此时,便可以去改写之前的index等处理函数了(controllerstodo.js),例如:
- exports.index = toHandler( {
- var todos = $await(db.queryAsync('select * from todo order by finished asc, id asc limit 50'));
- res.render("index", { todos: todos });
- })));
toHandler函数的作用,是将一个“接受req和res,返回Task”的函数,封装成标准的“接受req、res和next三个参数”的处理函数,并提供统一的错误处理:
- var toHandler = function (asyncFunc) {
- return function (req, res, next) {
- var task = asyncFunc(req, res);
- task.addListener(function () {
- if (task.status == "failed") {
- next(task.error);
- }
- });
- task.start();
- }
- }
我在todo.js里保留了原有各个处理函数的实现,感兴趣的朋友可以对比一下它们之前的差别。可惜的是,由于ToDo实在过于简单,Jscex的优势并没有表现出来太多。例如,每个处理程序中只有一个MySQL查询,没有判断和循环,更别说为了充分利用IO并发能力,从而组合多个异步函数了。因此,我最近也一直在寻找更复杂一些的示例,不过似乎用Express的开源网站并不多见,我几乎都想自己写一个了。目前感觉Nodepad似乎还算不错,接下来可能会对它下手。
ToDo网站依赖Express,ejs和MySQL驱动,同时我把Jscex作为添加为它的子模块。如果您要克隆一份ToDo的代码把玩一番,可以:
- > git clone git://github.com/JeffreyZhao/todo.git
- > cd todo
- > git submodule init
- > git submodule update
- > npm install express ejs mysql
- > node server.js
从现在开始,我会在InfoQ中文站上发表一系列关于Jscex的文章,既有关于浏览器端的JavaScript开发,也有在服务器端利用Node.js开发的内容。可能您目前还可能会有所疑惑,例如为什么要使用危险的eval函数,eval和Jscex.compile函数不能封装起来吗?其实在看了我的文章并对Jscex有了基本了解之后,就会发现这些都是以“传统眼光”来看待Jscex时所形成的误解。Jscex的做法的确“另辟蹊径”,否则在JavaScript异步类库已经多如牛毛的情况下,我不知如何让它脱颖而出。(高端网站建设)
推荐新闻
更多行业-
网站制作中的10个SEO技巧
网站容易被搜索引擎找到,带来更多流量,那么在网站制作的过程中也必须考虑...
2012-07-18 -
网站建设公司的服务可靠吗?建设优势在哪里?
随着网站的使用频率越来越高,可以展现出来的应用支持也是不少,所以才会给...
2022-11-28 -
深圳网站建设价格是由什么决定的?
对于网站用户来说,适中的价格是必须考虑的主要因素之一。就网站价格而言,...
2021-06-21 -
[北京网站制作]《财富》40岁以下富豪榜发布 扎克伯格居榜首
北京时间10月20日消息,据国外媒体报道,Facebook首席执行官马...
2011-10-21 -
高端网站建设需要哪些技巧?
当今互联网行业,公司之间的竞争非常激烈。如果一个公司想建立一个网站,只...
2022-05-26 -
影响微信小程序开发的费用因素有哪些?
随着微信小程序商城的兴起,越来越多的企业和个人开始了自己的小程序商城开...
2023-04-10
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com