简述MVC模式 

 1 <!DOCTYPE html>
 2 <html lang="zh-CN">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>MVC</title>
 6 </head>
 7 <body>
 8     <script type="text/javascript">
 9         // 定义三个对象，模拟Model, View, Controller
10         var M = {}, V = {}, C = {};
11 
12         // Model负责数据
13         M.data = 'This is simple MVC';
14 
15         // View负责渲染数据到页面上
16         V.render = (M) => {
17             alert(M.data);
18         }
19 
20         // Controller作为Model和View之间的桥梁
21         C.handleOne = () => {
22             V.render(M);
23         }
24 
25         // 在加载页面的时候执行controller中的方法来串联整个MVC
26         window.onload = C.handleOne;
27     </script>
28 </body>
29 </html>

 

posted @ 2019-01-24 13:54  青芒灬  阅读(498)  评论(0)    收藏  举报