电影列表检索案例

撰写于 2016年7月28日 修改于 2016年7月28日 分类 后端技术 标签 前端代码与禅

流行框架第六天:电影列表检索案例

step-01 构建项目结构

  • 克隆项目骨架
1
2
$ git clone --depth=1 https://github.com/Micua/angular-boilerplate.git moviecat
$ cd moviecat
  • 安装项目依赖
1
$ bower install bootstrap --save
1
2
.editorconfig -- 统一不同开发者的不同开发工具的不同开发配置
在Sublime中使用需要安装一个EditorConfig的插件
  • 为NG做一个项目骨架的目的是为了快速开始一个新的项目
  • angular-seed

npm 在 package.json中的script节点中可以定义脚本任务,

API的概念:
Application Programxxx Interface
应用程序编程接口

有哪些常见的API

WebAPI 通过WEB方式提供结构叫做 WEBAPI

Math.random() – api?

所有有输入有输出的事物都可以是API
都是函数

测试WebAPI的工具: POSTMAN

step-02 抽象数据成员,以假数据的方式设计控制器和视图

step-03 图片链接数据绑定BUG

step-04 豆瓣API介绍,加入$http服务对象完成AJAX请求数据

step-05 加载提示,Loading状态设计

step-06 修改字符数组的展示形式

step-07 实现分页功能

step-07 抽象公共的列表页

step-08 搜索功能模块

step-09 详细页模块设计展示

Site by Yifei Zhang using Hexo & Random

Yifei Zhang的博主是一名Node.js程序员,博客的内容会涉及电影 / 生活 / 吐槽 / JavaScript / PHP / Node.js / Express / MongoDB / MySQL / Redis / AngularJS / jQuery / HTML。

Hide