nodejs 图解express+supervisor+ejs的用法(推荐)

通过node js自带的http模块搭建了一个简易的服务器，实际在开发中，一般用的是express框架，本文我们就来讲讲项目开发中必备不可少的几样东西：

•服务器( express )

•路由( express.Router )

•模板引擎( ejs )

•当然再加上数据库，就可以完成一个mvc的web应用了，数据库的用法，后期我会写一个项目

一、首先，新建一个项目文件夹( ghostwu )，在命令行下切换到该目录，用npm init --yes 初始化package.json文件

安装express: npm install express --save

二、新建index.js文件，输入以下代码

app.get('/',function(req,res) {
res.send( 'welcome to study express -by ghostwu' );
}).listen( 8080 );

第一行，加载express模块

第二行，开启web服务器

第三行，web服务器监听8080端口，当通过浏览器输入( http://localhost:8080 ) 就会看到这段信息：welcome to study express -by ghostwu

三、

如果你写过node服务器，你就会发现一个问题，每次修改之后，都要重启服务器，一般来说，我们修改 文件之后，保存，刷新网页就能看到修改，需要达到这样的效果，我们就要安装supervisor，这个相当于webpack的热加载，我们采用全局安装： npm install -g supervisor，`安装完成之后，我们以后就这样运行服务器文件了： supervisor --harmony index`

之后修改index.js文件，只要保存，刷新网页就能马上看到修改之后的结果了

四、增加路由处理，修改index.js文件，把代码 修改成如下：

http://localhost:8080/ ----> 显示hello,express

http://localhost:8080/user/ghostwu ----->显示hello,ghostwu

http://localhost:8080/user/ghostwu/age/22 ---->显示info: user:ghostwu,age:22

:name占位符：用来接收user后面的值 :age占位符用来接收age后面的值， req.params后面获取的键名就是这个占位符

如果你学过PHP,那么就相当于下面这种get接收参数方式

xxx.PHP?user=ghostwu&age=22 -----> $_REQUEST['user'] $_REQUEST['age']

五、一般在项目中，路由是需要单独分离出来的，便于维护和扩展

新建routers，然后在下面创建index.js和info.js文件

index.js代码：

router.get('/',express');
});

module.exports = router;

info.js代码:

router.get('/:name',' + req.params.name);
});
router.get('/:name/age/:age2',age:' + req.params.age2 );
});

module.exports = router;

ghostwu这个目录下面的index.js文件代码为:

app.use('/',indexRouter);
app.use('/user',infoRouter);

app.listen(8080);

通过以上的代码，就完成了路由的分离，把 / 和 /user分别放在index.js，info.js文件，然后导出router对象，通过app.use找到对应的路由

六、ejs模板的应用

安装: npm install ejs --save

index.js文件：

//设置模板目录: views
app.set('views',path.join(__dirname,'views'));

//设置模板引擎: ejs
app.set('view engine','ejs');
app.use('/',infoRouter);
app.listen(8080);

info.js文件

router.get('/:name',res) {
res.render( 'info',{
name : 'ghostwu',age : 22,sex : 'man'
});
});
module.exports = router;

第5行res.render渲染模板文件 info.ejs，第二个参数就是数据

info.ejs文件

<Meta charset="utf-8"> 用户信息:

用户名: <%=name%>
年龄: <%=age%>
性别: <%=sex%>

<%=变量名%>读出数据

<% code %>：运行 JavaScript 代码，不输出 <%= code %>：转义html标签 <%- code %>：不转义html标签

其他ejs用法，结合手册查下

以上这篇nodejs 图解express+supervisor+ejs的用法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程之家。

原文链接：https://www.f2er.com/express/36574.html