express是一款轻量的nodejs框架,把server创建和资源路由都封装的非常好,记录一下该框架的使用过程
1.安装nodejs,配置好系统变量,这里有个坑,windows安装时把用户变量的path拷贝到系统变量的path中就可以全局使用node命令了;
2.npm install express-generator -g 全局安装express-generator;
3.找个地方创建项目目录,npm init,初始化项目,生成package.json文件,他就好比maven项目的pom.xml文件,用于管理子module;
4.npm install express --save,下载express框架到项目中项目目录中会多一个node_modules目录,里面是express框架;
5.express testServer,express就会生成一个名为testServer的项目,里面是完整的项目代码,如图:
npm install,项目就创建好了,启动文件在bin/www,在这里可以修改启动端口,修改以下代码:
var port = normalizePort(process.env.PORT || '8083');
app.set('port', port);
我改成8083了;
app.js用于配置路由;
业务代码都写在routes目录下,里面有两个例子index.js和users.js,新业务就新建一个js文件,在app.js中引用,再加上app.use(/xxx,xxx),xxx是js文件名,该功能就能用了;
public方静态资源;
views方jade模板;
6.node bin/www,启动服务,浏览器访问地址localhost:8083,会看到欢迎页面,index.js用模板了,访问地址localhost:8083/users,会看到user.js文件的返回值,代码如下:
var express = require('express');
var router = express.Router();
/* GET users listing. */
router.get('/', function(req, res, next) {
res.send('respond with a resource');
});
module.exports = router;
页面上返回了respond with a resource;
7.引入前端框架bootstrap,在项目目录下npm install bower -g,全局安装bower,创建.bowerrc文件,内容是:
{
"directory":"public/lib"
}
意思是把安装包下载到public/lib路径,我们再在public目录下创建lib文件夹,bower init,生成bower.json,跟package.json差不多,bower install bootstrap --save,bootstrap就安装到public/lib路径下了,同理也可下载jquery等框架,在bower.json中修改框架版本,在执行命令bower update就可更新框架版本,bower uninstall bootstrap就可将其卸载掉,bower的用法和npm差不多;
这样一个完整的express框架就搭好了,剩下的搬砖活慢慢干吧。
PS:Express的中文手册:http://www.expressjs.com.cn/4x/api.html