在一个正常的开发流程中，开发流程往往是这样的： 1. 前台所有原型开发(全部)。 2. 前台UML图开发, 后台UML图开发。 3. 根据前台UML图，制定开发规范(按模块分步开发)。 4. 按开发规范，开发后台(按模块分步开发)。 5. 开发前台M层，按规范与后台对接(按模块分步开发）。 我们往往会按项目需求制定开发规范。 所以，一般不会出现上一章节中，需要手工建立json文件的情况。同样，我们已假设开发至此，已经制定好如下规范, 并且后台人员已经按规范已经开发好了接口。 # 开发规范 ## /Teacher_all 教师列表 ## URL: http://www.mengyunzhi.com:8080/javaee/Teacher_all.json ## 请求格式 json ## HTTP请求方式 GET ## 是否需要登录 是 ## 请求参数 <table> <tr> <th></th> <th>必选</th> <th>类型及范围</th> <th>说明</th> </tr> </table> ## 注意事项 返回值中，包括teacher信息. ## 返回结果 json示例: ``` { "code": 200, "teachers": [ { "email": "lisi@yunzhiclub.com", "id": 1, "name": "李四", "password": "234", "sex": false, "teacherId": 1, "username": "lisi" }, { "email": "wangwu@yunzhiclub.com", "id": 2, "name": "王五", "password": "234", "sex": false, "teacherId": 2, "username": "wangwu" } ] } ``` ## 返回字段说明 <table> <tr> <th>返回字段</th> <th>字段类型</th> <th>说明</th> </tr> <tr> <td>code</td> <td>int</td> <td>200正常；401：用户未登陆; 403:用户无权限</td> </tr> <tr> <td>teachers</td> <td>array</td> <td>教师列表（包含有teacher信息）</td> </tr> </table> # 重构代码 现在，我们正式将前台中的url写入正式的信息 app/scripts/services/teacher.js ``` ... // 获取所有教师 var all = function(callback) { // $http.get().then(function1(){}, function2(){}); 链式调用 then()中接收两个参数，类型均为function $http.get('http://www.mengyunzhi.com:8080/javaee/Teacher_all.json').then(function success(response) { // 数据成功返回 console.log(response); var teachers = response.data.teachers; callback(teachers); }, function error(response) { console.log('数据请求错误：'); console.log(response); }); }; ... ``` # 测试 此时，我们刷新 [http://localhost:9000/#!/teacher/](http://localhost:9000/#!/teacher/), 打开控制台，并注意网络选项卡，如果数据成功返回的话，相信你已经能看到数据表中的数据了。