位置: 编程技术 - 正文

使用Node.js实现简易MVC框架的方法(使用nodejs实现简单的局域网聊天功能)

编辑:rootadmin

推荐整理分享使用Node.js实现简易MVC框架的方法(使用nodejs实现简单的局域网聊天功能),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:怎么用nodejs运行js代码,使用node.js实现100以内的偶数,使用nodejs实现简单的局域网聊天功能,nodejs使用视频教程,node.js使用教程,node.js怎么用,使用node.js实现用IP地址查询天气情况,使用node.js实现100以内的偶数,内容如对您有帮助,希望把文章链接给更多的朋友!

在使用Node.js搭建静态资源服务器一文中我们完成了服务器对静态资源请求的处理,但并未涉及动态请求,目前还无法根据客户端发出的不同请求而返回个性化的内容。单靠静态资源岂能撑得起这些复杂的网站应用,本文将介绍如何使用Node处理动态请求,以及如何搭建一个简易的 MVC 框架。因为前文已经详细介绍过静态资源请求如何响应,本文将略过所有静态部分。

一个简单的示例

先从一个简单示例入手,明白在 Node 中如何向客户端返回动态内容。

假设我们有这样的需求:

当用户访问/actors时返回男演员列表页

当用户访问/actresses时返回女演员列表

可以用以下的代码完成功能:

上面代码的核心是路由匹配,当请求抵达时,检查是否有对应其路径的逻辑处理,当请求匹配不上任何路由时,返回 。匹配成功时处理相应的逻辑。

上面的代码显然并不通用,而且在仅有两种路由匹配候选项(且还未区分请求方法),以及尚未使用数据库以及模板文件的前提下,代码都已经有些纠结了。因此接下来我们将搭建一个简易的MVC框架,使数据、模型、表现分离开来,各司其职。

搭建简易MVC框架

MVC 分别指的是:

M: Model (数据)

V: View (表现)

C: Controller (逻辑)

在 Node 中,MVC 架构下处理请求的过程如下:

请求抵达服务端

服务端将请求交由路由处理

路由通过路径匹配,将请求导向对应的 controller

controller 收到请求,向 model 索要数据

model 给 controller 返回其所需数据

controller 可能需要对收到的数据做一些再加工

controller 将处理好的数据交给 view

view 根据数据和模板生成响应内容

服务端将此内容返回客户端

以此为依据,我们需要准备以下模块:

server: 监听和响应请求

router: 将请求交由正确的controller处理

controllers: 执行业务逻辑,从 model 中取出数据,传递给 view

model: 提供数据

view: 提供 html

创建如下目录:

server

创建 server.js 文件:

先不管这个文件里的细节,router是下面将要完成的模块,这里先引入,请求抵达后即交由它处理。

router 模块

router模块其实只需完成一件事,将请求导向正确的controller处理,理想中它可以这样使用:

总的来说,我们希望它同时支持路由中间件和非中间件,请求抵达后会由 router 交给匹配上的中间件们处理。中间件是一个可访问请求对象和响应对象的函数,在中间件内可以做的事情包括:

执行任何代码,比如添加日志和处理错误等

修改请求 (req) 和响应对象 (res),比如从 req.url 获取查询参数并赋值到 req.query

结束响应

调用下一个中间件 (next)

Note:

需要注意的是,如果在某个中间件内既没有终结响应,也没有调用 next 方法将控制权交给下一个中间件, 则请求就会挂起

__非路由中间件__通过以下方式添加,匹配所有请求:

比如上面的例子:

__路由中间件__通过以下方式添加,以 请求方法和路径精确匹配:

梳理好了之后先写出框架:

使用Node.js实现简易MVC框架的方法(使用nodejs实现简单的局域网聊天功能)

/lib/router.js

以上主要是给 router 添加了 use、get、post 等方法,每当调用这些方法时,给 routes 添加一条 route 规则。

Note:

Javascript 中函数是一种特殊的对象,能被调用的同时,还可以拥有属性、方法。

接下来的重点在 router 函数,它需要做的是:

从req对象中取得 method、pathname

依据 method、pathname 将请求与routes数组内各个 route 按它们被添加的顺序依次匹配

如果与某个route匹配成功,执行 route.handler,执行完后与下一个 route 匹配或结束流程 (后面详述)

如果匹配不成功,继续与下一个 route 匹配,重复3、4步骤

对于非路由中间件,直接调用其 handler。对于路由中间件,只有请求方法和路径都匹配成功时,才调用其 handler。当没有匹配上的 route 时,直接与下一个route继续匹配。

需要注意的是,在某条 route 匹配成功的情况下,执行完其 handler 之后,还会不会再接着与下个 route 匹配,就要看开发者在其 handler 内有没有主动调用 next() 交出控制权了。

在__server.js__中添加一些route:

每个请求抵达时,首先打印出一条 log,接着匹配其他route。当匹配上 actors 或 actresses 的 get 请求时,直接发回演员名字,并不需要继续匹配其他 route。如果都没匹配上,返回 。

在浏览器中依次访问 测试一下:

network 中观察到的结果符合预期,同时后台命令行中也打印出了三条 New request arrived语句。

接下来继续改进 router 模块。

首先添加一个 router.all 方法,调用它即意味着为所有请求方法都添加了一条 route:

接着,添加错误处理。

/lib/router.js

server.js

默认情况下,遇到错误时会返回 ,但开发者使用 router 模块时可以传入自己的错误处理函数将其替代。

修改一下代码,测试是否能正确执行错误处理:

这样任何请求都应该返回 :

继续,修改 route.path 与 pathname 的匹配规则。现在我们认为只有当两字符串相等时才让匹配通过,这没有考虑到 url 中包含路径参数的情况,比如:

这条route应该匹配成功才是。

