首页 > 语言 > JavaScript > 正文

学习使用ExpressJS 4.0中的新Router的用法

2024-05-06 15:28:12
字体:
来源:转载
供稿:网友

概述

ExpressJS 4.0中提出了新的路由Router。Router好比是一个“迷你版”的express应用,它没有引入views或者settings,但是提供了路由应有的API,.use,.get,.param和route。

示例应用

让我们创建一个express应用,仅仅有少量routes和功能:

基础路由:Home,About 一个把request请求打印到console的路由中间件 一个带参数的路由 一个校验特殊参数的路由中间件 一个用于登录的路由,响应对与路径/login的GET和POST请求 校验功能:校验传递给某一个路由的参数

应用文件架构

我们只需要两个文件:

- package.json // 构建node应用所需要的插件- server.js   // 构建示例应用的启动文件

我们会把路由代码写如server.js文件。将来为了让示例应用模块化,我们会把这些路由代码分别写入不同的文件,甚至可以为网站的不同组成部分单独定义不同的路由文件。

创建Node应用

创建node应用,我们需要编写package.json文件去定义node应用依赖的插件。

{  "name": "express-router-experiments",  "main": "server.js",  "dependencies": {    "express": "~4.0.0"  }}

下面继续安装依赖:

$ npm install

现在我们安装了Express,让我们继续编写server.js去处理路由。

创建server

我们在package.json中指定了main属性值为server.js,因此Express会使用server.js作为应用的入口文件。

// server.js// 基础设置// ==============================================var express = require('express');var app   = express();var port  =  process.env.PORT || 8080;// 路由// ==============================================// 示例路由app.get('/sample', function(req, res) {  res.send('this is a sample!'); });// 我们会在这里编写自己的路由// 启动server// ==============================================app.listen(port);console.log('Magic happens on port ' + port);

现在我们可以使用命令node server.js启动server。我们使用app.get创建了一个Express 3时代的路由,如果此时打开浏览器访问http://localhost:8080/sample,我们就能看到这样下面的文字:this is a sample!。

基本用法 express.Router()

下面我们一起编写Node应用前端路由的例子,包括Home页面和About页面。

// server.js...// 获取router实例var router = express.Router();// home页面路由(http://localhost:8080)router.get('/', function(req, res) {  res.send('im the home page!'); });// about页面路由(http://localhost:8080/about)router.get('/about', function(req, res) {  res.send('im the about page!'); });// 把定义好的路由集成到Node应用中app.use('/', router);...

我们前面的代码使用express.Router()生成一个路由实例,并定义路由规则,最后把这个路由实例集成到应用中。现在我们可以通过http://localhost:8080访问Home页面,通过http://localhost:8080/about访问about页面。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选