发表于: 2017-01-13 22:08:13

2 1280


今天完成的事情:

1.终于完成了任务8,成果:http://119.10.57.69:880/jnshu067/js-task6/one-login.html

2.实现了通过点击按钮再搜索的功能。取消了监听,而是写了一个click函数,点击后才触发。

3.完成了本地的分页和点击搜索,也写出了和后台交互的分页和搜索。

和后台交互的分页主要是通过实时监听分页的当前page数,来触发发送http请求,达到刷新数据的功能。

// 分页函数,分页使用数据监听
$scope.$watchCollection('currentPage', function (newValue) {
    $http.get('/skill-ajax/a/occupation/document/1?type=1&size=10&page='+newValue)
        .success(function (response) {
            // 后台返回总数据量
            $scope.names = response.data;
        });
});

和后台的搜索是通过点击搜索按钮来触发http请求。

   $scope.searchClick = function (number) {
// 把number作为搜索参数传入,实现搜索
       console.log(number);
       if(number>=1 &&number<=8){
           $http.get('/skill-ajax/a/occupation/document/'+number+'?type=1&size=10&page=1')
               .success(function (response) {
                   // 后台返回总数和所有数据
                   $scope.num = response.total;
                   $scope.names = response.data;
               });
       }
       else {
           alert("请输入1~8的数字");
       }

   };

4.查找资料写出了ui路由的默认页面

.state("PageTab", {
   url: "/PageTab",
   templateUrl: "page-tab.html",
   controller: function($state){
       $state.go('PageTab.Page1');//默认显示第一个tab
   },
   resolve: {
       loadMyFile: _lazyLoad(
           ['css/page-tab.css']
       )
   }


明天计划的事情:

研究任务9的formdata


遇到的问题

侧边栏的点击效果和bootstrap自带的打开效果有些冲突,暂时没写。


收获:

主要见已完成的事情,今天查找资料和调试特别顺利。

小课堂收获:了解到了rest风格,REST是设计风格而不是标准。REST通常基于使用HTTP,URI,和XML以及HTML这些现有的广泛流行的协议和标准






返回列表 返回列表
评论

    分享到