美文网首页
前端中的MVC

前端中的MVC

作者: charllote8 | 来源:发表于2018-01-29 10:52 被阅读0次

MVC(Model View Controller)是前端开发中的一种设计模式。M即model,模型层主要负责数据逻辑部分,按照功能将代码分块;V即view,视图层负责数据显示的部分;C即controller,控制层主要负责数据交互的部分。
MVC开发模式可以简化为以下几步:
1.model层与服务器进行交互,从服务器请求数据,得到数据后进行封装。
2.controller层调用model层的数据,然后进行逻辑处理,然后model层接收controller层返回的数据。
3.model层对view层进行监听,让视图进行更新,视图更新完毕后通知model层。
MVC设计模式简化了开发,降低代码的耦合性。

代码说明

var model = {
    data: null,
    init(){}
    fetch(){}
    save(){}
    update(){}
    delete(){}
}
view = {
    init() {}
    template: '<h1>hi</h1'>
}
controller = {
    view: null,
    model: null,
    init(view, model){
        this.view = view
        this.model = model
        this.bindEvents()
    }
    render(){
        this.view.querySelector('name').innerText = this.model.data.name
    },
    bindEvents(){}
}

相关文章

  • 前端中的MVC

    MVC(Model View Controller)是前端开发中的一种设计模式。M即model,模型层主要负责数据...

  • Vue

    Node.js(后端)中的MVC与前端中的MVVM之间的区别 MVC是后端的分层开发概念,MVVM是前端视图层的概...

  • 前端框架系列之(mvvm)

    简介 前面我们介绍过了mvc 前端框架系列之(mvc),mvp 前端框架系列之(mvp),MVP中我们说过随着业务...

  • Spring ( 第四讲 )

    前端控制器 ( Controller ) 什么是 Controller ? 在mvc 框架中 , 都会存在一个前端...

  • [Struts2]4-struts2开发流程

    先来简单说说MVC架构设计,在MVC架构中,Servlet作为前端中枢控制器(Controller),负责接收客户...

  • 学习笔记:React组件

    一、前沿 React主要的作用是提高前端开发MVC架构中的View开发效率。提高前端页面的代码复用率、简化前端数据...

  • 七、(一)DispatcherServlet

    Spring MVC的核心是DispatcherServlet,这个Servlet充当Spring MVC的前端控...

  • 第41期 TypeScript 期中考试现在开始 & 一起来玩玩

    MVC的不足与Flux的崛起 在前几篇中,我演示了一个前端 Backbone.js MVC 框架用于解决实际问题的...

  • 前端 MVC、MVVM 与面向对象

    按照《前端MVC与模块化》中的方法把各模块代码分成MVC三层,仍然存在一些问题,如公共方法无法复用、每个模块MVC...

  • (17.06.12)MVC、库和框架的区别、AngularJS、

    MVC    后台 前端开始用MVC 不用原生写MVC    1.不是所有人都懂MVC,用人需求变高。    2....

网友评论

      本文标题:前端中的MVC

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