專利名稱：基于Javascript標(biāo)簽庫的頁面開發(fā)方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種頁面開發(fā)技術(shù)，尤其涉及一種基于Javascript (簡稱幾)標(biāo)簽的 頁面開發(fā)方法。
背景技術(shù)：
針對(duì)客戶需求進(jìn)行的網(wǎng)站頁面開發(fā)過程通常需要以下幾個(gè)方面的協(xié)同工作業(yè) 務(wù)、美工、技術(shù)開發(fā)及測試。一般的頁面開發(fā)過程如圖1所示，包括如下流程業(yè)務(wù)從客戶處 獲取用戶需求，與美工、技術(shù)開發(fā)一起溝通得到能夠體現(xiàn)用戶需求且可執(zhí)行的開發(fā)需求；美 工根據(jù)開發(fā)需求設(shè)計(jì)、制作頁面框架并加入外觀元素；技術(shù)開發(fā)在美工制作的頁面框架基 礎(chǔ)上編寫以實(shí)現(xiàn)開發(fā)需求為目標(biāo)的后臺(tái)程序，完成初步的頁面開發(fā)；測試在初步開發(fā)的頁 面上進(jìn)行測試，將發(fā)現(xiàn)的錯(cuò)誤反饋給業(yè)務(wù)、美工或是技術(shù)開發(fā)，由美工與技術(shù)開發(fā)協(xié)同進(jìn)行 頁面修改，直至得到完善的頁面；在測試之后或測試進(jìn)行的過程中，業(yè)務(wù)可以獨(dú)自或是連同 客戶一起參與進(jìn)來，重申開發(fā)需求或是提出新的開發(fā)需求，同樣也由美工與技術(shù)開發(fā)協(xié)同 進(jìn)行頁面修改，直至最后得到滿足用戶需求的頁面。
可以看出，上述的頁面開發(fā)過程中，美工與技術(shù)開發(fā)耦合度過大，具體體現(xiàn)在，如 果美工要修改頁面布局，技術(shù)開發(fā)也需要相應(yīng)修改頁面的后臺(tái)程序；而如果技術(shù)開發(fā)在美 工制作的頁面框架下加入了大量的程序代碼，也勢(shì)必造成美工在后期維護(hù)頁面外觀效果的 相關(guān)代碼時(shí)，會(huì)受到前述程序代碼的干擾，維護(hù)起來很不方便。因此，這種頁面開發(fā)往往存 在勞動(dòng)力重復(fù)、開發(fā)效率低下、頁面程序維護(hù)性不易的問題，相應(yīng)的，執(zhí)行頁面程序的服務(wù) 器也無法始終保持在高效運(yùn)行的狀態(tài)。
另外，通常的頁面開發(fā)過程還存在如下一些問題在多個(gè)頁面需要執(zhí)行相同的功 能時(shí)，往往需要嵌入根據(jù)該功能開發(fā)的公共文件，然而該方式雖然能夠解決多頁面共享公 共功能的問題，但每個(gè)頁面的代碼仍然顯得重復(fù)，特別是公共文件過多時(shí)，不僅影響頁面美 觀，而且也會(huì)增加因遺漏在某個(gè)頁面導(dǎo)入公共文件而導(dǎo)致面面報(bào)錯(cuò)的風(fēng)險(xiǎn)；當(dāng)一個(gè)總站頁 面需要將內(nèi)容共享給多個(gè)子站頁面時(shí)，一般的解決方法是采用框架嵌套，如<iframe>標(biāo)簽 或采用其他技術(shù)通過后端接口調(diào)用，這樣不但增加了程序復(fù)雜性，而且也增加了開發(fā)的難 度；類似地，當(dāng)不同服務(wù)商之間需要進(jìn)行合作時(shí)，分屬這些服務(wù)商的不同頁面服務(wù)器往往也 需要業(yè)務(wù)共享，此時(shí)往往也要通過后端接口的調(diào)用來實(shí)現(xiàn)，因此同樣存在開發(fā)難度高的問 題。發(fā)明內(nèi)容
本發(fā)明的實(shí)施例旨在提供一種基于Javascript標(biāo)簽庫的頁面開發(fā)方法，以解決 一般頁面開發(fā)過程中存在的上述問題。
為實(shí)現(xiàn)上述目的，本發(fā)明的實(shí)施例提供了一種基于Javascript標(biāo)簽庫的頁面開 發(fā)方法，包括
Si、在頁面服務(wù)器設(shè)置標(biāo)簽庫，所述標(biāo)簽庫用于存儲(chǔ)Javascript標(biāo)簽和實(shí)現(xiàn)特定功能的標(biāo)簽執(zhí)行文件，所述Javascript標(biāo)簽與所述標(biāo)簽執(zhí)行文件一一對(duì)應(yīng)；
S2、在頁面框架代碼中插入選自所述標(biāo)簽庫的Javascript標(biāo)簽，得到完成的頁面 代碼；所述Javascript標(biāo)簽用于在執(zhí)行所述頁面代碼時(shí)調(diào)用對(duì)應(yīng)的所述標(biāo)簽執(zhí)行文件，以 實(shí)現(xiàn)對(duì)應(yīng)的特定功能。
由上述技術(shù)方案可知，本發(fā)明實(shí)施例能夠?qū)崿F(xiàn)以下幾點(diǎn)有益效果的任意組合1、 在頁面框架代碼中能夠通過便利地添加Javascript標(biāo)簽以得到完成的頁面代碼；2、能夠 便利地通過修改頁面框架代碼和/或Javascript標(biāo)簽的相對(duì)位置來實(shí)現(xiàn)對(duì)頁面代碼的修 改，從而使頁面開發(fā)過程更為便捷、直觀；3、提高了工作效率，也能夠?qū)?zhí)行頁面代碼的服 務(wù)器始終保持在高效運(yùn)行的狀態(tài)；4、一次開發(fā)，可以隨處使用，避免了采用公共文件帶來的 代碼冗余和重復(fù)；5、同一頁面服務(wù)器的子站與總站之間、以及不同的頁面服務(wù)器之間可以 通過設(shè)置安全驗(yàn)證程序而便利地實(shí)現(xiàn)業(yè)務(wù)共享，避免了重復(fù)開發(fā)。


