1.一種適用于監(jiān)測(cè)服務(wù)類應(yīng)用動(dòng)態(tài)構(gòu)建頁(yè)面的方法，其特征在于：該方法包括一種構(gòu)建組件的方法和一種配置頁(yè)面的方法，一種構(gòu)建組件的方法為下述步驟的1-3，一種配置頁(yè)面的方法為下述步驟4，一種構(gòu)建組件的方法和一種配置頁(yè)面的方法兩者相配合實(shí)現(xiàn)具體的實(shí)施過(guò)程，
步驟1：設(shè)計(jì)組件的外觀；
這一步驟通過(guò)UI的交互設(shè)計(jì)完成，根據(jù)整個(gè)網(wǎng)頁(yè)應(yīng)用的外觀風(fēng)格來(lái)確定不同的組件外觀，組件外觀圖表以及自定義外觀的數(shù)據(jù)展示組件，圖表的形式為餅圖、折線圖、區(qū)域圖或柱狀圖等，數(shù)據(jù)展示組件中為一個(gè)多列的表格，其中表格的某一列顯示一個(gè)進(jìn)度條和指示標(biāo)桿來(lái)顯示當(dāng)前日期的值和指定的對(duì)比日期的值；
步驟2：設(shè)計(jì)組件的接口；
組件的接口也為組件的配置方式，這里需要明確這個(gè)通用的組件需要暴露哪些配置項(xiàng)給用戶，有了這些配置項(xiàng)用戶就在配置文件中隨時(shí)修改從而讓對(duì)應(yīng)的組件適用于對(duì)應(yīng)的業(yè)務(wù)場(chǎng)景；
組件的接口設(shè)計(jì)要考慮到組件所適用的數(shù)據(jù)類型、業(yè)務(wù)場(chǎng)景、表現(xiàn)形式；組件會(huì)展示一組數(shù)據(jù)的對(duì)比，那接口中一定會(huì)有一個(gè)這組數(shù)據(jù)的特征值項(xiàng)；組件在不同的場(chǎng)景下表現(xiàn)的對(duì)比形式不一樣，對(duì)比形式是一組柱圖對(duì)比或是一個(gè)餅圖對(duì)比總體百分比權(quán)重，那接口中會(huì)有一個(gè)表現(xiàn)外觀的配置項(xiàng)；
步驟3：組件的實(shí)現(xiàn)設(shè)計(jì)；
組件的實(shí)現(xiàn)過(guò)程其實(shí)就是完成從設(shè)計(jì)組件的接口到最終設(shè)計(jì)組件的應(yīng)用的過(guò)渡，每個(gè)組件的開發(fā)都包含邏輯代碼JS，展示代碼HTML+CSS；設(shè)計(jì)組件的接口中設(shè)計(jì)的配置項(xiàng)都會(huì)作為組件JS的初始化參數(shù)，組件的模板采用含表達(dá)式的動(dòng)態(tài)編譯模板引擎，步驟2中設(shè)計(jì)的接口配置項(xiàng)中外觀表現(xiàn)相關(guān)的參數(shù)首先會(huì)使得模板編譯為配置項(xiàng)要求的HTML片段；然后步驟2設(shè)計(jì)的數(shù)據(jù)特征值會(huì)使得組件從后臺(tái)獲取到相關(guān)的數(shù)據(jù)，然后用這些數(shù)據(jù)渲染到組件中，進(jìn)而形成與設(shè)計(jì)匹配的組件表現(xiàn)；
步驟4：配置組件
在組件的實(shí)現(xiàn)設(shè)計(jì)的基礎(chǔ)之上，有以上組件后頁(yè)面的開發(fā)過(guò)程就轉(zhuǎn)變?yōu)榫帉懪渲梦募倪^(guò)程，配置文件的格式很靈活，配置文件的格式是xml、json或者其他解析格式的文件；在配置文件里需要以下兩方面的內(nèi)容，第一方面是頁(yè)面布局和組件選擇，當(dāng)前這個(gè)頁(yè)面需要顯示為上下兩行時(shí)，上面一行按50％-50％分為兩列，下面一行按40％-20％-40％的比例分成三列，這一共5個(gè)顯示單元每個(gè)單元顯示哪個(gè)特定的組件都寫在配置文件中；第二方面就是配置單個(gè)組件的接口參數(shù)，即第一個(gè)單元格的組件需要一個(gè)id一個(gè)日期，一個(gè)顯示主題，單個(gè)組件的接口參數(shù)都需要寫到配置文件中。
2.根據(jù)權(quán)利要求1所述的一種適用于監(jiān)測(cè)服務(wù)類應(yīng)用動(dòng)態(tài)構(gòu)建頁(yè)面的方法，其特征在于：高速公路免通行費(fèi)專題監(jiān)測(cè)頁(yè)面中，這個(gè)頁(yè)面將高速公路通行的繁雜數(shù)據(jù)分類整理，既能看到各條高速公路的交通量占比和交通量排名，也能看到每條高速公路的實(shí)時(shí)小時(shí)交通量，還能看到高速公路上發(fā)生的事件列表；
本方法包括以下步驟：
設(shè)計(jì)并實(shí)現(xiàn)設(shè)計(jì)圖中包含的圖形化組件，包括以下步驟：
步驟1.1高速公路交通量占比餅圖組件；
步驟1.2高速公路實(shí)時(shí)交通量線圖組件以及過(guò)濾線圖數(shù)據(jù)的單選+多選復(fù)合組件；
步驟1.3高速公路交通量排名柱狀圖組件；
步驟1.4高速公路事件列表組件；
定義頁(yè)面排版結(jié)構(gòu)描述XML文檔，包括以下步驟：
步驟2.1分析頁(yè)面DOM結(jié)構(gòu)，設(shè)計(jì)行列組合；
步驟2.2以XMLDocument格式完成頁(yè)面結(jié)構(gòu)描述，其中Container代表容器，Module代表上面步驟1中實(shí)現(xiàn)的組件；
配置組件接口參數(shù)，完成最終效果，包括以下步驟：
步驟3.1分析每個(gè)組件包含的數(shù)據(jù)，以接口設(shè)計(jì)的模板完成參數(shù)配置；
步驟3.2微調(diào)頁(yè)面樣式完成最終效果。