express框架使用

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/tang86100/article/details/78900199

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

猜你喜欢

转载自blog.csdn.net/tang86100/article/details/78900199