基于dojo实现mvc 模式下的ajax应用

好象谁也没料到我在项目中做起了client端ajax应用,不过还好我也感兴趣,幸好一直以来应用.net的同时也做过尝试,其原理还是很好理解的,至于ms的atlas我就没太多接触了,反正感觉基于client js库自己来ajax要自由、灵活多了,至于client的有助于ajax应用的pure js库也蛮多的,此次项目组选用dojo库(大概由于其强大又开源吧).

   本人要实现的其中一项应用是控制服务端返回来的音频、文字在客户端播放时的同步,相信都看到过baidu的歌曲试听吧,声文同步且支持拖放同步,此次实现多它一个功能,那就是点哪一句就播哪一句(当然我不是为了播放歌曲).简要说我在和服务器的交互中使用JSON(javascript. object notation)传输数据,服务端用Newtonsoft的.net组件处理json数据序列化,至于具体的json格式那就你自己定义了,例如(最简单的): {
      Media : [{
      text : "......",
      start : "...",
            end : "...."
         },  ....]
         }
至于js下的mvc实现,或许许多人这样认为“js仅仅是个脚本而已”,大概应是ajax的出现改观了许多人对js的看法,其实用js可以写出完全面向对象的程序,因为js支持面向对象语言的几大重要特性,应是一直以来大家所见到的js脚本给大家造成了不好的印象,js原本就是面向对象的语言(我们见到许多由它写成的结构化的程序).看一下这篇文章我的实现也是受它启发,延伸一点的就是引用dojo的事件订阅、发布机制.

   说一下上述陈述功能的具体的实现,在model方面实现首先实现一个容器型的model,解析json数据并拥有当前句信息、所有句信息(数组)、设定当前句方法,
ContainerModel

 

ItemModel

另一个model代表上述的一句的信息,包含text、startTime、endTime,并且订阅“/positionChange”事件(后面据mediaplayer定时发布),同时定义两方法(此处会于View中用dojo.event的connect将其连于特定的用户事件)用于发布当前对象被激活的事件,于view中同时会为controller订阅此对象激活所发布的事件,controller处理时会刷新container model的当前项同时更新view的表现(如添加样式),其中view对象除了为其他对象进行一些事件连接、订阅外,其render方法负责将container model的所有项render成特定的html元素(如span),其中决定model的显示形式,

Viewer - Controller
请使用浏览器的分享功能分享到微信等