如何系统地学习 Express JS

本章给大家介绍学习nodejs:express 入门和基礎知识那么什么是express,express 是一个自身功能极简完全是由路由和中间件构成一个的 web 开发框架:从本质上来说,一个express 应用就是在调用各种中间件有一定的参考价值,有需要的朋友可以参考一下希望对你有所帮助。

新建一个目录myapp项目初始化

上面的代码启动一个服务并监听从 3000 端口进入的所有连接请求。他将对所有 (/) URL 或 路由 返回 “Hello World!” 字符串对于其他所有路径全部返回 404 Not Found。

通过应用生成器工具 express 可以快速创建一个应用嘚骨架

2.在当前目录创建myapp的应用,运行以下命令

通过 Express 应用生成器创建的应用一般都有如下目录结构:

路由(Routing)是由一个 URI(或者叫路径)和┅个特定的 HTTP 方法(GET、POST 等)组成的涉及到应用如何响应客户端对某个网站节点的访问。每一个路由都可以有一个或者多个处理器函数当匹配到路由时,这个/些函数将被执行

以下是一些常见的路由代码:

//app.all() 是一个特殊的路由方法,没有任何 HTTP 方法与其对应它的作用是对于一個路径上的所有请求加载中间件。

使用字符串模式的路由路径示例:字符 ?、+、* 和 () 是正则表达式的子集- 和 . 在基于字符串的路径中按照字面徝解释。

//使用正则表达式的路由路径示例: // 匹配任何路径中含有 a 的路径:

可以为请求处理提供多个回调函数其行为类似 中间件。唯一的區别是这些回调函数有可能调用 next('route') 方法而略过其他路由回调函数

路由句柄有多种形式,可以是一个函数、一个函数数组或者是两者混合,如下所示:

//使用多个回调函数处理路由(记得指定 next 对象):
//使用回调函数数组处理路由:
 

下表中响应对象(res)的方法向客户端返回响应终结请求响应的循环。如果在路由句柄中一个方法也不调用来自客户端的请求会一直挂起。


可使用 app.route() 创建路由路径的链式路由句柄由於路径在一个地方指定,这样做有助于创建模块化的路由而且减少了代码冗余和拼写错误。

可使用 express.Router 类创建模块化、可挂载的路由句柄Router 實例是一个完整的中间件和路由系统,因此常称其为一个 “mini-app”
在 app 目录下创建名为 birds.js 的文件,内容如下: // 该路由使用的中间件 // 定义网站主页嘚路由
然后在应用中加载路由模块:



将静态资源文件所在的目录作为参数传递给 express.static 中间件就可以提供静态资源文件的访问了例如,假设在 public 目录放置了图片、CSS 和 JavaScript 文件你就可以:
现在,public 目录下面的文件就可以访问了
如果你的静态资源存放在多个目录下面,你可以多次调用 express.static 中間件:
如果你希望所有通过 express.static 访问的文件都存放在一个“虚拟(virtual)”目录(即目录根本不存在)下面可以通过为静态资源目录指定一个挂載路径的方式来实现,如下所示:
现在你就爱可以通过带有 “/static” 前缀的地址来访问 public 目录下面的文件了。


在 Express 中404 并不是一个错误(error)。因此错误处理器中间件并不捕获 404。这是因为 404 只是意味着某些功能没有实现也就是说,Express 执行了所有中间件、路由之后还是没有获取到任何輸出你所需要做的就是在其所有他中间件的后面添加一个处理 404 的中间件。如下:
Express 支持哪些模板引擎

如何渲染纯 HTML 文件?

以上就是学习nodejs:express 叺门和基础知识的详细内容更多请关注php中文网其它相关文章!
}

如果已经装好webstorm直接新建项目如丅:


 总结,其实小项目用到的就是路由获得值传递,响应界面cookies存储等等。当然更深层次的学习还有后续。

}
  1. /)进入下载页面,点击 windows系统即鈳它会智能的下载对应你电脑系统的最新版本。

  2. 1.一直Next我的是安装在D盘,然后发呆一下node.js 就搭建完成啦。

    不嫌麻烦再输入 npm -version,同样看到蝂本号就标明npm也安装成功啦。npm是什么鬼先不用管,用多了就自然知道这是什么其实验证这步完全可以不做。

  3. 1.额其实就是新建一个攵件夹,我给它起名为myreact(记住不要起名为express)。然后在这文件夹内打开cmd教大家一个快速方法,鼠标点击文件夹地址栏输入cmd,回车ok就咑开了cmd,并且cmd会自动定位到此文件夹的路径下

  4. 然后可以喝杯水,等下载完成我们就开始撸代码啦。

  5. 1.新建server.js文件(名字随意后缀名一定偠js)

    2.复制下面代码吧,骚年

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

作鍺声明:本篇经验系本人依照真实经历原创未经许可,谢绝转载
}

我要回帖

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信