圖1示列性示出一般的頁面開發(fā)流程圖2示例性示出本發(fā)明標(biāo)簽庫的頁面開發(fā)方法實(shí)施例流程圖3示例性示出圖2實(shí)施例中標(biāo)簽庫的文件結(jié)構(gòu)圖4示例性示出訪問頁面時(shí)調(diào)用圖3所示標(biāo)簽庫的流程圖。
具體實(shí)施方式
下面將詳細(xì)描述本發(fā)明的具體實(shí)施例。應(yīng)當(dāng)注意，這里描述的實(shí)施例只用于舉例 說明，并不用于限制本發(fā)明。
圖2示例性示出本發(fā)明標(biāo)簽庫的頁面開發(fā)方法實(shí)施例流程圖，如圖所示，本實(shí)施 例的頁面開發(fā)方法包括步驟Sl S2 :
Si、在頁面服務(wù)器設(shè)置標(biāo)簽庫，用于存儲(chǔ)Javascript標(biāo)簽和實(shí)現(xiàn)特定功能的標(biāo)簽 執(zhí)行文件；
并且，在一個(gè)實(shí)施例中，上述Javascript標(biāo)簽庫中Javascript標(biāo)簽與Javascript 代碼呈現(xiàn)一一對(duì)應(yīng)的關(guān)系；
S2、在頁面框架代碼中插入選自標(biāo)簽庫的Javascript標(biāo)簽，得到完成的頁面代 碼；
本步驟添加的Javascript標(biāo)簽用于在執(zhí)行頁面代碼時(shí)調(diào)用對(duì)應(yīng)的所述標(biāo)簽執(zhí)行 文件，以實(shí)現(xiàn)對(duì)應(yīng)的特定功能。
在一個(gè)實(shí)施例中，標(biāo)簽庫設(shè)置在頁面服務(wù)器的后臺(tái)，由開發(fā)人員完成Javascript 標(biāo)簽所對(duì)應(yīng)標(biāo)簽執(zhí)行文件(也即可執(zhí)行的Javascript代碼文件)的編程，而相應(yīng)的 Javascript標(biāo)簽會(huì)以例如使用手冊(cè)的形式呈觀給美工人員，以供其編輯頁面代碼時(shí)插入 Javascript標(biāo)簽，來調(diào)用對(duì)應(yīng)的標(biāo)簽執(zhí)行文件完成特定的功能。
Javascript是互聯(lián)網(wǎng)使用最多、最廣泛的語言，而且絕大多數(shù)程序員，包括美工人 員，對(duì)Javascript都有一定的了解和掌握；并且，Javascript能在所有瀏覽器上運(yùn)行，所 以本實(shí)施例中采用Javascript作為技術(shù)內(nèi)核，以使開發(fā)人員更容易上手，也更便于服務(wù)器 軟、硬件方面的兼容。
在一個(gè)實(shí)施例中，步驟Sl中的標(biāo)簽庫是以如下代碼的形式存儲(chǔ)標(biāo)簽執(zhí)行文件；
權(quán)利要求
1.一種基于Javascript標(biāo)簽庫的頁面開發(fā)方法，包括51、在頁面服務(wù)器設(shè)置標(biāo)簽庫，所述標(biāo)簽庫用于存儲(chǔ)Javascript標(biāo)簽和實(shí)現(xiàn)特定功能 的標(biāo)簽執(zhí)行文件，所述Javascript標(biāo)簽與所述標(biāo)簽執(zhí)行文件一一對(duì)應(yīng)；52、在頁面框架代碼中插入選自所述標(biāo)簽庫的Javascript標(biāo)簽，得到完成的頁面代 碼；所述Javascript標(biāo)簽用于在執(zhí)行所述頁面代碼時(shí)調(diào)用對(duì)應(yīng)的所述標(biāo)簽執(zhí)行文件，以實(shí) 現(xiàn)對(duì)應(yīng)的特定功能。
2.如權(quán)利要求1所述基于Javascript標(biāo)簽庫的頁面開發(fā)方法，其中，步驟Sl與S2之 間還包括53、在所述頁面框架代碼前插入Javascript核心文件，所述Javascript核心文件用于 在執(zhí)行所述頁面代碼時(shí)對(duì)所述頁面代碼中的所有所述Javascript標(biāo)簽進(jìn)行管理。
3.如權(quán)利要求2所述基于Javascript標(biāo)簽庫的頁面開發(fā)方法，其中，步驟S3中 所述Jascript核心文件對(duì)所述Javascript標(biāo)簽的管理包括建立所述頁面代碼中的 Javascript標(biāo)簽到所述標(biāo)簽庫中的標(biāo)簽執(zhí)行文件的對(duì)應(yīng)關(guān)系，用于在執(zhí)行所述頁面代碼時(shí) 調(diào)用所述標(biāo)簽庫中與所述Javascript標(biāo)簽對(duì)應(yīng)的所述標(biāo)簽執(zhí)行文件。
4.如權(quán)利要求3所述基于Javascript標(biāo)簽庫的頁面開發(fā)方法，其中，步驟Sl與步驟 S3之間還包括54、在所述Javascript核心文件前插入安全驗(yàn)證代碼，所述安全驗(yàn)證代碼用于驗(yàn)證鏈 接至所述頁面代碼的網(wǎng)站是否有權(quán)進(jìn)行控制所述Javascript核心文件調(diào)用所述標(biāo)簽庫的 操作。
5.如權(quán)利要求4所述基于Javascript標(biāo)簽庫的頁面開發(fā)方法，其中，步驟S4中的所述 驗(yàn)證包括在所述頁面服務(wù)器預(yù)先設(shè)置鑒權(quán)數(shù)據(jù)庫，所述鑒權(quán)數(shù)據(jù)庫用于存儲(chǔ)有權(quán)控制所述 Javascript核心文件調(diào)用所述標(biāo)簽庫的網(wǎng)站的地址和/或域名；所述頁面代碼執(zhí)行到所述 安全驗(yàn)證代碼時(shí)，相應(yīng)地根據(jù)所述鑒權(quán)數(shù)據(jù)庫對(duì)當(dāng)前鏈接至所述頁面代碼的網(wǎng)站的地址和 /或域名進(jìn)行鑒權(quán)。
6.如權(quán)利要求1 5任一項(xiàng)所述基于Javascript標(biāo)簽庫的頁面開發(fā)方法，其中， 步驟S2之后還包括在所述頁面代碼中進(jìn)行對(duì)所述頁面框架代碼的修改和/或?qū)λ?Javascript標(biāo)簽在所述頁面框架代碼中的相對(duì)位置的調(diào)整的步驟。
全文摘要
本發(fā)明公開了一種基于Javascript標(biāo)簽庫的頁面開發(fā)方法，包括S1、在頁面服務(wù)器設(shè)置標(biāo)簽庫，所述標(biāo)簽庫用于存儲(chǔ)Javascript標(biāo)簽和實(shí)現(xiàn)特定功能的標(biāo)簽執(zhí)行文件，所述Javascript標(biāo)簽與所述標(biāo)簽執(zhí)行文件一一對(duì)應(yīng)；S2、在頁面框架代碼中插入選自所述標(biāo)簽庫的Javascript標(biāo)簽，得到完成的頁面代碼；所述Javascript標(biāo)簽用于在執(zhí)行所述頁面代碼時(shí)調(diào)用對(duì)應(yīng)的所述標(biāo)簽執(zhí)行文件，以實(shí)現(xiàn)對(duì)應(yīng)的特定功能。本發(fā)明的技術(shù)方案能夠使頁面開發(fā)過程更為便捷、直觀，提高了工作效率，也能夠?qū)?zhí)行頁面代碼的服務(wù)器始終保持在高效運(yùn)行的狀態(tài)。
文檔編號(hào)G06F17/30GK102043621SQ201010569389
公開日2011年5月4日 申請(qǐng)日期2010年12月1日 優(yōu)先權(quán)日2010年12月1日
發(fā)明者王濱宇, 馬昆 申請(qǐng)人:北京迅捷英翔網(wǎng)絡(luò)科技有限公司