node.js的express框架

1.我选择了eclipse。 javascript

固然可能更多的人喜欢用webstorm,这都不是关键 html

首先在eclipse中安装一下node插件, java

而后选择eclipse marketplace,搜索node,会有不少Node插件可供选择, node

我选择的是 web

数据库


2. express

new一个node.js express project。 json

项目结构: mvc

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代码解读一遍: app

/**
 * 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/


搞定收工~

相关文章
相关标签/搜索