美文网首页Node.jsJava 核心技术
11-廖雪峰-node-web-koa2-MVC

11-廖雪峰-node-web-koa2-MVC

作者: _panda | 来源:发表于2017-08-09 16:33 被阅读72次

MVC

我们学习了koa处理url,Nunjucks渲染模块,但我们去结合着两个的时候。
当一个用户请求URL,koa将调用一个异步的函数来处理这个URL,在这个函数内部,我们使用一行代码来实现:

ctx.render('home.html',{name:'panda'});

通过Numjucks的模板渲染到html页面,然后输出给浏览器,用于就可以使用渲染后的界面了。

image

这就是我们的MVC了

异步函数是C:Controller,Controller负责业务逻辑,比如检查用户名是否存在,取出用户信息等等;

包含变量{{ name }}的模板就是V:View,View负责显示逻辑,通过简单地替换一些变量,View最终输出的就是用户看到的HTML。

MVC中的Model在哪?Model是用来传给View的,这样View在替换变量的时候,就可以从Model中取出相应的数据。

上面的例子中,Model就是一个JavaScript对象:

{ name: 'Michael' }

每次要处理和链接目录文件的时候我们都需要用到,==middleware==

几个重要的步骤

  • 处理 URL
    • 处理首页的 GET
    • 处理登陆请求的 POST/signin
  • 编写 view界面
    • 使用到 boostrap
  • 编写 middleware
    • 为了处理我们的static静态资源
  • 集成 Nunjucks
    • 实际上也是编写一个 middleware
      • 给主要的ctx对象绑定一个render,后买你的controller来调用这个方法来渲染模板

相关文章

  • 11-廖雪峰-node-web-koa2-MVC

    MVC 我们学习了koa处理url,Nunjucks渲染模块,但我们去结合着两个的时候。当一个用户请求URL,ko...

  • 廖雪峰

    https://www.liaoxuefeng.com/wiki/0014316089557264a6b34895...

  • 廖雪峰

  • 如何用git将代码上传到码云

    安装Git 建议直接浏览廖雪峰老师的安装介绍廖雪峰老师的安装Git教程 如果你想系统的了解Git的话,廖雪峰老师的...

  • 将自己的项目放到码云上托管

    安装Git 建议直接浏览廖雪峰老师的安装介绍廖雪峰老师的安装Git教程 如果你想系统的了解Git的话,廖雪峰老师的...

  • 安装Git

    建议直接浏览廖雪峰老师的安装介绍廖雪峰老师的安装Git教程 如果你想系统的了解Git的话,廖雪峰老师的这个网站是个...

  • 廖雪峰git

    廖雪峰git

  • Git版本控制学习资料

    一、个人感觉写的非常好,廖雪峰的git教程: 廖雪峰git教程

  • python学习

    使用的教材:廖雪峰教材 另外附一个廖雪峰笔记,感觉写的比我简练,可以用来查询具体用法:廖雪峰笔记 更多的可以查询:...

  • git分布式开发

    ## test ## 廖雪峰Git

网友评论

    本文标题:11-廖雪峰-node-web-koa2-MVC

    本文链接:https://www.haomeiwen.com/subject/hfdqrxtx.html