发表于: 2017-07-20 21:53:39

1 931


今天主要做的内容还是任务10的部分

1. 首先是遇到了一个比较大的问题,在之前写的搜索和跳页部分出故障了,后来发现出问题的原因在于之前拆分了一次嵌套路由,原本把整个article页面作为一个整体来写的,后来拆分成了home的侧边栏和上边栏部分,home的表格部分这两个部分,所以需要更改全部的跳页

比如

//点击跳转到自己输入的那页
$scope.jumpPage = function () {
   if ($scope.jPage >= 1 && $scope.jPage <= $scope.totalNum) {
       $state.go('home.form',{page : $scope.jPage})
   } else {
       alert("请输入正确的页数")
   }
};

2.删除内容

删除内容最开始也出了bug,和上下线的思路一样,使用ng-click传参,将要删除内容的对应id传过去,根据接口文档,将内容最终"ddelete",后来console了一下,将内容最终确定至该object的id,成功删除

//删除数据
$scope.delete = function (id) {
   // console.log(id);
   $http ({
       method: "delete",
       url: "/a/a/u/article/" + id
}).then(function success(response) {
       $scope.aaa()
   })
};

3. 新增功能

取消编辑很简单,直接写了一个页面跳转

$scope.cancel = function () {
   $state.go('home.form',{page: 1})
};

上线内容根据接口文档进行传参,存草稿同理,更改status即可,之后再做一个跳页

//上线内容
$scope.online = function () {
   // console.log($scope.parmas.startAt);
   $http({
       method: "post",
       url: "/a/a/u/article",
       params: {
           title: $scope.params.title,
           type: $scope.params.type,
           status: 2,
           img: $scope.params.img,
           content: $scope.params.content,
           url: $scope.params.url
}
   }).then(function success(response){
       $state.go('home.form',{page:1})
   });
};

接下来还剩下的部分是编辑内容和表单验证,争取早日做完,今天还做了一部分小课堂的ppt,具体内容等到讲小课堂再展开



返回列表 返回列表
评论

    分享到