網(wǎng)頁功能實(shí)現(xiàn)方法及系統(tǒng)的制作方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及一種互聯(lián)網(wǎng)技術(shù)領(lǐng)域，尤其是涉及一種網(wǎng)頁功能實(shí)現(xiàn)方法及系統(tǒng)。
【背景技術(shù)】
[0002] 隨著網(wǎng)絡(luò)科技的發(fā)展，互聯(lián)網(wǎng)技術(shù)也在迅速地發(fā)展，人們不僅可以通過互聯(lián)網(wǎng)與 他人聯(lián)系，也可訪問互聯(lián)網(wǎng)上的資源。
[0003]目前，互聯(lián)網(wǎng)上最豐富的資源是網(wǎng)頁，網(wǎng)頁的應(yīng)用需要多種網(wǎng)頁功能的支持，例 如，網(wǎng)頁分頁功能，網(wǎng)頁下拉菜單功能等等。目前的網(wǎng)頁功能代碼復(fù)用性較低、不易使用，且 維護(hù)不方便、不支持多網(wǎng)頁功能模板共存。

【發(fā)明內(nèi)容】

[0004] 本發(fā)明的目的之一在于提供一種網(wǎng)頁功能實(shí)現(xiàn)方法及系統(tǒng)。
[0005] 為實(shí)現(xiàn)上述發(fā)明目的之一，本發(fā)明一實(shí)施方式提供了一種網(wǎng)頁功能實(shí)現(xiàn)方法，在 網(wǎng)頁載入時(shí)，所述方法包括：
[0006] 加載底層文件及網(wǎng)頁功能屬性文件；
[0007] 根據(jù)網(wǎng)頁功能屬性文件中的信息，加載與所述網(wǎng)頁功能屬性文件相對(duì)獨(dú)立存儲(chǔ)的 相應(yīng)網(wǎng)頁功能模板。
[0008] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述底層文件包括自定義屬性的JS庫和 以及跨域支持文件。
[0009] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述網(wǎng)頁功能屬性文件與所述網(wǎng)頁功能模 板存儲(chǔ)于不同服務(wù)器內(nèi)。
[0010] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述網(wǎng)頁功能屬性文件包括所述網(wǎng)頁功能 模板的URL地址。
[0011] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述底層文件、網(wǎng)頁功能屬性文件、網(wǎng)頁功 能模板存儲(chǔ)于不同服務(wù)器內(nèi)。
[0012] 為實(shí)現(xiàn)上述發(fā)明目的之一，本發(fā)明一實(shí)施方式提供了一種網(wǎng)頁功能實(shí)現(xiàn)系統(tǒng)，其 包括：加載模塊，其用于加載底層文件及網(wǎng)頁功能屬性文件；以及
[0013] 用于根據(jù)網(wǎng)頁功能屬性文件中的信息，加載與所述網(wǎng)頁功能屬性文件相對(duì)獨(dú)立存 儲(chǔ)的相應(yīng)網(wǎng)頁功能模板。
[0014] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述底層文件包括自定義屬性的JS庫和 以及跨域支持文件。
[0015] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述網(wǎng)頁功能實(shí)現(xiàn)系統(tǒng)還包括第一服務(wù)器 和第二服務(wù)器，第一服務(wù)器用于存儲(chǔ)所述網(wǎng)頁功能屬性文件；第二服務(wù)器用于存儲(chǔ)所述網(wǎng) 頁功能模板。
[0016] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述網(wǎng)頁功能屬性文件包括所述網(wǎng)頁功能 模板的URL地址。
[0017] 作為本發(fā)明一實(shí)施方式的進(jìn)一步改進(jìn)，所述網(wǎng)頁功能實(shí)現(xiàn)系統(tǒng)還包括第一服務(wù) 器、第二服務(wù)器及第三服務(wù)器，第一服務(wù)器用于存儲(chǔ)所述網(wǎng)頁功能屬性文件；第二服務(wù)器用 于存儲(chǔ)所述網(wǎng)頁功能模板；第三服務(wù)器用于存儲(chǔ)所述底層文件。
[0018] 與現(xiàn)有技術(shù)相比，本發(fā)明的有益效果是：網(wǎng)頁功能屬性文件及網(wǎng)頁功能模板獨(dú)立 存儲(chǔ)，一個(gè)網(wǎng)頁功能屬性文件可與多個(gè)網(wǎng)頁功能模板任意組合使用，且其中之一發(fā)生變化 或出現(xiàn)漏洞時(shí)，并不會(huì)對(duì)其中另一個(gè)產(chǎn)生影響，代碼復(fù)用性高，使用、維護(hù)方便，同時(shí)，支持 多個(gè)網(wǎng)頁功能模板共存。
【附圖說明】
[0019] 圖1是本發(fā)明一實(shí)施方式的網(wǎng)頁功能實(shí)現(xiàn)方法的流程圖；
[0020] 圖2A是本發(fā)明具體示例的第一種分頁模板的示意圖；
[0021] 圖2B是本發(fā)明具體示例的第二種分頁模板的示意圖；
[0022] 圖3是本發(fā)明具體示例的服務(wù)器存儲(chǔ)狀況示意圖；
[0023] 圖4A是本發(fā)明具體示例的第一分頁模板加載完成后的示意圖；
[0024] 圖4B是本發(fā)明具體示例的第二分頁模板加載完成后的示意圖；
[0025] 圖5是本發(fā)明一實(shí)施方式的網(wǎng)頁功能實(shí)現(xiàn)系統(tǒng)的框架圖。
【具體實(shí)施方式】
[0026] 以下將結(jié)合附圖所示的【具體實(shí)施方式】對(duì)本發(fā)明進(jìn)行詳細(xì)描述。但這些實(shí)施方式并 不限制本發(fā)明，本領(lǐng)域的普通技術(shù)人員根據(jù)這些實(shí)施方式所做出的結(jié)構(gòu)、方法、或功能上的 變換均包含在本發(fā)明的保護(hù)范圍內(nèi)。
[0027] 如圖1所示，在本發(fā)明一實(shí)施方式中，所述網(wǎng)頁功能實(shí)現(xiàn)方法在網(wǎng)頁載入時(shí)，包括 以下步驟：
[0028]S1、加載底層文件及網(wǎng)頁功能屬性文件；
[0029]S2、根據(jù)網(wǎng)頁功能屬性文件中的信息，加載與所述網(wǎng)頁功能屬性文件相對(duì)獨(dú)立存 儲(chǔ)的相應(yīng)網(wǎng)頁功能模板。
[0030] 其中，所述底層文件包括自定義屬性的JS庫以及跨域支持文件。所述自定義屬性 的JS庫用于實(shí)現(xiàn)HTML標(biāo)簽的網(wǎng)頁功能屬性的自定義；所述跨域支持文件用于支持網(wǎng)頁功 能屬性文件中關(guān)于調(diào)用跨域存儲(chǔ)的網(wǎng)頁功能模板的請(qǐng)求。
[0031] 所述網(wǎng)頁功能屬性文件可以包括網(wǎng)頁功能模板的URL地址，根據(jù)網(wǎng)頁功能模板的 URL地址，網(wǎng)頁功能屬性文件可以調(diào)用并加載相應(yīng)的網(wǎng)頁功能模板。其中，網(wǎng)頁功能例如可 包含分頁功能、下拉菜單功能等，當(dāng)以分頁功能為例時(shí)，相應(yīng)的分頁屬性文件除包含分頁功 能的URL地址外，還可包含每一頁顯示的條數(shù)信息、總條數(shù)信息和/或當(dāng)前頁碼信息等，根 據(jù)分頁屬性文件中的每一頁顯示的條數(shù)信息、總條數(shù)信息和/或當(dāng)前頁碼信息等信息，可 確定相應(yīng)的分頁模板加載完成后于網(wǎng)頁當(dāng)前頁面的實(shí)際前端顯示樣式。
[0032] 本發(fā)明一實(shí)施方式中，所述網(wǎng)頁功能屬性文件及網(wǎng)頁功能模板存儲(chǔ)于不同的服務(wù) 器中，即指所述網(wǎng)頁功能屬性文件和所述網(wǎng)頁功能模板是相對(duì)獨(dú)立存儲(chǔ)的。當(dāng)然，在本發(fā)明 其他實(shí)施方式中，所述底層文件、網(wǎng)頁功能屬性文件、網(wǎng)頁功能模板可存儲(chǔ)于不同的服務(wù)器 中，但不以此為限，例如，所述網(wǎng)頁功能屬性文件和所述網(wǎng)頁功能模板也可存儲(chǔ)在同一服務(wù) 器中，但兩者相對(duì)獨(dú)立存儲(chǔ)。所述底層文件、網(wǎng)頁功能屬性文件、網(wǎng)頁功能模板也可存儲(chǔ)于 同一服務(wù)器中，但三者相對(duì)獨(dú)立存儲(chǔ)；另外，所述底層文件、網(wǎng)頁功能屬性文件、網(wǎng)頁功能模 板也可兩兩存儲(chǔ)于同一服務(wù)器中，但均獨(dú)立存儲(chǔ)。當(dāng)然，所述底層文件亦可和所述網(wǎng)頁功能 屬性文件存儲(chǔ)于一起，并一同加載。
[0033] 在本實(shí)施方式中，因所述網(wǎng)頁功能屬性文件和所述網(wǎng)頁功能模板獨(dú)立存儲(chǔ)和獨(dú)立 加載，故，當(dāng)網(wǎng)頁功能屬性文件及網(wǎng)頁功能模板中的其中之一發(fā)生變化或出現(xiàn)漏洞時(shí)，并不 會(huì)對(duì)其中另一個(gè)產(chǎn)生影響。例如，（1)當(dāng)網(wǎng)頁功能模板出現(xiàn)漏洞或需要修改時(shí)，只需要更 新網(wǎng)頁功能模板即可，不需要同時(shí)升級(jí)網(wǎng)頁功能屬性文件及網(wǎng)頁功能模板；（2)當(dāng)非接口 類的網(wǎng)頁功能屬性文件進(jìn)行升級(jí)時(shí)，網(wǎng)頁功能模板可以正常使用；（3)可以預(yù)先開發(fā)若干 個(gè)網(wǎng)頁功能模板，所述若干個(gè)網(wǎng)頁功能模板存儲(chǔ)于同一個(gè)服務(wù)器中，便于網(wǎng)頁功能模板的 統(tǒng)一管理，方便網(wǎng)頁功能模板的調(diào)取和維護(hù)；(4)網(wǎng)頁功能模板和網(wǎng)頁功能屬性文件可以 分別用于其它業(yè)務(wù)系統(tǒng)（網(wǎng)頁或程序）中，即網(wǎng)頁功能模板和網(wǎng)頁功能屬性文件不是綁定 使用的，提高了網(wǎng)頁功能模板和網(wǎng)頁功能屬性文件的通用性，也可降低開發(fā)成本。另外，網(wǎng) 頁功能模板獨(dú)立于網(wǎng)頁功能屬性文件存儲(chǔ)，網(wǎng)頁功能模板可以根據(jù)實(shí)際需求而進(jìn)行調(diào)用加 載，降低對(duì)服務(wù)器空間的占用率；在同一個(gè)業(yè)務(wù)系統(tǒng)上，網(wǎng)頁功能屬性文件可以同時(shí)調(diào)用加 載若干個(gè)網(wǎng)頁功能模板，從而實(shí)現(xiàn)同頁面使用不同的模板；調(diào)用不同的網(wǎng)頁功能模板只需 調(diào)整網(wǎng)頁功能模板的URL地址即可，使用簡(jiǎn)單方便。
[0034] 下面就以一個(gè)具體示例來詳述本發(fā)明一實(shí)施方式的網(wǎng)頁功能實(shí)現(xiàn)方法，所述具體 示例以分頁功能實(shí)現(xiàn)方法為例，所述分頁功能實(shí)現(xiàn)方法包括：
[0035] 建立分頁屬性文件，亦即自定義HTML標(biāo)簽的分頁屬性。例如，所述需要載入網(wǎng)頁 分頁功能的網(wǎng)頁對(duì)網(wǎng)頁分頁功能的要求為：（1)所有記錄的總條數(shù)為1〇〇條；(2)