基於Javascript標籤庫的頁面開發方法
2023-05-15 18:34:41 1
專利名稱:基於Javascript標籤庫的頁面開發方法
技術領域:
本發明涉及一種頁面開發技術,尤其涉及一種基於Javascript (簡稱幾)標籤的 頁面開發方法。
背景技術:
針對客戶需求進行的網站頁面開發過程通常需要以下幾個方面的協同工作業 務、美工、技術開發及測試。一般的頁面開發過程如圖1所示,包括如下流程業務從客戶處 獲取用戶需求,與美工、技術開發一起溝通得到能夠體現用戶需求且可執行的開發需求;美 工根據開發需求設計、製作頁面框架並加入外觀元素;技術開發在美工製作的頁面框架基 礎上編寫以實現開發需求為目標的後臺程序,完成初步的頁面開發;測試在初步開發的頁 面上進行測試,將發現的錯誤反饋給業務、美工或是技術開發,由美工與技術開發協同進行 頁面修改,直至得到完善的頁面;在測試之後或測試進行的過程中,業務可以獨自或是連同 客戶一起參與進來,重申開發需求或是提出新的開發需求,同樣也由美工與技術開發協同 進行頁面修改,直至最後得到滿足用戶需求的頁面。
可以看出,上述的頁面開發過程中,美工與技術開發耦合度過大,具體體現在,如 果美工要修改頁面布局,技術開發也需要相應修改頁面的後臺程序;而如果技術開發在美 工製作的頁面框架下加入了大量的程序代碼,也勢必造成美工在後期維護頁面外觀效果的 相關代碼時,會受到前述程序代碼的幹擾,維護起來很不方便。因此,這種頁面開發往往存 在勞動力重複、開發效率低下、頁面程序維護性不易的問題,相應的,執行頁面程序的服務 器也無法始終保持在高效運行的狀態。
另外,通常的頁面開發過程還存在如下一些問題在多個頁面需要執行相同的功 能時,往往需要嵌入根據該功能開發的公共文件,然而該方式雖然能夠解決多頁面共享公 共功能的問題,但每個頁面的代碼仍然顯得重複,特別是公共文件過多時,不僅影響頁面美 觀,而且也會增加因遺漏在某個頁面導入公共文件而導致面面報錯的風險;當一個總站頁 面需要將內容共享給多個子站頁面時,一般的解決方法是採用框架嵌套,如標籤 或採用其他技術通過後端接口調用,這樣不但增加了程序複雜性,而且也增加了開發的難 度;類似地,當不同服務商之間需要進行合作時,分屬這些服務商的不同頁面伺服器往往也 需要業務共享,此時往往也要通過後端接口的調用來實現,因此同樣存在開發難度高的問 題。發明內容
本發明的實施例旨在提供一種基於Javascript標籤庫的頁面開發方法,以解決 一般頁面開發過程中存在的上述問題。
為實現上述目的,本發明的實施例提供了一種基於Javascript標籤庫的頁面開 發方法,包括
Si、在頁面伺服器設置標籤庫,所述標籤庫用於存儲Javascript標籤和實現特定功能的標籤執行文件,所述Javascript標籤與所述標籤執行文件一一對應;
S2、在頁面框架代碼中插入選自所述標籤庫的Javascript標籤,得到完成的頁面 代碼;所述Javascript標籤用於在執行所述頁面代碼時調用對應的所述標籤執行文件,以 實現對應的特定功能。
由上述技術方案可知,本發明實施例能夠實現以下幾點有益效果的任意組合1、 在頁面框架代碼中能夠通過便利地添加Javascript標籤以得到完成的頁面代碼;2、能夠 便利地通過修改頁面框架代碼和/或Javascript標籤的相對位置來實現對頁面代碼的修 改,從而使頁面開發過程更為便捷、直觀;3、提高了工作效率,也能夠將執行頁面代碼的服 務器始終保持在高效運行的狀態;4、一次開發,可以隨處使用,避免了採用公共文件帶來的 代碼冗餘和重複;5、同一頁面伺服器的子站與總站之間、以及不同的頁面伺服器之間可以 通過設置安全驗證程序而便利地實現業務共享,避免了重複開發。
圖1示列性示出一般的頁面開發流程圖2示例性示出本發明標籤庫的頁面開發方法實施例流程圖3示例性示出圖2實施例中標籤庫的文件結構圖4示例性示出訪問頁面時調用圖3所示標籤庫的流程圖。
具體實施方式
下面將詳細描述本發明的具體實施例。應當注意,這裡描述的實施例只用於舉例 說明,並不用於限制本發明。
圖2示例性示出本發明標籤庫的頁面開發方法實施例流程圖,如圖所示,本實施 例的頁面開發方法包括步驟Sl S2 :
Si、在頁面伺服器設置標籤庫,用於存儲Javascript標籤和實現特定功能的標籤 執行文件;
並且,在一個實施例中,上述Javascript標籤庫中Javascript標籤與Javascript 代碼呈現一一對應的關係;
S2、在頁面框架代碼中插入選自標籤庫的Javascript標籤,得到完成的頁面代 碼;
本步驟添加的Javascript標籤用於在執行頁面代碼時調用對應的所述標籤執行 文件,以實現對應的特定功能。
在一個實施例中,標籤庫設置在頁面伺服器的後臺,由開發人員完成Javascript 標籤所對應標籤執行文件(也即可執行的Javascript代碼文件)的編程,而相應的 Javascript標籤會以例如使用手冊的形式呈觀給美工人員,以供其編輯頁面代碼時插入 Javascript標籤,來調用對應的標籤執行文件完成特定的功能。
Javascript是網際網路使用最多、最廣泛的語言,而且絕大多數程式設計師,包括美工人 員,對Javascript都有一定的了解和掌握;並且,Javascript能在所有瀏覽器上運行,所 以本實施例中採用Javascript作為技術內核,以使開發人員更容易上手,也更便於伺服器 軟、硬體方面的兼容。
在一個實施例中,步驟Sl中的標籤庫是以如下代碼的形式存儲標籤執行文件;
權利要求
1.一種基於Javascript標籤庫的頁面開發方法,包括51、在頁面伺服器設置標籤庫,所述標籤庫用於存儲Javascript標籤和實現特定功能 的標籤執行文件,所述Javascript標籤與所述標籤執行文件一一對應;52、在頁面框架代碼中插入選自所述標籤庫的Javascript標籤,得到完成的頁面代 碼;所述Javascript標籤用於在執行所述頁面代碼時調用對應的所述標籤執行文件,以實 現對應的特定功能。
2.如權利要求1所述基於Javascript標籤庫的頁面開發方法,其中,步驟Sl與S2之 間還包括53、在所述頁面框架代碼前插入Javascript核心文件,所述Javascript核心文件用於 在執行所述頁面代碼時對所述頁面代碼中的所有所述Javascript標籤進行管理。
3.如權利要求2所述基於Javascript標籤庫的頁面開發方法,其中,步驟S3中 所述Jascript核心文件對所述Javascript標籤的管理包括建立所述頁面代碼中的 Javascript標籤到所述標籤庫中的標籤執行文件的對應關係,用於在執行所述頁面代碼時 調用所述標籤庫中與所述Javascript標籤對應的所述標籤執行文件。
4.如權利要求3所述基於Javascript標籤庫的頁面開發方法,其中,步驟Sl與步驟 S3之間還包括54、在所述Javascript核心文件前插入安全驗證代碼,所述安全驗證代碼用於驗證鏈 接至所述頁面代碼的網站是否有權進行控制所述Javascript核心文件調用所述標籤庫的 操作。
5.如權利要求4所述基於Javascript標籤庫的頁面開發方法,其中,步驟S4中的所述 驗證包括在所述頁面伺服器預先設置鑑權資料庫,所述鑑權資料庫用於存儲有權控制所述 Javascript核心文件調用所述標籤庫的網站的地址和/或域名;所述頁面代碼執行到所述 安全驗證代碼時,相應地根據所述鑑權資料庫對當前連結至所述頁面代碼的網站的地址和 /或域名進行鑑權。
6.如權利要求1 5任一項所述基於Javascript標籤庫的頁面開發方法,其中, 步驟S2之後還包括在所述頁面代碼中進行對所述頁面框架代碼的修改和/或對所述 Javascript標籤在所述頁面框架代碼中的相對位置的調整的步驟。
全文摘要
本發明公開了一種基於Javascript標籤庫的頁面開發方法,包括S1、在頁面伺服器設置標籤庫,所述標籤庫用於存儲Javascript標籤和實現特定功能的標籤執行文件,所述Javascript標籤與所述標籤執行文件一一對應;S2、在頁面框架代碼中插入選自所述標籤庫的Javascript標籤,得到完成的頁面代碼;所述Javascript標籤用於在執行所述頁面代碼時調用對應的所述標籤執行文件,以實現對應的特定功能。本發明的技術方案能夠使頁面開發過程更為便捷、直觀,提高了工作效率,也能夠將執行頁面代碼的伺服器始終保持在高效運行的狀態。
文檔編號G06F17/30GK102043621SQ201010569389
公開日2011年5月4日 申請日期2010年12月1日 優先權日2010年12月1日
發明者王濱宇, 馬昆 申請人:北京迅捷英翔網絡科技有限公司