MVC 模式在javascript中的应用

本文介绍了一种将MVC架构与AJAX技术结合的客户端应用开发方案,通过一个简单的事件管理系统示例展示了如何利用该模式进行高效开发。该方案不依赖特定库如jQuery,而是强调分离关注点的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

此方案是一次将MVC的思想引入客户端的尝试. 结合AJAX , 并借鉴了一些ASP.NET MVC的实现模式.

示例是一个简单的事件管理系统, 只有一个页面, 用户可以提交事件(post), 回复(reply). 页面打开时列表方式展现事件及回复.

Controller公开一系列action 给调用方.

action主要做三类事:

1. 使用ajax方式与服务器端通信(ajax) 2. 维护viewModel实例的状态 3. 刷新页面的局部视图

Controller定义如下:

Controller引用着一个ViewModel的实例, ViewModel的定义如下:

调用示例:

这个示例是jquery版的, DOM中也能看到jTemplates的影子(一个jquery插件), 但从思想到实现, 这个方案并不依赖于jquery, Controller中的两处外部依赖($.ajax和renderTemplate)完全可以寻找其他等价物替代.

此示例项目选用jquery和jTemplates完全是项目选型决定, 实现上只是借用了现成的便利.

(DOM中 <textarea class="template">... </textarea>是一个 jTemplates 模板)

转载于:https://www.cnblogs.com/yicone/archive/2010/08/17/1801125.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值