本發(fā)明涉及前端開發(fā)技術(shù)領(lǐng)域,具體而言,涉及一種網(wǎng)頁生成方法和裝置。
背景技術(shù):
研發(fā)人員在對用于設(shè)備管理控制的網(wǎng)絡(luò)管理系統(tǒng)進行開發(fā)和維護時,需要通過設(shè)置、調(diào)整一些參數(shù)對相關(guān)設(shè)備進行配置,以使各個被管理的設(shè)備的各項業(yè)務(wù)正常運行,或者根據(jù)設(shè)備使用者的需求進行運行狀態(tài)的調(diào)整。
在對上述網(wǎng)絡(luò)管理系統(tǒng)實際開發(fā)使用過程中,由于設(shè)備需求更新、設(shè)備功能升級等變化,會出現(xiàn)對控制管理相關(guān)設(shè)備的參數(shù)進行增加、刪除、修改或者是范圍調(diào)整等一系列的需求;針對該需求,研發(fā)人員一般是采取直接修改系統(tǒng)中網(wǎng)頁對應(yīng)的超文本標(biāo)記語言HTML以及JavaScript腳本代碼完成;由于在系統(tǒng)開發(fā)使用過程中,上述需求更改頻繁,造成網(wǎng)頁代碼修改工作十分繁瑣,且容易出錯,進而導(dǎo)致上述管理系統(tǒng)開發(fā)效率低、且可維護性差。
針對上述網(wǎng)頁開發(fā)效率低且可維護性差的問題,目前尚未提出有效的解決方案。
技術(shù)實現(xiàn)要素:
有鑒于此,本發(fā)明實施例的目的在于提供一種網(wǎng)頁生成方法和裝置,以提高網(wǎng)頁的開發(fā)效率和可維護性。
第一方面,本發(fā)明實施例提供了一種網(wǎng)頁生成方法,包括:服務(wù)器通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;其中,配置信息包括網(wǎng)頁展現(xiàn)配置信息、網(wǎng)頁通信配置信息和網(wǎng)頁展現(xiàn)參數(shù);網(wǎng)頁配置文件包括可擴展標(biāo)記語言XML文件;當(dāng)接收到網(wǎng)頁展現(xiàn)命令時,服務(wù)器加載網(wǎng)頁配置文件,并獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作;其中,頁面布局操作根據(jù)網(wǎng)頁展現(xiàn)配置信息進行;參數(shù)展現(xiàn)操作根據(jù)網(wǎng)頁展現(xiàn)參數(shù)進行;公共模塊包括當(dāng)前頁面的層疊樣式表、瀏覽器腳本語言庫、網(wǎng)頁配置文件的解析接口和參數(shù)校驗接口;當(dāng)頁面布局操作和參數(shù)展現(xiàn)操作完成后,服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢。
結(jié)合第一方面,本發(fā)明實施例提供了第一方面的第一種可能的實施方式,其中,上述獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息,包括:服務(wù)器將加載后的網(wǎng)頁配置文件發(fā)送至當(dāng)前網(wǎng)頁對應(yīng)的公共模塊;服務(wù)器通過調(diào)用公共模塊的網(wǎng)頁配置文件的解析接口,對網(wǎng)頁配置文件進行解析,得到當(dāng)前網(wǎng)頁的配置信息;服務(wù)器接收公共模塊發(fā)送的當(dāng)前網(wǎng)頁的配置信息。
結(jié)合第一方面,本發(fā)明實施例提供了第一方面的第二種可能的實施方式,其中,上述服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作,包括:服務(wù)器向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁展現(xiàn)配置信息;服務(wù)器通過調(diào)用公共模塊中的與網(wǎng)頁展現(xiàn)配置信息對應(yīng)的層疊樣式表和/或瀏覽器腳本語言庫,對當(dāng)前網(wǎng)頁進行頁面布局操作。
結(jié)合第一方面,本發(fā)明實施例提供了第一方面的第三種可能的實施方式,其中,上述服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn)操作,包括:服務(wù)器向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁通信配置信息;其中,網(wǎng)頁通信配置信息包括網(wǎng)頁通信接口信息和通信變量信息;服務(wù)器調(diào)用公共模塊,以使公共模塊根據(jù)網(wǎng)頁通信配置信息向服務(wù)器獲取網(wǎng)頁展現(xiàn)參數(shù),并根據(jù)網(wǎng)頁展現(xiàn)參數(shù)對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn)操作;網(wǎng)頁展現(xiàn)參數(shù)包括參數(shù)位置、參數(shù)名稱、參數(shù)類型和參數(shù)范圍。
結(jié)合第一方面的第三種可能的實施方式,本發(fā)明實施例提供了第一方面的第四種可能的實施方式,其中,上述方法還包括:當(dāng)接收到參數(shù)設(shè)置提交命令時,服務(wù)器通過當(dāng)前網(wǎng)頁接收用戶輸入的參數(shù)設(shè)置;服務(wù)器將參數(shù)設(shè)置和參數(shù)設(shè)置對應(yīng)的網(wǎng)頁展現(xiàn)參數(shù)發(fā)送至公共模塊;服務(wù)器通過調(diào)用公共模塊的參數(shù)校驗接口,根據(jù)網(wǎng)頁展現(xiàn)參數(shù)中的參數(shù)范圍,對參數(shù)設(shè)置進行校驗;當(dāng)接收到完成參數(shù)設(shè)置校驗命令后,服務(wù)器將參數(shù)設(shè)置保存。
結(jié)合第一方面,本發(fā)明實施例提供了第一方面的第五種可能的實施方式,其中,上述方法還包括:服務(wù)器通過公共模塊的編輯界面接收當(dāng)前網(wǎng)頁的公共模塊更新數(shù)據(jù),并保存至公共模塊。
第二方面,本發(fā)明實施例提供了一種網(wǎng)頁生成裝置,包括:配置信息接收保存模塊,用于通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;其中,配置信息包括網(wǎng)頁展現(xiàn)配置信息、網(wǎng)頁通信配置信息和網(wǎng)頁展現(xiàn)參數(shù);網(wǎng)頁配置文件包括可擴展標(biāo)記語言XML文件;配置信息加載獲取模塊,用于當(dāng)接收到網(wǎng)頁展現(xiàn)命令時,加載網(wǎng)頁配置文件,并獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;操作模塊,用于調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作;其中,頁面布局操作根據(jù)網(wǎng)頁展現(xiàn)配置信息進行;參數(shù)展現(xiàn)操作根據(jù)網(wǎng)頁展現(xiàn)參數(shù)進行;公共模塊包括當(dāng)前頁面的層疊樣式表、瀏覽器腳本語言庫、網(wǎng)頁配置文件的解析接口和參數(shù)校驗接口;確定模塊,用于當(dāng)頁面布局操作和參數(shù)展現(xiàn)操作完成后,服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢。
結(jié)合第二方面,本發(fā)明實施例提供了第二方面的第一種可能的實施方式,其中,上述操作模塊包括:第一發(fā)送單元,用于向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁展現(xiàn)配置信息;頁面布局操作單元,用于通過調(diào)用公共模塊中的與網(wǎng)頁展現(xiàn)配置信息對應(yīng)的層疊樣式表和/或瀏覽器腳本語言庫,對當(dāng)前網(wǎng)頁進行頁面布局操作。
結(jié)合第二方面,本發(fā)明實施例提供了第二方面的第二種可能的實施方式,其中,上述操作模塊還包括:第二發(fā)送單元,用于向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁通信配置信息;其中,網(wǎng)頁通信配置信息包括網(wǎng)頁通信接口信息和通信變量信息;參數(shù)展現(xiàn)操作單元,用于調(diào)用公共模塊,以使公共模塊根據(jù)網(wǎng)頁通信配置信息向服務(wù)器獲取網(wǎng)頁展現(xiàn)參數(shù),并根據(jù)網(wǎng)頁展現(xiàn)參數(shù)對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn)操作;網(wǎng)頁展現(xiàn)參數(shù)包括參數(shù)位置、參數(shù)名稱、參數(shù)類型和參數(shù)范圍。
結(jié)合第二方面的第二種可能的實施方式,本發(fā)明實施例提供了第二方面的第三種可能的實施方式,其中,上述裝置還包括:參數(shù)設(shè)置接收模塊,用于當(dāng)接收到參數(shù)設(shè)置提交命令時,通過當(dāng)前網(wǎng)頁接收用戶輸入的參數(shù)設(shè)置;發(fā)送模塊,用于將參數(shù)設(shè)置和參數(shù)設(shè)置對應(yīng)的網(wǎng)頁展現(xiàn)參數(shù)發(fā)送至公共模塊;校驗?zāi)K,用于調(diào)用公共模塊的參數(shù)校驗接口,根據(jù)網(wǎng)頁展現(xiàn)參數(shù)中的參數(shù)范圍,對參數(shù)設(shè)置進行校驗;參數(shù)設(shè)置保存模塊,用于當(dāng)接收到完成參數(shù)設(shè)置校驗命令后,將參數(shù)設(shè)置保存。
本發(fā)明實施例提供的一種網(wǎng)頁生成方法和裝置,通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;通過服務(wù)器加載該網(wǎng)頁配置文件可以獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;通過服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作,進而服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢;上述方式可以使網(wǎng)頁的差異化信息和公共樣式信息分離,可以僅修改上述差異化信息即可完成網(wǎng)頁的更新需求,無需修改網(wǎng)頁代碼,從而提高了網(wǎng)頁的開發(fā)效率和可維護性。
為使本發(fā)明的上述目的、特征和優(yōu)點能更明顯易懂,下文特舉較佳實施例,并配合所附附圖,作詳細說明如下。
附圖說明
為了更清楚地說明本發(fā)明實施例的技術(shù)方案,下面將對實施例中所需要使用的附圖作簡單地介紹,應(yīng)當(dāng)理解,以下附圖僅示出了本發(fā)明的某些實施例,因此不應(yīng)被看作是對范圍的限定,對于本領(lǐng)域普通技術(shù)人員來講,在不付出創(chuàng)造性勞動的前提下,還可以根據(jù)這些附圖獲得其他相關(guān)的附圖。
圖1示出了本發(fā)明實施例所提供的一種網(wǎng)頁生成方法的流程圖;
圖2示出了本發(fā)明實施例所提供的一種網(wǎng)頁生成方法的具體流程圖;
圖3示出了本發(fā)明實施例所提供的一種基于XML配置文件的網(wǎng)頁生成系統(tǒng)的結(jié)構(gòu)示意圖;
圖4示出了本發(fā)明實施例所提供的一種基于XML配置文件的網(wǎng)頁生成方法的流程圖;
圖5示出了本發(fā)明實施例所提供的一種基于XML配置文件的網(wǎng)頁生成方法的具體流程圖;
圖6示出了本發(fā)明實施例所提供的一種網(wǎng)頁生成裝置的結(jié)構(gòu)示意圖;
圖7示出了本發(fā)明實施例所提供的一種網(wǎng)頁生成裝置的具體結(jié)構(gòu)示意圖。
具體實施方式
為使本發(fā)明實施例的目的、技術(shù)方案和優(yōu)點更加清楚,下面將結(jié)合本發(fā)明實施例中附圖,對本發(fā)明實施例中的技術(shù)方案進行清楚、完整地描述,顯然,所描述的實施例僅僅是本發(fā)明一部分實施例,而不是全部的實施例。通常在此處附圖中描述和示出的本發(fā)明實施例的組件可以以各種不同的配置來布置和設(shè)計。因此,以下對在附圖中提供的本發(fā)明的實施例的詳細描述并非旨在限制要求保護的本發(fā)明的范圍,而是僅僅表示本發(fā)明的選定實施例?;诒景l(fā)明的實施例,本領(lǐng)域技術(shù)人員在沒有做出創(chuàng)造性勞動的前提下所獲得的所有其他實施例,都屬于本發(fā)明保護的范圍。
考慮到現(xiàn)有的網(wǎng)頁開發(fā)效率低且可維護性差的問題,本發(fā)明實施例提供了一種網(wǎng)頁生成方法和裝置;該技術(shù)可以應(yīng)用于對設(shè)備管理控制的系統(tǒng)的網(wǎng)頁生成中,也可以應(yīng)用于其他管理系統(tǒng)的網(wǎng)頁生成,或者其他相關(guān)網(wǎng)站網(wǎng)頁的生成中;該技術(shù)可以采用相關(guān)的軟件和硬件實現(xiàn),下面通過實施例進行描述。
實施例1
參見圖1所示的一種網(wǎng)頁生成方法的流程圖,該方法包括如下步驟:
步驟S102,服務(wù)器通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;其中,該配置信息包括網(wǎng)頁展現(xiàn)配置信息、網(wǎng)頁通信配置信息和網(wǎng)頁展現(xiàn)參數(shù);上述網(wǎng)頁配置文件包括可擴展標(biāo)記語言XML文件;
其中,上述可擴展標(biāo)記語言XML屬于標(biāo)準(zhǔn)通用標(biāo)記語言的子集,是一種用于標(biāo)記電子文件、且使其具有結(jié)構(gòu)性的標(biāo)記語言。通過上述標(biāo)記語言,計算機之間可以處理各種信息,還可以用來標(biāo)記數(shù)據(jù)、定義數(shù)據(jù)類型;因此,上述可擴展標(biāo)記語言可以提供統(tǒng)一的方法來描述和交換與應(yīng)用程序或供應(yīng)商相對獨立的結(jié)構(gòu)化數(shù)據(jù)。
步驟S104,當(dāng)接收到網(wǎng)頁展現(xiàn)命令時,服務(wù)器加載網(wǎng)頁配置文件,并獲取該網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;
步驟S106,服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作;其中,該頁面布局操作根據(jù)網(wǎng)頁展現(xiàn)配置信息進行;該參數(shù)展現(xiàn)操作根據(jù)網(wǎng)頁展現(xiàn)參數(shù)進行;上述公共模塊包括當(dāng)前頁面的層疊樣式表、瀏覽器腳本語言庫、網(wǎng)頁配置文件的解析接口和參數(shù)校驗接口;
優(yōu)選地,上述服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊可以對當(dāng)前網(wǎng)頁先進行頁面布局操作;當(dāng)該頁面布局操作完成后,上述服務(wù)器在當(dāng)前網(wǎng)頁的頁面布局基礎(chǔ)上,再進行參數(shù)展現(xiàn)操作,以便該參數(shù)可以展現(xiàn)在合理的布局位置上。
步驟S108,當(dāng)頁面布局操作和參數(shù)展現(xiàn)操作完成后,服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢。另外,當(dāng)頁面布局操作和參數(shù)展現(xiàn)操作失敗時,網(wǎng)頁配置文件重新生成。
在實際實現(xiàn)時,上述網(wǎng)頁配置文件保存有當(dāng)前網(wǎng)頁的差異化數(shù)據(jù),上述公共模塊保存有當(dāng)前網(wǎng)頁所使用到的公共樣式信息;當(dāng)上述網(wǎng)頁需要更新時,僅需要修改上述網(wǎng)頁配置文件即可完成更新任務(wù),無需研發(fā)人員對網(wǎng)頁的整體代碼進行修改。
本發(fā)明實施例提供的一種網(wǎng)頁生成方法,通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;通過服務(wù)器加載該網(wǎng)頁配置文件可以獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;通過服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作,進而服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢;上述方式可以使網(wǎng)頁的差異化信息和公共樣式信息分離,可以僅修改上述差異化信息即可完成網(wǎng)頁的更新需求,無需修改網(wǎng)頁代碼,從而提高了網(wǎng)頁的開發(fā)效率和可維護性。
具體地,上述獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息,包括如下步驟:(1)服務(wù)器將加載后的網(wǎng)頁配置文件發(fā)送至當(dāng)前網(wǎng)頁對應(yīng)的公共模塊;(2)上述服務(wù)器通過調(diào)用公共模塊的網(wǎng)頁配置文件的解析接口,對網(wǎng)頁配置文件進行解析,得到當(dāng)前網(wǎng)頁的配置信息;(3)上述服務(wù)器接收公共模塊發(fā)送的當(dāng)前網(wǎng)頁的配置信息。通過上述方式,服務(wù)器可以獲取用于生成當(dāng)前網(wǎng)頁頁面的配置信息。
考慮到需要通過公共模塊對當(dāng)前網(wǎng)頁進行布局,本發(fā)明實施例在實際實現(xiàn)時,上述服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作,包括如下步驟:(1)服務(wù)器向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁展現(xiàn)配置信息;(2)上述服務(wù)器通過調(diào)用公共模塊中的與網(wǎng)頁展現(xiàn)配置信息對應(yīng)的層疊樣式表和/或瀏覽器腳本語言庫,對當(dāng)前網(wǎng)頁進行頁面布局操作。通過上述方式,可以完成對當(dāng)前網(wǎng)頁的布局。
考慮到還需要通過公共模塊對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn),本發(fā)明實施例在實際實現(xiàn)時,上述服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn)操作,包括如下步驟:(1)服務(wù)器向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁通信配置信息;其中,該網(wǎng)頁通信配置信息包括網(wǎng)頁通信接口信息和通信變量信息;(2)上述服務(wù)器調(diào)用公共模塊,以使公共模塊根據(jù)網(wǎng)頁通信配置信息向服務(wù)器獲取網(wǎng)頁展現(xiàn)參數(shù),并根據(jù)網(wǎng)頁展現(xiàn)參數(shù)對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn)操作;上述網(wǎng)頁展現(xiàn)參數(shù)包括參數(shù)位置、參數(shù)名稱、參數(shù)類型和參數(shù)范圍。通過上述方式,可以完成對當(dāng)前網(wǎng)頁的參數(shù)展現(xiàn),從而生成當(dāng)前網(wǎng)頁。
考慮到用戶會使用該當(dāng)前網(wǎng)頁進行相關(guān)參數(shù)設(shè)置,本發(fā)明實施例在上述網(wǎng)頁生成方法的基礎(chǔ)上,還增加了參數(shù)的提交和校驗方法,參見圖2所示的一種網(wǎng)頁生成方法的具體流程圖,該方法在圖1對應(yīng)的流程圖基礎(chǔ)上,還包括如下步驟:
步驟S202,當(dāng)接收到參數(shù)設(shè)置提交命令時,服務(wù)器通過當(dāng)前網(wǎng)頁接收用戶輸入的參數(shù)設(shè)置;
步驟S204,服務(wù)器將上述參數(shù)設(shè)置和參數(shù)設(shè)置對應(yīng)的網(wǎng)頁展現(xiàn)參數(shù)發(fā)送至公共模塊;
步驟S206,上述服務(wù)器通過調(diào)用公共模塊的參數(shù)校驗接口,根據(jù)網(wǎng)頁展現(xiàn)參數(shù)中的參數(shù)范圍,對參數(shù)設(shè)置進行校驗;
步驟S208,當(dāng)接收到完成參數(shù)設(shè)置校驗命令后,服務(wù)器將參數(shù)設(shè)置保存。
通過上述方式,用戶可以方便地通過當(dāng)前網(wǎng)頁提交相關(guān)參數(shù)設(shè)置,當(dāng)該參數(shù)設(shè)置通過校驗后,該當(dāng)前網(wǎng)頁對應(yīng)的系統(tǒng)可以根據(jù)該參數(shù)設(shè)置完成相關(guān)管理控制任務(wù)。
由于上述當(dāng)前網(wǎng)頁的頁面布局可能也會更新,本發(fā)明實施例在實際實現(xiàn)時,上述網(wǎng)頁生成方法還包括如下步驟:服務(wù)器通過公共模塊的編輯界面接收當(dāng)前網(wǎng)頁的公共模塊更新數(shù)據(jù),并保存至公共模塊。通過更新上述公共模塊的數(shù)據(jù),可以完成當(dāng)前網(wǎng)頁的頁面布局的更新。
實施例2
對應(yīng)于上述實施例1中提供的一種網(wǎng)頁生成方法,本發(fā)明實施例提供了一種基于XML配置文件的網(wǎng)頁生成方法;該方法中,網(wǎng)頁和網(wǎng)頁之間的差異化全部定義在一個XML文件中,各網(wǎng)頁的相同信息保存在公共模塊中;該方法通過解析XML配置的方式生成相關(guān)網(wǎng)頁。具體地,上述一種基于XML配置文件的網(wǎng)頁生成方法通過公共模塊解析XML配置文件生成對應(yīng)的網(wǎng)頁文件,當(dāng)該網(wǎng)頁需要更新時,更新對應(yīng)的XML文件即可完成整體的網(wǎng)頁更新。
參見圖3所示的一種基于XML配置文件的網(wǎng)頁生成系統(tǒng)的結(jié)構(gòu)示意圖,該系統(tǒng)包括兩兩連接的嵌入式web服務(wù)器300、公共模塊302和XML配置文件304;其中,該嵌入式web服務(wù)器300與前端頁面進行通信交互;上述公共模塊和XML配置文件均設(shè)置在服務(wù)器端,頁面展現(xiàn)所使用的相關(guān)信息從該web服務(wù)器獲取。上述公共模塊文件包括所有頁面共同使用的接口函數(shù),具體包括通用的層疊樣式表、通用的jquery插件庫(相當(dāng)于瀏覽器腳本語言庫)、XML文件解析接口、前端頁面和后臺嵌入式web服務(wù)器的交互接口以及通用的參數(shù)校驗接口。上述XML配置文件中定義了不同頁面之間的差異;其中,具體定義了頁面和嵌入式web服務(wù)器通信的接口函數(shù)和變量、頁面展現(xiàn)的參數(shù)(該參數(shù)包括參數(shù)名稱,類型,參數(shù)范圍等等)。
參見圖4所示的一種基于XML配置文件的網(wǎng)頁生成方法的流程圖,該方法包括如下步驟:
步驟S402,服務(wù)器接收用戶的點擊頁面命令;其中,用戶點擊該頁面后,則進入該頁面的入口(該入口可以是xx.asp頁面,該頁面定義于公共模塊);
步驟S404,服務(wù)器加載XML配置文件;
步驟S406,服務(wù)器調(diào)用公共模塊的解析接口解析XML配置文件;
步驟S408,服務(wù)器調(diào)用公共模塊完成頁面布局的渲染操作;
步驟S410,服務(wù)器調(diào)用公共模塊的數(shù)據(jù)通信接口,根據(jù)XML配置文件中解析的相關(guān)字段,向前端頁面發(fā)送數(shù)據(jù);
步驟S412,判斷數(shù)據(jù)是否發(fā)送成功,如果是,執(zhí)行步驟S414;如果否,執(zhí)行步驟S416;
步驟S414,服務(wù)器調(diào)用公共模塊的接口,根據(jù)XML配置文件解析的數(shù)據(jù),完成頁面數(shù)據(jù)的渲染操作;
步驟S416,服務(wù)器報錯,并顯示報錯信息。
具體地,用戶通過操作點擊進入頁面后,嵌入式web服務(wù)器加載當(dāng)前頁面對應(yīng)的XML配置文件,通過公共模塊中的XML配置文件解析接口對XML配置文件進行解析,得到http/https通信用到的接口和變量、頁面展現(xiàn)用到的配置信息和參數(shù)以及參數(shù)校驗用到的參數(shù)范圍等數(shù)據(jù);解析完成后,公共模塊會根據(jù)得到的與展現(xiàn)相關(guān)的配置信息完成頁面渲染;渲染完成后,公共模塊會根據(jù)XML配置文件中得到的與通信相關(guān)配置,向嵌入式web服務(wù)器獲取數(shù)據(jù),進而完成數(shù)據(jù)的渲染;最終完成頁面的展現(xiàn)。
參見圖5所示的一種基于XML配置文件的網(wǎng)頁生成方法的具體流程圖,該方法包括如下步驟:
步驟S502,服務(wù)器接收用戶提交的參數(shù)設(shè)置;
步驟S504,服務(wù)器調(diào)用公共模塊的校驗接口函數(shù),根據(jù)XML配置文件中定義的參數(shù)校驗類型和范圍,對上述參數(shù)設(shè)置進行參數(shù)校驗;
步驟S506,判斷是否校驗成功;如果是,執(zhí)行步驟S508;如果否,執(zhí)行步驟S510;
步驟S508,服務(wù)器接收公共模塊發(fā)送的參數(shù)設(shè)置;執(zhí)行步驟S512;
步驟S510,公共模塊發(fā)出報錯提示;
步驟S512,服務(wù)器根據(jù)接收到的參數(shù)設(shè)置進行相關(guān)設(shè)置操作;
步驟S514,判斷是否設(shè)置成功;如果是,執(zhí)行步驟S518;如果否,執(zhí)行步驟S516;
步驟S516,服務(wù)器發(fā)出報錯提示;
步驟S518,結(jié)束。
具體地,用戶瀏覽網(wǎng)頁后需要完成參數(shù)配置,觸發(fā)提交動作;動作觸發(fā)后服務(wù)器進行參數(shù)校驗,該校驗的規(guī)則通過XML配置文件獲取,公共模塊的校驗接口根據(jù)每個參數(shù)指定的規(guī)則對參數(shù)進行校驗;完成參數(shù)校驗后,公共模塊把數(shù)據(jù)封裝好下發(fā)到后臺嵌入式web服務(wù)器,服務(wù)器完成數(shù)據(jù)的處理。上述過程的實現(xiàn)是利用封裝好的統(tǒng)一接口根據(jù)XML配置文件的配置完成。
通過上述基于XML配置文件的網(wǎng)頁生成系統(tǒng)和方法,在網(wǎng)頁的參數(shù)需求變化時,只需要更新XML文件,對應(yīng)的網(wǎng)頁系統(tǒng)文件即可更新生成。另外,對于網(wǎng)頁整體布局風(fēng)格可以通過修改公共模塊實現(xiàn)快速定制,實現(xiàn)了數(shù)據(jù)和CSS樣式的徹底分離;對于參數(shù)的合法校驗規(guī)則也只需要修改校驗?zāi)K的接口函數(shù),不需要去修改所有的網(wǎng)頁文件;且XML文件的修改對開發(fā)人員的技術(shù)要求較低,實現(xiàn)了工作內(nèi)容的可跨越性,降低了工作難度。
因此,本發(fā)明實施例可以解決繁瑣的修改網(wǎng)頁代碼的工作,減少重復(fù)性工作,提高開發(fā)效率。
實施例3
對應(yīng)于上述實施例1,本發(fā)明實施例提供了一種網(wǎng)頁生成裝置,參見圖6所示的一種網(wǎng)頁生成裝置的結(jié)構(gòu)示意圖,該裝置包括如下部分:
配置信息接收保存模塊600,用于通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;其中,該配置信息包括網(wǎng)頁展現(xiàn)配置信息、網(wǎng)頁通信配置信息和網(wǎng)頁展現(xiàn)參數(shù);該網(wǎng)頁配置文件包括可擴展標(biāo)記語言XML文件;
配置信息加載獲取模塊602,與上述配置信息接收保存模塊600連接,用于當(dāng)接收到網(wǎng)頁展現(xiàn)命令時,加載網(wǎng)頁配置文件,并獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;
操作模塊604,與上述配置信息加載獲取模塊602連接,用于調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作;其中,該頁面布局操作根據(jù)網(wǎng)頁展現(xiàn)配置信息進行;該參數(shù)展現(xiàn)操作根據(jù)網(wǎng)頁展現(xiàn)參數(shù)進行;上述公共模塊包括當(dāng)前頁面的層疊樣式表、瀏覽器腳本語言庫、網(wǎng)頁配置文件的解析接口和參數(shù)校驗接口;
確定模塊606,與上述操作模塊604連接,用于當(dāng)頁面布局操作和參數(shù)展現(xiàn)操作完成后,服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢。
本發(fā)明實施例提供的一種網(wǎng)頁生成裝置,通過網(wǎng)頁配置文件的編輯界面接收當(dāng)前網(wǎng)頁的配置信息,并保存至網(wǎng)頁配置文件中;通過服務(wù)器加載該網(wǎng)頁配置文件可以獲取網(wǎng)頁配置文件中保存的當(dāng)前網(wǎng)頁的配置信息;通過服務(wù)器調(diào)用當(dāng)前網(wǎng)頁對應(yīng)的公共模塊對當(dāng)前網(wǎng)頁進行頁面布局操作和參數(shù)展現(xiàn)操作,進而服務(wù)器確定當(dāng)前網(wǎng)頁生成完畢;上述方式可以使網(wǎng)頁的差異化信息和公共樣式信息分離,可以僅修改上述差異化信息即可完成網(wǎng)頁的更新需求,無需修改網(wǎng)頁代碼,從而提高了網(wǎng)頁的開發(fā)效率和可維護性。
考慮到需要通過公共模塊對當(dāng)前網(wǎng)頁進行布局,本發(fā)明實施例在實際實現(xiàn)時,上述操作模塊包括如下部分:(1)第一發(fā)送單元,用于向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁展現(xiàn)配置信息;(2)頁面布局操作單元,用于通過調(diào)用公共模塊中的與網(wǎng)頁展現(xiàn)配置信息對應(yīng)的層疊樣式表和/或瀏覽器腳本語言庫,對當(dāng)前網(wǎng)頁進行頁面布局操作。通過上述方式,可以完成對當(dāng)前網(wǎng)頁的布局。
考慮到還需要通過公共模塊對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn),本發(fā)明實施例在實際實現(xiàn)時,上述操作模塊還包括如下部分:(1)第二發(fā)送單元,用于向當(dāng)前網(wǎng)頁對應(yīng)的公共模塊發(fā)送當(dāng)前網(wǎng)頁的配置信息中的網(wǎng)頁通信配置信息;其中,該網(wǎng)頁通信配置信息包括網(wǎng)頁通信接口信息和通信變量信息;(2)參數(shù)展現(xiàn)操作單元,用于調(diào)用公共模塊,以使公共模塊根據(jù)網(wǎng)頁通信配置信息向服務(wù)器獲取網(wǎng)頁展現(xiàn)參數(shù),并根據(jù)網(wǎng)頁展現(xiàn)參數(shù)對當(dāng)前網(wǎng)頁進行參數(shù)展現(xiàn)操作;該網(wǎng)頁展現(xiàn)參數(shù)包括參數(shù)位置、參數(shù)名稱、參數(shù)類型和參數(shù)范圍。通過上述方式,可以完成對當(dāng)前網(wǎng)頁的參數(shù)展現(xiàn),從而生成當(dāng)前網(wǎng)頁。
考慮到用戶會使用該當(dāng)前網(wǎng)頁進行相關(guān)參數(shù)設(shè)置,本發(fā)明實施例在上述網(wǎng)頁生成裝置的基礎(chǔ)上,還增加了參數(shù)的提交和校驗裝置,參見圖7所示的一種網(wǎng)頁生成裝置的具體結(jié)構(gòu)示意圖,該裝置在圖6對應(yīng)的結(jié)構(gòu)示意圖基礎(chǔ)上,還包括如下部分:
參數(shù)設(shè)置接收模塊700,用于當(dāng)接收到參數(shù)設(shè)置提交命令時,通過當(dāng)前網(wǎng)頁接收用戶輸入的參數(shù)設(shè)置;
發(fā)送模塊702,與上述參數(shù)設(shè)置接收模塊700連接,用于將參數(shù)設(shè)置和參數(shù)設(shè)置對應(yīng)的網(wǎng)頁展現(xiàn)參數(shù)發(fā)送至公共模塊;
校驗?zāi)K704,與上述發(fā)送模塊702連接,用于調(diào)用公共模塊的參數(shù)校驗接口,根據(jù)網(wǎng)頁展現(xiàn)參數(shù)中的參數(shù)范圍,對參數(shù)設(shè)置進行校驗;
參數(shù)設(shè)置保存模塊706,與上述校驗?zāi)K704連接,用于當(dāng)接收到完成參數(shù)設(shè)置校驗命令后,將參數(shù)設(shè)置保存。
通過上述方式,用戶可以方便地通過當(dāng)前網(wǎng)頁提交相關(guān)參數(shù)設(shè)置,當(dāng)該參數(shù)設(shè)置通過校驗后,該當(dāng)前網(wǎng)頁對應(yīng)的系統(tǒng)可以根據(jù)該參數(shù)設(shè)置完成相關(guān)管理控制任務(wù)。
以上所述,僅為本發(fā)明的具體實施方式,但本發(fā)明的保護范圍并不局限于此,任何熟悉本技術(shù)領(lǐng)域的技術(shù)人員在本發(fā)明揭露的技術(shù)范圍內(nèi),可輕易想到變化或替換,都應(yīng)涵蓋在本發(fā)明的保護范圍之內(nèi)。因此,本發(fā)明的保護范圍應(yīng)所述以權(quán)利要求的保護范圍為準(zhǔn)。