node.js的express框架

1.我選擇了eclipse。

固然可能更多的人喜歡用webstorm，這都不是關鍵

首先在eclipse中安裝一下node插件，

而後選擇eclipse marketplace，搜索node，會有不少Node插件可供選擇，

我選擇的是

。

2.

new一個node.js express project。

項目結構：

node_modules：

    Web項目的模塊管理，即你有任何的模塊都有應該封裝後放在此處，如鏈接數據庫模塊。

public:

    該文件夾下還有三個文件夾images,javascripts,stylesheets，含義很明顯了，就不說了吧。

routes:

    路由規則，即Web的控制器，即mvc中的controller。

views：

    視圖，可是這種視圖並非傳統的html文件，而是html的引擎模板，這裏默認的模板是jade文件，能夠認爲是前臺UI，固然你在新建node.js express project的時候能夠選擇jade或者是ejs。

app.js:

    myFirstWeb的入口，packege.json裏有定義 "start": "node app.js",這裏頗有必要把app.js代碼解讀一遍：

/**
 * Module dependencies.
 */

var express = require('express')
  , routes = require('./routes')
  , user = require('./routes/user')
  , http = require('http')
  , path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
  app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
  console.log('Express server listening on port ' + app.get('port'));
});

//設定端口

app.set('port', process.env.PORT || 3000);

//設定視圖路徑

app.set('views', path.join(__dirname, 'views'));

//設定視圖引擎模板，還能夠設定其餘模板，後續介紹

app.set('view engine', 'jade');

//設定路由，該路由的處理交給index.js處理

app.use(app.router);

//設定靜態文件路徑

app.use(express.static(path.join(__dirname, 'public')));

//若get請求的url爲當前路徑，則交給路由index入口中的對應函數處理

app.get('/', routes.index);

 

package.json:

    項目的參數信息。

3.run後訪問http://localhost:3000/

搞定收工~