一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的js組件的制作方法【專利摘要】本發(fā)明提供一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件，開發(fā)者通過編寫簡單的json格式數(shù)據(jù)，調(diào)用js組件中的函數(shù)，生成相應(yīng)報表的html代碼，然后將生成代碼填充到相應(yīng)位置，完成開發(fā)；此組件節(jié)省了大量時間和項目的開發(fā)成本，是一種非常方便的js組件；在相應(yīng)頁面引入table.js，table.css;將相應(yīng)表格內(nèi)容轉(zhuǎn)化成json格式數(shù)據(jù)；將編寫好的兩個json數(shù)據(jù)傳給js組件中的函數(shù)。本發(fā)明解決了手機(jī)稅務(wù)客戶端申報表開發(fā)復(fù)雜耗時問題，很大的降低手機(jī)端開發(fā)人的占用量；節(jié)約開發(fā)時間，從而節(jié)約項目的開發(fā)成本問題；手機(jī)稅務(wù)申報表沒有統(tǒng)一格式，多人開發(fā)還需要統(tǒng)一格式，這個js組件提供了一種統(tǒng)一的格式?！緦＠f明】一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件
技術(shù)領(lǐng)域：
[0001]本發(fā)明涉及軟件
技術(shù)領(lǐng)域：
，具體地說是一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件?！?br>背景技術(shù)：
】[0002]互聯(lián)網(wǎng)已經(jīng)進(jìn)入到了成熟的時代，現(xiàn)在也越來越重視與用戶之間的交流，這就必不可少需要通訊工具，因此，智能手機(jī)逐漸成為絕大部分人的必備品。而對于納稅人來說，手機(jī)申報顯得更加方便，便捷，從而手機(jī)稅務(wù)客戶端按申報表的開發(fā)也越來越重要。[0003]目前手機(jī)稅務(wù)申報表開發(fā)耗時長，頁面格式調(diào)整困難，所以申報表的js組件成為了一種越來越被需求的東西，從而具備了一定的使用價值?！?br/>發(fā)明內(nèi)容】[0004]本發(fā)明的目的是克服現(xiàn)有技術(shù)中存在的不足，提供一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件。[0005]本發(fā)明的技術(shù)方案是按以下方式實現(xiàn)的，其結(jié)構(gòu)由開發(fā)者通過編寫簡單的json格式數(shù)據(jù)，調(diào)用js組件中的函數(shù)，生成相應(yīng)報表的html代碼，然后將生成代碼填充到相應(yīng)位置，完成開發(fā);此組件節(jié)省了大量時間和項目的開發(fā)成本，是一種非常方便的js組件；其實現(xiàn)步驟如下:第一步:在相應(yīng)頁面引入table.js,table,css;第二步:將相應(yīng)表格內(nèi)容轉(zhuǎn)化成json格式數(shù)據(jù)；編寫提供表格頭部信息的hearderjson，如下:varhearderjson=「list":[「text":"項目",width":1}]}其中:text表示單元格中需要展示的文本;width表示單元格的寬度，值為:1,2,3,4;編寫提供表的內(nèi)容textjson，textjson的編寫原則是，第一層是表示行的列表tr;tr的每個元素中有兩個參數(shù):一個是行高h(yuǎn)eight，一個是本行每列的信息列表td;td中每個元素有3個參數(shù):分別是列寬width，單元格展示信息text，顏色color。其中的如果color值為-1，則表示這個單元格中有一個更小的表，則text則是小表的json數(shù)據(jù)，格式和大表的一樣，如果color值為O，則表示這個單元格是不可以編輯的，text表示單元格的展示內(nèi)容，如果color值為I，則表示這個單元格可以編輯，是需要填寫的項；第三步:將編寫好的兩個json數(shù)據(jù)傳給js組件中的函數(shù)；initTablehearder(textjson,hearderjson)，生成表格代碼，填充到相應(yīng)位置，完成開發(fā)。[0006]js組件是一種基于html5+css3+js的實現(xiàn)手機(jī)稅務(wù)客戶端簡單、快速的自動生成申報表代碼，實現(xiàn)申報表前端開發(fā)的組件，即通過簡單的調(diào)用js組件來實現(xiàn)稅務(wù)申報表快速生成，從而達(dá)到簡化開發(fā)，節(jié)省開發(fā)時間的目的。[0007]通過簡單的函數(shù)調(diào)用，js組件完成對應(yīng)申報表html代碼的編寫，然后加入到對應(yīng)的區(qū)域，來實現(xiàn)申報表開發(fā)的功能，保證了開發(fā)的簡單，方便，快速；本發(fā)明的優(yōu)點是:(1)、解決了手機(jī)稅務(wù)客戶端申報表開發(fā)復(fù)雜耗時問題，尤其是對于大量的申報表開發(fā)，手機(jī)端開發(fā)人員不足的情況，就可以通過其他人員根據(jù)申報表表格編寫json數(shù)據(jù)，直接提供給開發(fā)人員使用，很大的降低手機(jī)端開發(fā)人的占用量；(2)、節(jié)約開發(fā)時間，從而節(jié)約項目的開發(fā)成本問題；(3)、json數(shù)據(jù)學(xué)習(xí)非常簡單，對json提供者要求很低，很大程度降低了對開發(fā)人員的要求；(4)、手機(jī)稅務(wù)申報表沒有統(tǒng)一格式，多人開發(fā)還需要統(tǒng)一格式，這個js組件提供了一種統(tǒng)一的格式。[0008]實施方式下面對本發(fā)明的一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件作以下詳細(xì)說明。[0009]本發(fā)明的一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件，開發(fā)者通過編寫簡單的json格式數(shù)據(jù)，調(diào)用js組件中的函數(shù)，生成相應(yīng)報表的html代碼，然后將生成代碼填充到相應(yīng)位置，完成開發(fā);此組件節(jié)省了大量時間和項目的開發(fā)成本，是一種非常方便的js組件；其實現(xiàn)步驟如下:第一步:在相應(yīng)頁面引入table.js,table,css;第二步:將相應(yīng)表格內(nèi)容轉(zhuǎn)化成json格式數(shù)據(jù)；編寫提供表格頭部信息的hearderjson，如下:varhearderjson=「list":[「text":"項目",width":1}]}其中:text表示單元格中需要展示的文本;width表示單元格的寬度，值為:1,2,3,4(1表示手機(jī)屏幕1/4的寬度)；編寫提供表的內(nèi)容textjson，textjson的編寫原則是，第一層是表示行的列表tr;tr的每個元素中有兩個參數(shù):一個是行高h(yuǎn)eight，一個是本行每列的信息列表td;td中每個元素有3個參數(shù):分別是列寬width，單元格展示信息text，顏色color。其中的如果color值為-1，則表示這個單元格中有一個更小的表，則text則是小表的json數(shù)據(jù)，格式和大表的一樣，如果color值為O，則表示這個單元格是不可以編輯的，text表示單元格的展示內(nèi)容，如果color值為I，則表示這個單元格可以編輯，是需要填寫的項；第三步:將編寫好的兩個json數(shù)據(jù)傳給js組件中的函數(shù)；initTablehearder(textjson,hearderjson)，生成表格代碼，填充到相應(yīng)位置，完成開發(fā)。[0010]其特點如下:(1)、采用111:1]115+0883+」8的開發(fā)模式，手機(jī)客戶端開發(fā)人員使用起來方便簡單；(2)、組件使用簡單，只需要提供相應(yīng)表格的json數(shù)據(jù)，就可生成申報表，開發(fā)人員使用難度低；(3)、組件樣式清晰、簡單，開發(fā)人員后期維護(hù)更新起來比較簡單，利于組件的完善和使用；(4)、組件可復(fù)制性強(qiáng)，熟悉使用一兩次，就可快速開發(fā)；js組件主要由table.js和table.css組成，table.js主要是實現(xiàn)申報表html代碼的生成;table.css主要是設(shè)置申報表的樣式。[0011]組件的程序代碼如下:I)js組件table,js代碼如下:funct1ninitTablehearder(textjson,hearderjson){vartdff=parseInt(1calStorage.windowff)/4;varhtml=’〈tablestyle=〃font_size:’+(I.I氺tdW/7)+’px〃>’+，〈trclass="c_blu6t_wh〃height="，+(4*tdW/14)+，px">〈tdwidth="，+(tdW/2+(^視+1)*3)+’卩1〃>一、房產(chǎn)稅〈八(1>〈八1'>’+，〈tr>〈table>〈trheight="，+(4襯視/14)+，卩乂">，+’〈tdwidth=,,’+(tdW/2)+’px〃align=,,center,,class=〃c_blu7t_wh〃>行次〈/td>，;varhmclist=hearderjson.listfor(vari=0;i〈hmclist.length;i++){vartd=hmclist[i];html+=’〈tdclass=〃c_blu7t_wh〃align=〃center〃width=,,’+(tdW*td.width)+’px〃>’+td.text+’〈/td>’;}html+=’〈/tr>〈/table>〈/tr>〈tr>’+initTable(textjson，0);html+=’</trX/table>’;returnhtml;}funct1ninitTable(json,csum){csum+=I;varhtml=’〈table〉’；for(vari=0;i〈json.tr.length;i++){vartr=json.tr[i];html+=’〈trheight=〃’+(parseInt(localStorage.windowff)/14*tr.height)+,px//>i;for(varj=0;j〈tr.td.length;j++){vartd=tr.td[j];vartdff=parseInt(1calStorage.windowff)/4;if(j==0&&csum==I){html+=’〈tdwidth=〃’+(tdW/2)+’px〃align=,,center,,class=,,c-gra,，+(i+l)+，〈/td>，;}if(td.color==-1){html+=’〈tdwidth=,,’+(tdW*td.width)+’px〃>’+initTable(td.text)+，〈/td>，;}elseif(td.color==I){html+=’〈tdwidth=〃’+(tdW*td.width)+’px〃>〈inputtype=,,input"value=,",class=〃ub_pc〃style=//width:96%;height:100%;font-size:1.lem;</td>，;}elseif(td.color==0){html+=’〈tdwidth=〃’+(tdW*td.width)+’px〃class=,,c_gra〃>’+td.text+^/td)';}}html+=’〈/tr>’；}html+=’〈/table〉’;returnhtml;}其中主要有兩個函數(shù)，其中:initTablehearder(textjson,hearderjson)是生成表頭和表名稱的函數(shù)；initTable(json,csum)是生成表格的函數(shù)。[0012]initTable函數(shù)會根據(jù)傳過來的json數(shù)據(jù)，自動解析生成每行每列數(shù)據(jù)，如果單元格中存在子表，則調(diào)用自身進(jìn)行遞歸生成單元格的子表代碼。[0013]2)樣式table.css基本代碼如下:table{border-collapse:collapse;padding:Opx;}tabletd{border:1pxsolid#000;padding:Opx;}.c_blu6{background-color:#0066FF;}.c_blu7{background-color:#0099FF;}.ub{display:-webkit-box!important;display:box!important;posit1n:relative;}.ub-ver{-webkit-box-orient:vertical;box-orient:vertical;}本發(fā)明的一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件其加工制作非常簡單方便，按照說明書所示即可加工。[0014]除說明書所述的技術(shù)特征外，均為本專業(yè)技術(shù)人員的已知技術(shù)。【主權(quán)項】1.一種快速開發(fā)手機(jī)稅務(wù)客戶端申報表的JS組件，其特征在于開發(fā)者通過編寫簡單的json格式數(shù)據(jù)，調(diào)用js組件中的函數(shù)，生成相應(yīng)報表的html代碼，然后將生成代碼填充到相應(yīng)位置，完成開發(fā);此組件節(jié)省了大量時間和項目的開發(fā)成本，是一種非常方便的js組件；其實現(xiàn)步驟如下:第一步:在相應(yīng)頁面引入table.js,table.css;第二步:將相應(yīng)表格內(nèi)容轉(zhuǎn)化成json格式數(shù)據(jù)；編寫提供表格頭部信息的hearderjson，如下:varhearderjson=「list":[「text":"項目",width":1}]}其中:text表示單元格中需要展示的文本;width表示單元格的寬度，值為:1,2,3,4;編寫提供表的內(nèi)容textjson，textjson的編寫原則是，第一層是表示行的列表tr；tr的每個元素中有兩個參數(shù):一個是行高h(yuǎn)eight，一個是本行每列的信息列表td;td中每個元素有3個參數(shù):分別是列寬width，單元格展示信息text，顏色color;其中的如果color值為-1，則表示這個單元格中有一個更小的表，則text則是小表的json數(shù)據(jù)，格式和大表的一樣，如果color值為O，則表示這個單元格是不可以編輯的，text表示單元格的展示內(nèi)容，如果color值為I，則表示這個單元格可以編輯，是需要填寫的項；第三步:將編寫好的兩個json數(shù)據(jù)傳給js組件中的函數(shù)；initTablehearder(textjson,hearderjson)，生成表格代碼，填充到相應(yīng)位置，完成開發(fā)。【文檔編號】G06F9/44GK105824642SQ201610166914【公開日】2016年8月3日【申請日】2016年3月23日【發(fā)明人】肖慶超,楊培強(qiáng),程林【申請人】浪潮軟件集團(tuán)有限公司