位置: 编程技术 - 正文
nodejs 图解express+supervisor+ejs的用法(推荐)(nodejs详解)
编辑：rootadmin推荐整理分享nodejs 图解express+supervisor+ejs的用法(推荐)(nodejs详解)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:nodejs 绘制图片,nodejs 图片处理模块,nodejs images,nodejs 图表,nodejs图形界面,nodejs images,nodejs express教程,nodejs images,内容如对您有帮助，希望把文章链接给更多的朋友！
通过node js自带的http模块搭建了一个简易的服务器，实际在开发中，一般用的是express框架，本文我们就来讲讲项目开发中必备不可少的几样东西：
&#;服务器( express )
&#;路由( express.Router )
&#;模板引擎( ejs )
&#;当然再加上数据库，就可以完成一个mvc的web应用了，数据库的用法，后期我会写一个项目
一、首先，新建一个项目文件夹( ghostwu )，在命令行下切换到该目录，用npm init --yes 初始化package.json文件
安装express: npm install express --save
二、新建index.js文件，输入以下代码
第一行，加载express模块
第二行，开启web服务器
第三行，web服务器监听端口， 当通过浏览器输入( ) 就会看到这段信息：welcome to study express -by ghostwu
三、如果你写过node服务器，你就会发现一个问题，每次修改之后，都要重启服务器，一般来说，我们修改文件之后，保存，刷新网页就能看到修改，需要达到这样的效果，我们就要安装supervisor，这个相当于webpack的热加载，我们采用全局安装： npm install -g supervisor，安装完成之后，我们以后就这样运行服务器文件了： supervisor --harmony index
之后修改index.js文件，只要保存，刷新网页就能马上看到修改之后的结果了
四、增加路由处理，修改index.js文件，把代码修改成如下：
----> 显示hello, express
----->显示hello, ghostwu
---->显示info: user:ghostwu, age:
:name占位符： 用来接收user后面的值 :age占位符用来接收age后面的值， req.params后面获取的键名就是这个占位符
如果你学过php,那么就相当于下面这种get接收参数方式
xxx.php&#;user=ghostwu&age= -----> $_REQUEST['user'] $_REQUEST['age']
五、一般在项目中，路由是需要单独分离出来的，便于维护和扩展
新建routers，然后在下面创建index.js和info.js文件
index.js代码：
info.js代码:
ghostwu这个目录下面的index.js文件代码为:
通过以上的代码，就完成了路由的分离，把 / 和 /user分别放在index.js，info.js文件，然后导出router对象，通过app.use找到对应的路由
六、ejs模板的应用
安装: npm install ejs --save
index.js文件：
info.js文件
第5行res.render渲染模板文件 info.ejs， 第二个参数就是数据
info.ejs文件
<%=变量名%>读出数据
<% code %>：运行 JavaScript 代码，不输出<%= code %>： 转义html标签<%- code %>：不转义html标签
其他ejs用法，结合手册查下
以上这篇nodejs 图解express+supervisor+ejs的用法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。
nodejs对express中next函数的一些理解 最近公司在使用node做前后端分离，采用的web框架是express，所以对express框架进行了深入的了解，前段时间写了篇关于express路由的文章，但是在那篇文章
Express + Session 实现登录验证功能 1.写在前面当我们登录了一个网站，在没有退出登录的情况下，我们关闭了这个网站，过一段时间，再次打开这个网站，依然还会是登录状态。这是因为
浅谈Express异步进化史 1、导言在Javascript的世界里，异步（由于JavaScript的单线程运行，所以JavaScript中的异步是可以阻塞的）无处不在。Express是node环境中非常流行的Web服务端
标签: nodejs详解
本文链接地址:https://www.jiuchutong.com/biancheng/380866.html 转载请保留说明！
