简述MVC模式

最新推荐文章于 2023-06-16 10:20:58 发布

weixin_30414245

最新推荐文章于 2023-06-16 10:20:58 发布

阅读量302

点赞数

文章标签：测试

原文链接：http://www.cnblogs.com/muou2125/p/10314096.html

版权

 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>

转载于:https://www.cnblogs.com/muou2125/p/10314096.html

优惠劵

weixin_30414245

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简述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 &l...
复制链接

扫一扫