上一节使用express命令自动建立项目,也可以不使用这个命令,手动新建所有文件。
先建立一个项目目录(假定这个目录叫做demo)。进入该目录,新建一个package.json文件,写入项目的配置信息。
~~~
{
"name": "demo",
"description": "My First Express App",
"version": "0.0.1",
"dependencies": {
"express": "3.x"
}
}
~~~
在项目目录中,新建文件app.js。项目的代码就放在这个文件里面。
~~~
var express = require('express');
var app = express();
~~~
上面代码首先加载express模块,赋给变量express。然后,生成express实例,赋给变量app。
接着,设定express实例的参数。
~~~
// 设定port变量,意为访问端口
app.set('port', process.env.PORT || 3000);
// 设定views变量,意为视图存放的目录
app.set('views', path.join(__dirname, 'views'));
// 设定view engine变量,意为网页模板引擎
app.set('view engine', 'jade');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
// 设定静态文件目录,比如本地文件
// 目录为demo/public/images,访问
// 网址则显示为http://localhost:3000/images
app.use(express.static(path.join(__dirname, 'public')));
~~~
上面代码中的set方法用于设定内部变量,use方法用于调用express的中间件。
最后,调用实例方法listen,让其监听事先设定的端口(3000)。
~~~
app.listen(app.get('port'));
~~~
这时,运行下面的命令,就可以在浏览器访问[http://127.0.0.1:3000。](http://127.0.0.1:3000%E3%80%82/)
~~~
node app.js
~~~
网页提示“Cannot GET /”,表示没有为网站的根路径指定可以显示的内容。所以,下一步就是配置路由。
- 1. 概述
- 1.1 搭建HTTPs服务器
- 2. 运行原理
- 2.1 底层:http模块
- 2.2 对http模块的再包装
- 2.3 什么是中间件
- 2.4 use方法
- 3. Express的方法
- 3.1 all方法和HTTP动词方法
- 3.2 set方法
- 3.3 response对象
- 3.4 requst对象
- 4. 项目开发实例
- 4.1 编写启动脚本
- 4.2 配置路由
- 4.3 静态网页模板
- 5. 动态网页模板
- 5.1 安装模板引擎
- 5.2 新建数据脚本
- 5.3 新建网页模板
- 5.4 渲染模板
- 5.5 指定静态文件目录
- 6. ExpressJS 4.0的Router用法
- 6.1 基本用法
- 6.2 router.route方法
- 6.3 router中间件
- 6.4 对路径参数的处理
- 7. 上传文件
- 8. 参考链接