TWI407321B - 客製化網頁處理裝置及方法 - Google Patents

Description

客製化網頁處理裝置及方法

本發明涉及一種網站網頁處理系統及方法，尤其係關於一種支援多種語系之客製化網頁處理裝置及方法。

如今，網際網路已成為傳遞資訊之最重要工具之一種。隨著網際網路之發展，使用者可以藉由瀏覽器於網際網路上獲得自己想要知道之各種資訊及各式各樣之檔案資料。於習知技術而言，為了使不同語系之訪客能夠瀏覽到不同語系之網頁，就必須製作不同語系之網頁放置於網站伺服器中，以提供訪客瀏覽不同種語系網站之需求。

於製作不同語系網站時，通常需要製作複數不同語系網頁放於不同之網路伺服器中。舉個例子來說，於製作相同內容之簡體中文網站與繁體中文網站時，會先製作一套簡體中文版網頁，再利用文書處理程式將網頁由簡體中文轉化為繁體中文運用於網站上。然而，如果網頁數量過於龐大，常常需要增加製作及維護網站之人力成本，並且會佔用大量之伺服器儲存空間，進而造成伺服器之儲存空間及人力成本之浪費。當訪客使用瀏覽器瀏覽不同語系之網頁時，瀏覽器必須於不同語系之間進行轉化後，再動態地載 入所需語系之網頁資料至瀏覽器上，其所需之延遲時間比較長，進而增加瀏覽網頁之時間。此外，習知網頁技術不能根據不同語系之需求而於瀏覽器中呈現適合不同語系風格之網頁呈現效果。

鑒於以上內容，有必要提供一種客製化網頁處理裝置及方法，能夠產生不同語系風格之客製化網頁，並且節省儲存通用網頁資料之儲存空間及載入網頁之時間。

所述之客製化網頁處理裝置，包括網頁處理單元及儲存單元。該網頁處理單元包括：檔案夾建立模組，用於從儲存單元中建立一個根檔案夾，該根檔案夾包括一個基檔案夾及複數語系檔案夾，該檔案夾建立模組還用於將基檔案夾與每一個語系檔案夾之間建立虛擬鏈結；語系解析模組，用於接收於用戶終端發送之訪問網址，於該訪問網址中解析出用戶所需訪問網頁對應之語系，及根據所需語系於根檔案夾下查找對應之語系檔案夾；資料翻譯模組，用於藉由所述虛擬鏈結於基檔案夾中讀取通用網頁檔案，將通用網頁檔案中之資料轉化成用戶所需語系之翻譯資料，於所述語系檔案夾中查找客製化檔案，及將翻譯資料及客製化檔案儲存於腳本檔案中；網頁生成模組，用於根據腳本檔案產生一個可於用戶終端之瀏覽器上顯示成網頁之HTML檔案，及根據該HTML檔案於瀏覽器上顯示相應語系之客製化網頁。

所述之客製化網頁處理方法，包括如下步驟：於儲存單元中建立一個根檔案夾，該根檔案夾包括一個基檔案夾及複數語系檔案夾；將基檔案夾與每一個語系檔案夾之間建立虛擬鏈結；接收於用 戶終端發送之訪問網址，於該訪問網址中解析出用戶所需訪問網頁對應之語系；根據該語系於根檔案夾下查找對應之語系檔案夾；藉由虛擬鏈結於基檔案夾中讀取通用網頁檔案，並將通用網頁檔案中之資料轉化成用戶所需語系之翻譯資料；於所述語系檔案夾中查找客製化檔案，並將翻譯資料及客製化檔案儲存於腳本檔案中；根據腳本檔案產生一個可於用戶終端之瀏覽器上顯示成網頁之HTML檔案；及根據該HTML檔案於所述瀏覽器上顯示相應語系之客製化網頁。

相較於習知技術，本發明所述之客製化網頁處理裝置及方法，藉由虛擬鏈結使不同語系網頁共用通用網頁資料來產生不同語系風格之客製化網頁，節省儲存通用網頁資料之儲存空間及載入網頁之時間。

1‧‧‧客製化網頁處理裝置

10‧‧‧網頁處理單元

101‧‧‧檔案夾建立模組

102‧‧‧語系解析模組

103‧‧‧資料翻譯模組

104‧‧‧網頁生成模組

11‧‧‧儲存單元

12‧‧‧微處理器

2‧‧‧用戶終端

20‧‧‧瀏覽器

