发表于: 2017-07-25 22:05:15
1 871
今天最后收尾了任务10,主要还是要更改一下url和简化了代码
1. 首先是更改了nginx的配置文件
server {
listen 80;
server_name localhost;
#charset koi8-r;
#access_log logs/host.access.log main;
location / {
root D:/task/task-Js/task-Js-6-10/;
index index.html index.htm;
}
location /a/ {
proxy_pass http://dev.admin.carrots.ptteng.com;
}
去掉proxy pass后边地址上的“/”,配置的时候识别“/a”,直接将http://dev.admin.carrots.ptteng.com配置上去,所以就可以省略一下实际的url地址,比如
$http ({
method: "put",
url: "/a/u/article/status",
params: {
id: id,
status: $scope.status
}
}).then(function success(response) {
$scope.searchHom()
})
2. 代码简化
首先,新增页面和编辑页面载入的是同一个html文件,所以,考虑到在编辑内容的时候首先要渲染服务器上对应id的内容,先get对应值
//当内容为编辑时,首先要根据id得到全部对应内容
$http({
method: "get",
url: "/a/article/" + $stateParams.id
}).then(function success(response){
$scope.params=response.data.data.article;
editor.$txt.html($scope.params.content)
});
接下来,通过ng-click点击事件触发对应function
<button type="button" class="reset-btn" ng-click="online(2)" ng-model="params.status"
ng-disabled="add.title.$invalid || add.type.$invalid || add.url.$invalid || add.img.$invalid || add.secType.$invalid" >
立即上线
</button>
传参直接传对应status
根据传参对应参数判断status
//根据ng-click点击事件触发函数传参,判断状态是上线还是草稿
if (sta == 2) {
$scope.params.status = 2
} else {
$scope.params.status = 1
}
判断是否有id,就知道当前页面是不是新增
if ($stateParams.id == undefined) {
//没有id,内容为新增,上线内容
//通过赋值方式绑定editor内容
$scope.params.content = editor.$txt.html();
$http({
method: "post",
url: "/a/u/article",
params: $scope.params
}).then(function success(response) {
$state.go('home.form',{page:1})
});
} else {
//有id,状态是新增
$scope.params.content = editor.$txt.html();
$http({
method: "put",
url: "/a/u/article/" + $stateParams.id,
params:$scope.params
}).then(function success(response){
$state.go('home.form',{page:1})
});
}
触发点击事件就可以达成上线或是传草稿
评论