HTML5技术

【移动前端开发实践】从无到有(统计、请求、MVC、模块化)H5开发须知 - 叶小钗(14)

字号+ 作者:H5之家 来源:H5之家 2015-09-28 18:22 我要评论( )

这里注释写的很详细,例子也很简单很完整,其实并不需要太多的分析,对MVC还不太理解的朋友可以换自己方式实现以上代码,然后再加入评论模块,或者其它模块后,体会下开发难度,然后再用这种方式开发试试,体会不同

这里注释写的很详细,例子也很简单很完整,其实并不需要太多的分析,对MVC还不太理解的朋友可以换自己方式实现以上代码,然后再加入评论模块,或者其它模块后,体会下开发难度,然后再用这种方式开发试试,体会不同才能体会真理,道不证不明嘛,这里的代码组成为:

① 公共的继承方法

② 公共的View抽象类,主要来说完成了view的事件绑定功能,可以将所有click事件全部写在events中

PS:这个view是我阉割便于各位理解的view,真实情况会比较复杂

③ 公共的Model抽象类,主要完成model的骨架相关,其中比较关键的是update后的通知机制

④ 业务model,这个是关于博客model的功能体现,单纯的数据操作

⑤ 业务View,这个为类实例化后执行了show方法,便绑定了各个事件

这里以一次博客新增为例说明一下程序流程:

① 用户填好数据后,点击增加博客,会触发相应js函数

② js获取文本框数据,为model新增数据

③ model数据变化后,分发事件通知各个控制器响应变化

④ 各个controller执行,并根据model产生view的变化

好了,这个例子就到此为止,希望对帮助各位了解MVC有所帮助

优势与不足

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
  • [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    [移动端] IOS下border-image不起作用的解决办法 - 小路_同学

    2017-05-02 12:04

  • 前端工具的安装 - 韩子卢

    前端工具的安装 - 韩子卢

    2017-05-02 08:00

  • 【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    【Vue 入门】使用 Vue2 开发一个展示项目列表的应用 - zhangjk

    2017-04-30 16:00

  • 在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    在Delphi下使用迅雷APlayer组件进行免注册开发 - Delphi力量

    2017-04-28 15:00

网友点评