3‧‧‧網路

圖1係為本發明客製化網頁處理裝置較佳實施例之實施架構圖。

圖2係於根檔案夾目錄下建立不同語系檔案之虛擬目錄的示意圖。

圖3係為本發明客製化網頁處理方法較佳實施例之流程圖。

如圖1所示，係為發明客製化網頁處理裝置1較佳實施例之實施架構圖。於本實施例中，所述之客製化網頁處理裝置1與用戶終端2藉由網路3相連接。該客製化網頁處理裝置1可以為一種閘道(Gateway)，或者ADSL數據機(ADSL/Cable Modem)。該客製化網頁處理裝置1接收用戶終端2發送之網頁訪問網址，於該網頁訪 問網址中解析出用戶所需訪問網頁對應之語系，產生於該語系之客製化網頁，並將客製化網頁發送給用戶終端2。所述之語系為國際通用語系，包括但不限於，簡體中文、繁體中文、英語、日語、法語、俄語等。所述之客製化網頁是指適合不同語系風格之網頁，例如，不同語系之網頁具有不同網頁畫面之呈現效果。所述用戶終端2可以為一種電腦、手機、或者為PDA裝置(Personal Digital Assistant，個人數位助理裝置)。用戶終端2包括瀏覽器20，用於供用戶訪問所需網站時輸入網址及載入並顯示所述之客製化網頁處理裝置1產生之客製化網頁。網路3可以是區域網路(Intranet)，也可以是廣域網路(Internet)或其他類型之通訊網絡。

於本實施例中，所述之客製化網頁處理裝置1包括網頁處理單元10、儲存單元11及微處理器12。該網頁處理單元10包括檔案夾建立模組101、語系解析模組102、資料翻譯模組103、及網頁生成模組104。本發明所稱模組係為一種能夠完成特定功能且能夠被微處理器12執行之程式段，其比程式更適合於描述軟體於所述之客製化網頁處理裝置1中之執行過程，因此本發明對軟體之描述均以模組描述。

檔案夾建立模組101用於從儲存單元11中建立一個根檔案夾(Root folder)，該根檔案夾包括一個基檔案夾(Base folder)及複數語系檔案夾(Language folder)。該基檔案夾包括複數用於組成網頁內容之通用網頁檔案(Common files)，該通用網頁檔案包括但不限於HTML檔案、CSS(Cascading style sheet) 檔案、影像檔案(Image files)及腳本檔案(JavaScript file)。HTML檔案用於記錄每一個網頁內容，CSS檔案用於控制網頁畫面之呈現效果，影像檔案用於記錄網頁之影像資料，JavaScript檔案用於將網頁內容轉換為不同語系之網頁。

所述之檔案夾建立模組101還用於將基檔案夾與每一個語系檔案夾之間建立一個虛擬鏈結(symbolic link)。參考圖2所示，每一個語系檔案夾對應一種語系，例如，繁體中文檔案夾(Tw_folder)，日語檔案夾(JP_folder)，及英語檔案夾(En_folder)等。每一個語系檔案夾包括客製化檔案(Customized files)，該客製化檔案用於記錄適合不同語系風格之網頁畫面的呈現效果。檔案夾建立模組101藉由基檔案夾中之通用網頁檔案與每一個語系檔案夾之間建立的虛擬鏈結，使得每一個語系檔案夾可以共用通用網頁檔案下面之通用網頁檔案，避免於儲存單元11中重複儲存基檔案夾下之通用網頁檔案，從而節省了儲存單元11之儲存空間。當用戶端需要訪問某一語系(例如英語)之網站時，該語系檔案夾(例如En_folder檔案夾)可以藉由虛擬鏈結共用到基檔案夾中之通用網頁檔案，並將通用網頁檔案中資料內容翻譯成對應語系之網頁內容。

所述之語系解析模組102用於接收於用戶終端2之瀏覽器20發送之訪問網址，於該訪問網址中解析出用戶所需訪問網頁對應之語系，及根據該語系於根檔案夾下查找對應之語系檔案夾。當用戶於瀏覽器20輸入網站網址http：//www.google.com.tw時，語系解析模組102於網站網址中解析出用戶所需之語系為漢語(例如，繁 體中文)，並找到相應之繁體中文檔案夾(Tw_folder)。

