更新時間：2025-06-07 12:23:36
網站建設
1037基于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*fromtodoorderbyfinishedasc,idasclimit50',function(err,rows){
if(err)returnnext(err);
res.render('index',{todos:rows});
});
};
db變量用于操作MySQL數據庫。它的查詢方法傳入sql（可能有參數），并提供回調函數來提示錯誤或返回查詢結果。在回調中，我們必須判斷err是否存在，如果存在，則調用next向框架報告“error”。每個異步操作都必須是這樣的。試想一下，如果在這個查詢之后還有一個查詢，需要進行嵌套和err判斷。每一個處理函數都是如此，這也是異步編程的煩惱之一：很難進行統一的異常處理，處理代碼總是需要分散在各處。一不小心就會變成“野外異常”，很難排查。
我只是Jscexed ToDo 網站。首先，啟用MySQL 查詢以訪問Jscex (libjscex.mysql.js)：
alt">exports.jscexify?=?function?(db)?{ ?一般來說，將一個異步接口給Jscex化并不需要那么多代碼(最關鍵的其實只是onStart函數)。這里近30行代碼，其中大部分是為了支持“變長”參數，因此queryAsync函數會保留調用時的所有參數，補上一個callback，再去調用query函數本身。此時，便可以去改寫之前的index等處理函數了(controllerstodo.js)，例如：
- exports.index?=?toHandler(eval(Jscex.compile("async",?function?(req,?res)?{ ?
- ?
- ????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異步類庫已經多如牛毛的情況下，我不知如何讓它脫穎而出。(高端網站建設)
我們專注高端建站，小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！
