express框架使用

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值