所述之資料翻譯模組103用於藉由虛擬鏈結於基檔案夾中讀取通用網頁資料檔，並將通用網頁檔案中之資料轉化成用戶所需語系之翻譯資料，及將翻譯資料儲存於腳本(JavaScript)檔案中。資料翻譯模組103還用於判斷查找到之語系檔案夾中是否有客製化檔案。當語系檔案夾中有客製化檔案時，資料翻譯模組103於該語系檔案夾中讀取客製化檔案，並將客製化檔案增加到JavaScript檔案中。

所述之網頁生成模組104用於根據JavaScript檔案產生一個可於瀏覽器20上顯示成網頁之HTML檔案，及將該HTML檔案發送至用戶終端2並根據該HTML檔案於瀏覽器20上顯示相應語系之客製化網頁。

如圖3所示，係為發明客製化網頁處理方法較佳實施例之流程圖。於本實施例中，該方法能夠於用戶終端2發送之網頁訪問請求中解析出用戶訪問網頁所需之不同語系，根據不同語系風格產生於不同語系下之客製化網頁，並將該客製化網頁發送給用戶終端2。

步驟S30，檔案夾建立模組101於儲存單元11中建立一個根檔案夾(Root folder)，該根檔案夾包括一個基檔案夾(Base folder)及複數語系檔案夾(Language folder)。該基檔案夾包括複數用於組成網頁內容之通用網頁檔案(Common files)，該通用網頁檔案包括但不限於HTML檔案、CSS(Cascading style sheet )檔案、影像檔案(Image files)及腳本檔案(JavaScript file)。HTML檔案用於記錄每一個網頁內容，CSS檔案用於控制網頁畫面之呈現效果，影像檔案用於記錄網頁之影像資料，JavaScript檔案用於將網頁內容轉換為不同語系之網頁。

步驟S31，檔案夾建立模組101將基檔案夾與每一個語系檔案夾之間建立一個虛擬鏈結(symbolic link)。參考圖2所示，每一個語系檔案夾對應一種語系，例如，繁體中文檔案夾(Tw_folder)，日語檔案夾(JP_folder)，及英語檔案夾(En_folder)等。每一個語系檔案夾包括客製化檔案(Customized files)，該客製化檔案用於記錄適合不同語系風格之網頁畫面呈現效果。檔案夾建立模組101藉由基檔案夾中與每一個語系檔案夾之間之虛擬鏈結，使得每一個語系檔案夾可以共用通用網頁檔案下面之通用網頁檔案，避免於儲存單元11中重複儲存基檔案夾下之通用網頁檔案，從而節省儲存單元11之儲存空間。當用戶端需要訪問某一語系(例如英語)之網站時，該語系檔(例如En_folder檔案夾)可以藉由虛擬鏈結共用到基檔案夾中之通用網頁檔案，並將通用網頁檔案中之資料內容翻譯成相應語系的網頁內容。

步驟S32，語系解析模組102接收於瀏覽器20發送之訪問網址，於該訪問網址中解析出用戶所需訪問網頁對應之語系。步驟S33，語系解析模組102根據所需語系於根檔案夾下查找對應之語系檔案夾。例如，當用戶於瀏覽器20輸入網站網址http：//www.google.com.tw時，語系解析模組102於網站網址中解析出用戶所需之語系為漢語(例如，繁體中文)，並找到相應 之繁體中文檔案夾(Tw_folder)。

步驟S34，資料翻譯模組103藉由虛擬鏈結於基檔案夾中讀取通用網頁檔案，並將通用網頁檔案中之資料轉化成用戶所需語系之翻譯資料。步驟S35，資料翻譯模組103判斷查找到之語系檔案夾中是否含有客製化檔案。若語系檔案夾中含有客製化檔案，執行步驟S36；若語系檔案夾中沒有客製化檔案，執行步驟S37。

步驟S36，資料翻譯模組103於查找到之語系檔案夾中讀取客製化檔案，並將客製化檔案及翻譯資料儲存到JavaScript檔案中。步驟S37，資料翻譯模組103將所述之翻譯資料儲存到JavaScript檔案中。

步驟S38，網頁生成模組104根據JavaScript檔案產生一個可於瀏覽器20上顯示成網頁之HTML檔案。步驟S39，網頁生成模組104將該HTML檔案發送至用戶終端2，並根據HTML檔案於用戶終端2之瀏覽器20上顯示相應語系之客製化網頁。

以上所述僅為本發明之較佳實施例而已，且已達廣泛之使用功效，凡其他未脫離本發明所揭示之精神下所完成之均等變化或修飾，均應包含於下述之申請專利範圍內。

