/tv-infos-app

Primary LanguageHTML

tv-info-app 设计过程记录

准备工作

  1. 配置package.json文件 ==> 写入需要用到的模块
  2. npm 安装各种模块依赖
  3. 配置gulpfile文件 ==> 引入各种模块依赖
  4. Bower包管理，对js类库文件进行管理，处理各种类库的依赖，下载最佳的版本

页面设计

  1. 遵循SPA设计理念
  2. 由ui-router来控制路由
  3. 每个功能页面为单独的模块
  4. 首页模块包含导航功能模块
  5. 留有占位区，单切换导航时
  6. 对应的模块页面渲染HTML到占位区

功能设计

  1. 每个页面设计有单独的控制器
  2. 一个 getProp 指令，来解析返回数据中包含数条api link的数组
  3. 两个过滤器
  4. 过滤器 capitalize 解析prop值对应的links
  5. 一个路由依赖注入配置
  6. 封装复用一个主要的控制器回调函数 genericController
  7. 该函数主要获取并解析api link
  8. 解析api，默认开启缓存
  9. $http.jsonp() 解决api地址跨域问题
  10. 处理api返回数据数组