Model模型架构

internet

dorsywang

Model模型是  基于MVC的一种架构方式Model架构是一种团队合作的强约定规范Model在逻辑层封装了常用页面渲染模型

简介

过程型

页面全部是函数 函数调用函数

通篇绕来绕去,逻辑混杂过程型的思想,不直观代码易阅读性很差

Model型

var tabs = new MultitabModel();tabs.add("#allTab", allTab);Refresh.onpolldown(function(){    tabs.refresh();});

refresh方法

该模块重新请求Cgi渲染ScrollModel请求定位到第一页MutitabModel只对当前model refresh

应用场景    下拉刷新    手动刷新

update方法

MVVM

使用新的自定义数据更新模块

Model是成熟的框架成熟的、优雅的解决方案

兴趣部落

PC群活动使用Model来架构pc项目

哪些项目和页面使用了Model?

群活动

兴趣部落的大部分页面使用Model来架构移动端项目

接入Model

1. 使用群部落的框架, 包括grunt构建流程,页面组织方法,开发方法2. 使用PC群活动的框架(基于群部落)3. 稍稍修改model.js,适配当前项目

适用场景MVC的架构方式,全适用于hybrid app或者多页面项目

模块的显示、隐藏、内容更改、删除、增加

Model封装的模型

自定义数据page data

page render

RenderModelScrollModelCgiModelLinkModelMultitabModelPageModel

页面渲染

用户行为user act

cgi data

业务逻辑的抽象

Sever数据

模型提供的一些重要方法

rock方法

配置型功能块搭建

extend方法

Model重量级方法对象继承

事件防止多次触发

dorsywang(王斌)2014.09

移动快速开发架构——model模型架构

For Better Dev Exp

                                   文档: https://github.com/dorsywang/Soda                                             更多精彩: 参考兴趣部落或PC群活动代码                            交流讨论 :  314416946@qq.comAuthor's Other Projects: AlloyImage  AlloyPhoto AlloyDesigner AlloyClipTeam Blog: http://www.alloyteam.comTeam github: http://alloyteam.github.com

对象型cgi调用与view层分开类似于归类整理

1.保持代码的清晰与干净2.统一代码风格与规范,防止多人维护项目使项目代码凌乱不堪、多次重构3.减少重复代码开发4.大大增加代码易读性与页面易读性5.快速开发、构建页面6.强制缓存逻辑,优化打开速度,页面更接近原生应用

优点

页面的构建方案1.过程型    2.对象型3.Model架构型

强制的缓存逻辑

无需刻意多写代码,自动缓存第一屏数据以后进来页面直出

控制rock控制显示隐藏刷新当前模型刷新某个模型可定义初始化tab模型切换到某个tab模型

MultiTab的功能管理

重播 分享 评论
×
×

iPresst

版本:1.0

Copyright © iPresst.com. All Rights Reserved.

创作者:TAT.Aishen, TAT.CG, TAT.DM, TAT.Jarvis, TAT.Kinvix, TAT.Weber, TAT.Yussica