[發明專利]一種前端模板的處理方法及裝置

有效

• 申請號: 201310556774.8
• 申請日: 2013-11-11
• 公開（公告）號: CN103605514B
• 公開（公告）日: 2017-11-21
• 發明（設計）人: 李成銀
• 申請（專利權）人: 北京奇虎科技有限公司;奇智軟件（北京）有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京鼎佳達知識產權代理事務所(普通合伙)11348
• 代理人: 王偉鋒,劉鐵生

技術領域

本發明涉及計算機處理技術領域，尤其涉及一種前端模板的處理方法及裝置。

背景技術

隨著計算機技術的不斷發展，WEB開發應用場景也越來越多，并且隨著頁面應用越來越復雜，在頁面中使用Javascript的地方也越來越多，很多時候使用Javascript和后端進行通訊，獲取數據，并將返回的數據拼接成對應的Html，渲染到頁面上。

但本申請發明人在實現本申請實施例中發明技術方案的過程中，受到如下困擾：

在Javascript中拼接會比較麻煩，且其代碼可讀性也比較差，編輯器對其支持也不友好。比如說，現有技術中由于Javascript中不支持多行的字符串，所以一般要處理多行字符串時，需要將換行符/n進行轉義，并且還需要使用引號將字符串包含起來。這樣的處理方式需要對換行符進行轉義，且使用了引號，如果字符串內容較長的話，其可讀性和可維護性均較差。

發明內容

本發明實施例提供一種前端模板的處理方法及裝置，用于解決現有技術中web開發過程中，使用javascript進行拼接時，可讀性和可維護性較差的技術問題，達到代碼可讀性和可維護性好的技術效果。

一方面，本申請通過本申請的一實施例提供如下技術方案：

一種前端模板的處理方法，應用于對Html的第一代碼處理過程中，所述方法包括：獲得所述Html的所述第一代碼；獲得所述Html的所述前端模板；分析所述第一代碼與所述前端模板的對應關系；根據所述對應關系，將所述第一代碼轉換為第二代碼，其中，所述第一代碼與所述第二代碼不同。

進一步的，所述方法還包括：分析所述Html的所述前端模板；獲得所述前端模板的引導標記，以便于根據所述引導標記確定所述第一代碼在Javascript中的所述第一代碼的相應位置。

進一步的，所述方法還包括：將所述第二代碼替換到所述Javascript中的所述第一代碼的相應位置。

進一步的，在所述將所述第二代碼替換到所述Javascript中的所述第一代碼的相應位置之后，還包括：在所述Html中刪除所述前端模板。

進一步的，所述獲得所述Html的所述第一代碼包括：通過一異步接口獲得所述第一代碼。

進一步的，在將所述第二代碼替換到所述Javascript中的所述第一代碼的相應位置之前，所述方法還包括：對所述第二代碼進行壓縮處理。

另一方面，本申請通過本申請的一實施例，提供如下技術方案：

一種前端模板的處理裝置，應用于對Html的第一代碼處理過程中，所述裝置包括：第一獲得模塊，所述第一獲得模塊用于獲得Html的所述第一代碼；第二獲得模塊，所述第二獲得模塊用于獲得Html的所述前端模板；第一分析模塊，所述第一分析模塊用于分析所述第一代碼與所述前端模板的對應關系；轉換模塊，所述轉換模塊用于根據所述對應關系，將所述第一代碼轉換為第二代碼，其中，所述第一代碼與所述第二代碼不同。

進一步的，所述裝置還包括：第二分析模塊，所述第二分析模塊用于分析所述Html的所述前端模板；第三獲得模塊，所述第三獲得模塊用于獲得所述前端模板的引導標記，以便于根據所述引導標記確定所述第一代碼在Javascript中的所述第一代碼的相應位置。

進一步的，所述裝置還包括：替換模塊，所述替換模塊用于將所述第二代碼替換到所述Javascript中的所述第一代碼的相應位置。

進一步的，所述裝置還包括：刪除模塊，所述刪除模塊用于在所述Html中刪除所述前端模板。

進一步的，所述裝置還包括：第四獲得模塊，所述第四獲得模塊用于通過一異步接口獲得所述第一代碼。

進一步的，所述裝置還包括：壓縮模塊，所述壓縮模塊用于對所述第二代碼進行壓縮處理。

本發明實施例的有益效果如下：

本發明一實施例提供的一種前端模板的處理方法和裝置，通過將Html的第一代碼與前端模板的對應關系，將第一代碼轉換為第二代碼，進而實現利用前端模板，在開發中將Html和Javascript進行分離，達到代碼的可讀性和可維護性較好的技術效果。

進一步的，本發明實施例通過對第二代碼進行壓縮等優化處理，可以減少代碼的體積，提升頁面的訪問速度。

附圖說明

圖1為本發明一實施例中一種前端模板的處理方法的流程示意圖；

圖2為本發明一實施例中一種前端模板的處理裝置的結構示意圖。

具體實施方式