发表于: 2017-07-01 23:30:58

1 872


1、修改bug:富文本框,赋值问题,需使用ready()函数,在文档加载完成之后在进行赋值操作。否则可能失效(昨天做的延迟函数伪操作。。。)。

ue.ready(function() {ue.setContent(response.data.article.content)});

2修改bug:图片上传无法连续传相同图片的问题(onchange函数检测未变化,不执行后面步骤),以及匹配官网样式,上传图片后,删除图片之前禁用上传按钮的问题。

上传按钮函数,检测内容是否不为空,增加禁用样式。

function readFile(){
if(document.getElementById('file').value!=""){document.getElementById('load2').className= 'ng-disabled';}。。。。}

删除图片函数,第一个代码清空上传文件,避免相同文件无法二次上传。第二个代码取消原来禁用样式。

function deleteImg(){
   
document.getElementById('file').value="";
   
document.getElementById('load2').className= '';。。。}

3、填好官网任务接口超级天坑

编辑页面,之前的接口问题一直报错,postman验证也是同样问题。仔细看了其他师兄代码,请求参数多了一个任务资源里面根本没有提到的createAt字段,真心很无语,图上status说明写错,少了type字段请求,好歹都能够根据任务流程进行判断,直接来这一手,感觉自己很难纠正这个问题(现在想想,增加这个创建时间参数传递,应该是跟后端数据的一个验证?)。

        

4、优化$http传参请求相关代码

$scope.btnLoad=function (status) {
   
//编辑模式下,需传递createAt值,否则赋值为空。
   
if(idXX!=undefined){createAt=$scope.createAtelse {createAt=null;}
    params={
       
title:$scope.title,
       
type:$scope.type,
       
status:status,
       
//读取富文本框纯文本内容
       
content:ue.getContentTxt(),
       
url:$scope.url,
       
img:img,
       
industry:$scope.industry,
       
createAt:createAt
   
}


   
//两种页面模式下,不同传参判断:请求方式;请求url;请求成功后弹出框内容。  if(idXX!=undefined){method='put';urlED='/carrots-admin-ajax/a/u/article/'+idXX;alertSub="编辑成功!"}
   
else {method='post';urlED='/carrots-admin-ajax/a/u/article/';alertSub="新增成功!"}
    $http({
       
method:method,
       
headers: {'Content-Type': 'application/x-www-form-urlencoded'},
       
url:urlED,
       
params:params})
        .success(
function (res) {
           
console.log(res);
            if
(res.message=="success")
            {
alert(alertSub);$state.go('main.article')}
           
//跳转页面
       
})
}

提交按钮,代参。另一个相同,需赋值var status=2;

//草稿提交
$scope.submitDraft=function(){
   
var status=1;
   
$scope.btnLoad(status);
}

收获:上传框相关判定的各种写法及一些bug技能。

困难:部分代码改起来太费神,需要在任务初期就建立良好的大局观,任务中一步一步做好细节并匹配产品要求,避免后期不断改代码各种报错。

计划:bug改的差不多了,功能性应该基本实现,部分体验性的样式没有进行深究(删除提示框,上传进度条等bs插件样式主要)。后面重点看下angular自定义指令相关内容。



返回列表 返回列表
评论

    分享到