新增一个函数用来将字符串类型的 route.path 转换成正则对象,并存入 route.pattern:

这样就可以匹配上带有路径参数的url了,并将这些路径参数存入 req.params 对象:

添加个 route 测试一下:

访问 模块就写到此,至于查询参数的格式化以及获取请求主体,比较琐碎就不试验了,需要可以直接使用 bordy-parser 等模块。

现在我们已经创建好了router模块,接下来将 route handler 内的业务逻辑都转移到 controller 中去。

修改__server.js__,引入 controller:

新建__controllers/actors.js__:

在 controller 中同时引入了 view 和 model, 其充当了这二者间的粘合剂。回顾下 controller 的任务:

controller 收到请求,向 model 索要数据model 给 controller 返回其所需数据controller 可能需要对收到的数据做一些再加工controller 将处理好的数据交给 view

在此 controller 中,我们将调用 model 模块的方法获取演员列表,接着将数据交给 view,交由 view 生成呈现出演员列表页的 html 字符串。最后将此字符串返回给客户端,在浏览器中呈现列表。

从 model 中获取数据

通常 model 是需要跟数据库交互来获取数据的,这里我们就简化一下,将数据存放在一个 json 文件中。

/models/test-data.json

接着就可以在 model 中定义一些方法来访问这些数据。

models/actors.js

当 controller 从 model 中取得想要的数据后,下一步就轮到 view 发光发热了。view 层通常都会用到模板引擎,如 dust 等。同样为了简化,这里采用简单替换模板中占位符的方式获取 html,渲染得非常有限,粗略理解过程即可。

创建 /views/actors-list.js:

在浏览器中测试一下:

至此,就大功告成啦!

以上这篇使用Node.js实现简易MVC框架的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持积木网。

详解express与koa中间件模式对比 起因最近在学习koa的使用,由于koa是相当基础的web框架,所以一个完整的web应用所需要的东西大都以中间件的形式引入,比如koa-router,koa-view等。在koa的

详解用node搭建简单的静态资源管理器 本文介绍了用node搭建简单的静态资源管理器,分享给大家,具体如下:我么都知道,老牌的3p服务器都是自带静态资源管理器的。但是node不同,它没有w

Node.js五大应用性能技巧小结(必须收藏) 本文介绍了Node.js五大应用性能技巧,分享给大家,具体如下:一、实现一个反向代理服务器相比大多数应用服务器,Node.js可以很轻松的处理大量的网络

标签: 使用nodejs实现简单的局域网聊天功能

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

上一篇:Node.js 基础教程之全局对象(node.js基础入门)

下一篇:详解express与koa中间件模式对比(koa和express的区别)

  • 实收资本印花税是一年一交吗
  • 小规模进项可以收专票吗
  • 怎么强调各个分公司之间无直接联系
  • 资产总额季度平均
  • 延期申报预缴税款比例
  • 客运承运人是什么意思
  • 增值税留抵税额抵减欠税
  • 公司过账什么意思
  • 付了电费当月没有收到发票
  • 运输企业桥票怎么做会计分录
  • 全额计提坏账符合的条件
  • 交车辆购置税可以刷信用卡吗
  • 房租发票9%还是5%
  • 房产税应当计入什么科目
  • 委托代购商品的核算有
  • 补缴去年的社保怎么做账
  • 电脑专用电源转换器
  • 通行费怎么认证
  • 固定资产资产评估
  • 出差人员差旅费作细的说明叫什么
  • cookie 区别
  • 建筑劳务公司一年挣多少钱
  • 软件产品登记证书官费
  • 印花税按次按月
  • 电脑任务栏图标怎么全部显示出来
  • 公积金贷款所需手续
  • 支出的科目有哪些
  • 政府会计制度收入支出表
  • php读取文件内容
  • 破解版微擎框架如何升级
  • 工业企业成本核算的一般程序
  • 企业日常费用支出明细表
  • 劳务派遣小规模开票几个点
  • 域名费用怎么交
  • 企业官网用什么系统
  • 小规模纳税人是个体户吗
  • 未收到货款但发货怎么办
  • 含税含运费价格,运费谁出
  • MySQL入门教程
  • 借款人和还款人不一致,收据打给谁
  • 发票金额少于付款金额怎么做账
  • 贷方账户日累计金额超限什么意思
  • 发放工资凭证后多久到账
  • 实收资本的印花税什么时候申报
  • 税控维护费是什么意思
  • 管理费用明细科目设置和核算需要注意哪些问题
  • 认证未抵扣往哪里记
  • 工资计提数小于发放数,如何处理
  • 保险公司收车船税返还手续费犯罪
  • 福利费专票分录
  • 人力资源公司的进项票有哪些
  • 员工出国境有关说法
  • 私营公司融资租房合法吗
  • SSB(SQLservice Service Broker) 入门实例介绍
  • 数据库中alter table的用法
  • wermgr.exe是什么进程
  • mac电脑如何下载app
  • windows+ctrl+m
  • win7系统莫名其妙占用个D盘
  • ubuntu怎么设置成中文
  • win10 预览版 移除 tab 栏 特性
  • win7怎么删除右键菜单
  • linux source命令是什么
  • 各浏览器网址
  • 怎样用div css制作网页
  • js按下键盘事件
  • javascript运用
  • jquery删除所有class
  • vue.js如何使用
  • javascript+HTML5自定义元素播放焦点图动画
  • JavaScript中的数据类型分哪为两大类?
  • javascript语言基础
  • Android studio 打包apk后卡在首屏
  • 基于python语言的项目
  • jquery点击按钮修改表格数据
  • 车辆购置税2024年政策
  • 进口汽车零部件编码查询
  • 公司变更税务局
  • 跨市变更税务登记要多久
  • 增值税发票清单怎么打印出来
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设