1. 程式人生 > >9.30 總結一下九月唄

9.30 總結一下九月唄

mda 測試 教訓 files 接口 pick brush lec delet

九月做了兩個版本 1.3.1 和 1.4

1.3.1主要是優化,新知識是bootstrap selectpicker,選擇輸入框:

初始化:

$("select[name=name]").selectpicker({
     noneSelectedText: ‘‘
});

兩個事件:changed.bs.select,hidden.bs.select

$("select[name=name]").on(‘changed.bs.select‘, function (e) {//改變選中項
        var name = $(this).find(‘option:selected‘).text();
        var val = $(this).val();
        var code = $(this).find(‘option:selected‘).attr(‘data-code‘);
        if(code){
                me.functionA();
        }
}).on(‘hidden.bs.select‘, function(e){ //打開選擇框並且其hidden後的處理

        if($(this).val()){//進入選擇框並且選中某個值後,addClass("has-success") ,給其加上綠色邊框,提示選擇框通過驗證
me.$group.removeClass(‘has-error‘).addClass(‘has-success‘); me.$group.find(‘small‘).hide() }else{ //進入選擇框卻沒有選中某個值時,addClass("has-error"),給其加上紅色邊框,提示為通過驗證          me.$group.removeClass(‘has-success),.addClass(‘has-error);           me.$group.find(‘small).show();

  

  邏輯方面主要是切換不同名稱後的處理,聯動較多,考慮的不太周全,導致後期測試的時候問題頻發,修完一個bug會引起另一個bug,捂臉。。。

教訓就是一定要多角度考慮,考慮全面,把各種可能的問題以及發生的情況都考慮進去。

1.4是開發一個新模塊,內容看著有點多,但是邏輯比較簡單,不難,另一個還是優化。

主要功能點是:

1.兩個編輯的彈窗,兩個頁面引用的同一個modal,但是對於不同頁面帶出的信息不一樣,在彈窗裏顯示的也有所不同。

對於單個部門詳情的編輯,modal的部門選擇是禁用的,默認為當前部門,而所有部門詳情的編輯,選擇框是活的,選擇不同部門帶出當前部門信息,開始沒考慮這麽細,後期花時間改了一下。

2.第一次做上傳文件!!沒有想像中的難~用戶選擇上傳文問,點擊上傳按鈕後,js中將當前文件存為form_data對象,並且把這個對象用過upload方法,上傳到指定接口就好啦!

//選中excel的時候填入文件信息
$(‘.file‘).on(‘change‘, function(e){
	$(‘.import-result‘).html(‘‘);
	var file = e.target.files[0];
	if(file){
	      $(‘.file-name‘).html(file.name);
	       $(‘.icon-delete-button‘).removeClass(‘hidden‘);
	}
	me.uploadExcel(file);
});
uploadExcel: function(file){
	var form_data = new FormData();
	form_data.append(‘file‘, file);
	MJJS.http.uploadFile(API.upload, form_data, function(d){
	    var pList = [];
	    for(var  i = 0; i < d.length; i++) {
		pList.push(‘<p>‘ + (i+1) + ‘.‘ + d[i] + ‘</p>‘);
	    }
	    $(‘.import-result‘).html(pList.join(‘‘));
        }, function(err){
            	$(‘.import-result‘).html(‘‘);
                MJJS.page.dialog.alert(err.msg);
       })
},

3.優化主要是判斷當前客戶是否可以墊款,並決定頁面的墊款充值單選框是否禁用,過程在選中客戶後去調一個接口,取得該客戶的相應信息,並對頁面進行聯動處理。

4.學會了時間加減!對於支持墊款的客戶,要限制墊款時間,在當前日期上架一定的天數,通過getDate() setDate() 進行設置!

5.字段驗證,在valid.js中加入驗證的接口,js裏通過判斷是否支持墊款,決定是否需要驗證它的額度,活用removeField addField 這兩個方法。一開始決定難,後來做了發現很簡單,嘻嘻

總結:  

加上八月做的1.3版本,目前已經做了三個版本了,每一次都會遇到很多問題,但是自己學著去解決,實在解決不了的也會去問 qz jf wd ,他們也很耐心得教我,感謝喲

現在接觸的功能越來越多啦,慢慢都在學會處理,很多時候新功能都會覺得難,但是真正開始做的時候就會發現真的很簡單,只要開始做,都不是事兒~

so,感謝九月,十月也繼續加油吧,繼續迎難而上,繼續提高自己!

十月我來啦!!!

9.30 總結一下九月唄