项目架构分析及其实现.txt

一、页面构成
引导页
  logo icon

首页(主页)
  Header Component
    nav icon
    text
    more icon

  List Component
    Message Component
      messageImg
      messageInner
        messageTitle
        messageSubTitle

  Toolbar Component
    link
      icon
      text

  动态页
    Header Component
      Back Component
      text

    List Component
      Card Component
        CardMessage Component
          Message Component
        card-content
          image
          text
        card-attr
           CardState Component
           CardUserList Component
        card-comment Component

     Toolbar Component

  好友页
    Header Component
      Back Component
      text

    List Component
      Message Component

    Toolbar Component

  我的主页
    Header Component
      Back Component
      text

    Message Component
    SimpleMessage Component

  个人详情页
    Header Component
      Back Component
      text

    UserDetail Component
      UserInfo Component
        useravatar
        usernick
        userdes
      FollowBtn Component
      UserInfo
        Tab Component

  搜索页
    Header Component
      Search Component

  其他页
    Search Component
    UserInfo Component


公共组件包括：Tab Component、Search Component、Dialog Component、Loading Component、Calendar Component、FoldPanel Component、Slide Component。
全局动画组件：InterludeAnimation Component、FadeInOutAnimation Component。
原子组件：FillState Component、Checkbox Component、Switch Component。


二、全局控制器(Controller)
通过Backbone的Router和History模块，响应URL，根据锚点规则调用Action，如果在Action中实例化View，此时的View相当于前端MVC的Controller了，接收响应操作，调用Model、Model的属性改变渲染页面。

三、数据实体(Model)
定义数据映射实体，对数据进行检测、创建、修改和销毁，对外提供对应的逻辑方法

四、页面类(View)
1、预编译模板
2、委托模板元素事件
3、渲染模板和组件

五、UI组件
1、定义组件内部交互
2、组件的数据来源于Model
3、引用和当前组件相关的静态资源

六、抽取公共业务逻辑模块

七、组件交互单元测试和模块功能测试

八、使用构建工具提高开发效率和压缩、混淆资源