MVC
MVC是一种架构设计模式,将一个应用程序分为了三个部分:视图层(View),数据层(Model)和控制层(Control)。通过对应用程序分层,可以将应用的各个模块之间解耦,使得各个模块的逻辑更加清晰,更符合最小知识原则。下面是MVC各层次的功能:
- 视图层(View):
视图层定义了页面的UI布局,同时处理当数据变化时,UI如何渲染的问题
- 数据层(Model):
数据层用于保存和处理页面中展示的数据,在数据发生变化时,同时视图层重新渲染视图。
- 控制层(Control):
控制层用于处理用户与视图交互,用户对数据的改变等逻辑。
以下面一个简单的例子可以看到如何使用MVC来构建一个应用:
![93533a75838e5396b9442f3ad723b6f4.png](https://i-blog.csdnimg.cn/blog_migrate/cf29227a19043c3887855486698a4ac3.png)
上图是一个非常简单的应用,点击按钮可以使页面中的数字加1。
下面是不使用MVC的代码:
// index.html
<body>
<div id="value">1</div>
&