9.30 總結一下九月唄
九月做了兩個版本 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 總結一下九月唄