位置: 编程技术 - 正文

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后面获取的键名就是这个占位符

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

如果你学过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服务端

本文链接地址:https://www.jiuchutong.com/biancheng/380866.html 转载请保留说明!

上一篇:阿里大于短信验证码node koa2的实现代码(最新)(阿里大于短信验证接口)

下一篇:nodejs对express中next函数的一些理解(node的express)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络