IceMx.Mvc 我的js MVC 框架 开篇

开篇

这篇文章是后补的,前端时间想写一些对于js开发的一些理解,就直接写了,后来发现很唐突,所以今天在这里补一个开篇。

 

我的js Mvc 框架 基于实用设计,过分设计等于没设计。本着简单的原则,它只实现以下2点。

1、html代码、逻辑、数据处理的分离。

2、组件化

 

对于现在web页面交互性要求越来越强的情况,开发复杂的js段应用就必不可少。

就拿一个评论模块来讲,你可能要求它调用简单、参数可配置、组件化。

 

组件化就不用说了,你肯定不希望你写的代码到处复制了。

 

以前我自己写js组件的时候最原始的办法是把html代码 隐藏在页面里,用的时候show一下

后来发现这样的话每个页面都要写一堆隐藏代码

所以就改进一下,把html代码用js用字符串拼接出来,这样就可以再各个地方调用了。

但是后来发现这样的代码维护很困难,而且不利于阅读。

于是就先到了分离

 

先来上一段组件调用代码

1         var discussController, FACE;
2         
3         IceMx.Mvc.Get("Discuss","Face");
4 
5         IceMx.Event.AddEvent("MvcLoadOver", function () {
6             FACE = new FaceController();
7             discussController = new DiscussController();
8             discussController.GetBody().appendTo("#panelDiscuss");
9         });

这是一个评论模块儿的调用,其实这里面包含了两个组件,我把评论里的表情也分离出来了,以后想其他地方加入表情只要new这个表情对象就ok了。

这样的调用实现了组件化。

 

再来看看目录结构

尤其是html代码的分离是很有必要的

 

框架会动态载入对应的控制器、模型、视图并且将视图绑定到控制器的变量内。

 

就先写这么多吧,随后会逐步完整共享出来,想法很浅薄,望高手提供宝贵意见。

 其他

若有兴趣请关注分类下的其他文章,如果能得到您的支持将不甚感激。

posted @ 2013-09-02 11:18  飞翔吧菜鸟  阅读(1357)  评论(4编辑  收藏  举报