1‧‧‧客製化網頁處理裝置

10‧‧‧網頁處理單元

101‧‧‧檔案夾建立模組

102‧‧‧語系解析模組

103‧‧‧資料翻譯模組

104‧‧‧網頁生成模組

11‧‧‧儲存單元

12‧‧‧微處理器

2‧‧‧用戶終端

20‧‧‧瀏覽器

3‧‧‧網路

Claims (10)

1. 一種客製化網頁處理裝置，包括網頁處理單元及儲存單元，其中，所述之網頁處理單元包括：檔案夾建立模組，用於從儲存單元中建立一個根檔案夾，該根檔案夾包括一個基檔案夾及複數語系檔案夾，該檔案夾建立模組還用於將基檔案夾與每一個語系檔案夾之間建立虛擬鏈結，藉由基檔案夾中與每一個語系檔案夾之間的虛擬鏈結使得每一個語系檔案夾共用通用網頁檔案下面之資料內容；語系解析模組，用於接收於用戶終端發送之訪問網址，於該訪問網址中解析出用戶所需訪問網頁對應之語系，及根據該語系於根檔案夾下查找對應之語系檔案夾；資料翻譯模組，用於藉由所述虛擬鏈結於基檔案夾中讀取通用網頁檔案，將通用網頁檔案中之資料內容轉化成該語系之翻譯資料，於所述語系檔案夾中查找客製化檔案，及將翻譯資料及客製化檔案儲存於腳本檔案中；網頁生成模組，用於根據腳本檔案產生一個可於用戶終端之瀏覽器上顯示成網頁之HTML檔案，及根據該HTML檔案於瀏覽器上顯示該語系之客製化網頁。
2. 如申請專利範圍第1項所述之客製化網頁處理裝置，其中，所述之資料翻譯模組還用於判斷所述語系檔案夾中是否包含客製化檔案。
3. 如申請專利範圍第1項所述之客製化網頁處理裝置，其中，所述 之基檔案夾包括複數用於組成網頁內容之通用網頁檔案，該通用網頁檔案包括HTML檔案、CSS檔、影像檔案及腳本檔案。
4. 如申請專利範圍第3項所述之客製化網頁處理裝置，其中，每一個語系檔案夾對應一種語系。
5. 如申請專利範圍第1項所述之客製化網頁處理裝置，其中，所述之客製化檔案用於記錄適合不同語系風格之網頁畫面呈現效果。
6. 一種客製化網頁處理方法，該方法包括步驟：於客製化網頁處理裝置之儲存單元中建立一個根檔案夾，該根檔案夾包括一個基檔案夾及複數語系檔案夾；將基檔案夾與每一個語系檔案夾之間建立虛擬鏈結，藉由基檔案夾中與每一個語系檔案夾之間的虛擬鏈結使得每一個語系檔案夾共用通用網頁檔案下面之資料內容；接收於用戶終端發送之訪問網址，於該訪問網址中解析出用戶所需訪問網頁對應之語系；根據該語系於根檔案夾下查找對應之語系檔案夾；藉由所述虛擬鏈結於基檔案夾中讀取通用網頁檔案，並將通用網頁檔案中之資料內容轉化成該語系之翻譯資料；於所述語系檔案夾中查找客製化檔案，並將翻譯資料及客製化檔案儲存於腳本檔案中；根據腳本檔案產生一個可於用戶終端之瀏覽器上顯示成網頁之HTML檔案；及根據該HTML檔案於所述瀏覽器上顯示該語系之客製化網頁。
7. 如申請專利範圍第6項所述之客製化網頁處理方法，該方法還包括步驟： 判斷所述語系檔案夾中是否有客製化檔案；當該語系檔案夾沒有客製化檔案時，將翻譯資料儲存於腳本檔案中。
8. 如申請專利範圍第6項所述之客製化網頁處理方法，其中，所述之基檔案夾包括複數用於組成網頁內容之通用網頁檔案，該通用網頁檔案包括HTML檔案、CSS檔、影像檔案及腳本檔案。
9. 如申請專利範圍第8項所述之客製化網頁處理方法，其中，每一個語系檔案夾對應一種語系。
10. 如申請專利範圍第6項所述之客製化網頁處理方法，其中，所述之客製化檔案用於記錄適合不同語系風格之網頁畫面呈現效果。