一種網(wǎng)頁頁面的生成方法、裝置及終端設(shè)備的制造方法
【技術(shù)領(lǐng)域】
[0001] 本發(fā)明涉及計(jì)算機(jī)應(yīng)用技術(shù)領(lǐng)域，尤其涉及一種網(wǎng)頁頁面的生成方法、裝置及終 端設(shè)備。
【背景技術(shù)】
[0002] 網(wǎng)頁是構(gòu)成網(wǎng)站的基本元素，其為承載各種應(yīng)用的平臺(tái)，網(wǎng)頁以一個(gè)文件的形式 存放在某一部計(jì)算機(jī)中，其他計(jì)算機(jī)通過互聯(lián)網(wǎng)可以訪問此文件。網(wǎng)頁經(jīng)由URL(Uniform ResoureLocator,統(tǒng)一資源定位器）來識(shí)別和存取，按照HTML(HyperTextMark-up Language，超文本標(biāo)記語言）格式來編輯配置。網(wǎng)頁可以包括文字、圖片、表格、音視頻等內(nèi) 容，通過網(wǎng)頁瀏覽器來閱讀。
[0003] 目前在網(wǎng)頁頁面的開發(fā)過程中，一般包括頁面內(nèi)容的實(shí)現(xiàn)過程以及對(duì)頁面內(nèi)容中 腳本的實(shí)現(xiàn)過程，頁面內(nèi)容可以很直觀地為用戶展示相關(guān)信息，而腳本則可以實(shí)現(xiàn)人機(jī)交 互。
[0004] 現(xiàn)有技術(shù)中在網(wǎng)頁頁面中增加新的內(nèi)容時(shí)，例如在電商的網(wǎng)頁中增加新的商家 時(shí)，需要腳本開發(fā)人員針對(duì)新的內(nèi)容編寫并配置新的腳本文件，然后更新到網(wǎng)頁頁面中，增 加了人力成本，且效率低下。

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

[0005] 本發(fā)明實(shí)施例所要解決的技術(shù)問題在于，提供一種網(wǎng)頁頁面的生成方法、裝置及 終端設(shè)備，可快捷地完成腳本的配置生成網(wǎng)頁頁面。
[0006] 為了解決上述技術(shù)問題，本發(fā)明實(shí)施例提供了一種網(wǎng)頁頁面的生成方法，包括：
[0007] 在檢測到對(duì)已配置的頁面內(nèi)容執(zhí)行腳本配置操作時(shí)，掃描所述已配置的頁面內(nèi)容 中包括腳本標(biāo)記的對(duì)象元素；
[0008] 讀取所述包括腳本標(biāo)記的對(duì)象元素中的網(wǎng)頁用戶屬性的內(nèi)容信息，并識(shí)別所述內(nèi) 容信息的信息類型，根據(jù)識(shí)別得到的信息類型選擇腳本處理邏輯；
[0009] 將選擇的腳本處理邏輯配置為所述已配置的頁面內(nèi)容的腳本，編譯得到包括所述 頁面內(nèi)容和腳本處理邏輯的網(wǎng)頁頁面。
[0010] 相應(yīng)地，本發(fā)明實(shí)施例還提供了一種網(wǎng)頁頁面的生成裝置，包括：
[0011] 掃描模塊，用于在檢測到對(duì)已配置的頁面內(nèi)容執(zhí)行腳本配置操作時(shí)，掃描所述已 配置的頁面內(nèi)容中包括腳本標(biāo)記的對(duì)象元素；
[0012] 選擇模塊，用于讀取所述包括腳本標(biāo)記的對(duì)象元素中的網(wǎng)頁用戶屬性的內(nèi)容信 息，并識(shí)別所述內(nèi)容信息的信息類型，根據(jù)識(shí)別得到的信息類型選擇腳本處理邏輯；
[0013] 處理模塊，用于將選擇的腳本處理邏輯配置為所述已配置的頁面內(nèi)容的腳本，編 譯得到包括所述頁面內(nèi)容和腳本處理邏輯的網(wǎng)頁頁面。
[0014] 相應(yīng)地，本發(fā)明實(shí)施例的還提供了一種終端設(shè)備，包括：處理器，
[0015] 所述處理器，用于在檢測到對(duì)已配置的頁面內(nèi)容執(zhí)行腳本配置操作時(shí)，掃描所述 已配置的頁面內(nèi)容中包括腳本標(biāo)記的對(duì)象元素；讀取所述包括腳本標(biāo)記的對(duì)象元素中的網(wǎng) 頁用戶屬性的內(nèi)容信息，并識(shí)別所述內(nèi)容信息的信息類型，根據(jù)識(shí)別得到的信息類型選擇 腳本處理邏輯；將選擇的腳本處理邏輯配置為所述已配置的頁面內(nèi)容的腳本，編譯得到包 括所述頁面內(nèi)容和腳本處理邏輯的網(wǎng)頁頁面。
[0016] 本發(fā)明實(shí)施例能夠在網(wǎng)頁頁面的某些元素中增加新的用戶屬性，使得在進(jìn)行腳本 開發(fā)時(shí)，能夠直接根據(jù)用戶屬性中的相關(guān)信息自動(dòng)選擇并配置腳本處理邏輯，可快捷、有效 地完成網(wǎng)頁腳本的配置，節(jié)省了人力成本，滿足網(wǎng)頁開發(fā)用戶的自動(dòng)化、智能化需求。
【附圖說明】
[0017] 為了更清楚地說明本發(fā)明實(shí)施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對(duì)實(shí)施例或現(xiàn) 有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本 發(fā)明的一些實(shí)施例，對(duì)于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動(dòng)的前提下，還可以 根據(jù)這些附圖獲得其他的附圖。
[0018] 圖1是本發(fā)明實(shí)施例的一種網(wǎng)頁頁面的生成方法的流程示意圖；
[0019] 圖2是本發(fā)明實(shí)施例的另一種網(wǎng)頁頁面的生成方法的流程示意圖；
[0020] 圖3是本發(fā)明實(shí)施例的一種網(wǎng)頁頁面的生成裝置的結(jié)構(gòu)示意圖；
[0021] 圖4是本發(fā)明實(shí)施例的另一種網(wǎng)頁頁面的生成裝置的結(jié)構(gòu)示意圖；
[0022] 圖5是圖4中的選擇模塊的其中一種結(jié)構(gòu)示意圖；
[0023] 圖6是本發(fā)明實(shí)施例的一種終端設(shè)備的結(jié)構(gòu)示意圖。
【具體實(shí)施方式】
[0024] 下面將結(jié)合本發(fā)明實(shí)施例中的附圖，對(duì)本發(fā)明實(shí)施例中的技術(shù)方案進(jìn)行清楚、完 整地描述，顯然，所描述的實(shí)施例僅僅是本發(fā)明一部分實(shí)施例，而不是全部的實(shí)施例?；?本發(fā)明中的實(shí)施例，本領(lǐng)域普通技術(shù)人員在沒有作出創(chuàng)造性勞動(dòng)前提下所獲得的所有其他 實(shí)施例，都屬于本發(fā)明保護(hù)的范圍。
[0025]請(qǐng)參見圖1，是本發(fā)明實(shí)施例的一種網(wǎng)頁頁面的生成方法的流程示意圖，本發(fā)明實(shí) 施例的所述方法可應(yīng)用在網(wǎng)頁頁面開發(fā)的個(gè)人計(jì)算機(jī)等終端中，具體的，本發(fā)明實(shí)施例的 所述方法包括：
[0026] S101 :在檢測到對(duì)已配置的頁面內(nèi)容執(zhí)行腳本配置操作時(shí)，掃描所述已配置的頁 面內(nèi)容中包括腳本標(biāo)記的對(duì)象元素。
[0027] 在本發(fā)明實(shí)施例中，頁面內(nèi)容的配置過程可以在現(xiàn)有的HTML頁面配置方式的基 礎(chǔ)上，增加新的配置流程，具體包括：在包含頁面用戶相關(guān)信息的指定對(duì)象元素中，增加設(shè) 置一個(gè)腳本標(biāo)記，例如，在電商頁面的商家用戶所對(duì)應(yīng)的按鈕button的D0M元素中，統(tǒng)一設(shè) 置一個(gè)腳本標(biāo)記class。根據(jù)該腳本標(biāo)記，在所述S101中可以確定需要對(duì)對(duì)象元素中的相 關(guān)內(nèi)容進(jìn)行腳本配置。并且，在該HTML頁面中還加入新的網(wǎng)頁用戶屬性信息，該網(wǎng)頁用戶 屬性中可加入網(wǎng)頁用戶名稱、網(wǎng)址等字段，其主要用于在js腳本邏輯中區(qū)別不同用戶，具 體可以設(shè)置一個(gè)或者多個(gè)字段，可以按照一定的順序通過諸如"I"的符號(hào)作為各字段間的 分隔符。
[0028] 在所述S101中會(huì)遍歷已配置的頁面內(nèi)容中所有包括腳本標(biāo)記的D0M元素，并分別 針對(duì)每一個(gè)包括腳本標(biāo)記的DOM元素進(jìn)行下述處理。
[0029] 在配置頁面內(nèi)容以后，頁面開發(fā)人員可以通過相關(guān)的應(yīng)用功能按鈕，發(fā)起對(duì)該頁 面內(nèi)容的腳本配置操作。
[0030] S102:讀取所述包括腳本標(biāo)記的對(duì)象元素中的網(wǎng)頁用戶屬性的內(nèi)容信息，并識(shí)別 所述內(nèi)容信息的信息類型，根據(jù)識(shí)別得到的信息類型選擇腳本處理邏輯。
[0031] 本發(fā)明實(shí)施例中所涉及到的信息類型包括網(wǎng)址類型、圖片類型以及音視頻類型 等，并由腳本開發(fā)人員預(yù)先設(shè)置腳本處理邏輯數(shù)據(jù)庫，該腳本處理邏輯數(shù)據(jù)庫中針對(duì)每一 種信息類型配置有腳本處理邏輯，例如，針對(duì)網(wǎng)址類型的內(nèi)容信息，可以配置網(wǎng)頁跳轉(zhuǎn)等js 腳本邏輯，針對(duì)圖片類型的內(nèi)容信息可以配置圖片的放大以及縮小等js腳本邏輯，針對(duì)音 視頻類型的內(nèi)容信息則可以配置音視頻播放等js腳本邏輯。
[0032] 當(dāng)網(wǎng)頁用戶屬性中有多個(gè)字段時(shí)，可以采用字符串分割函數(shù)String,split(" | "） 來分割得到每一個(gè)字段對(duì)應(yīng)的內(nèi)容信息，并配置到各個(gè)數(shù)組，再根各個(gè)據(jù)數(shù)組中的值來確 定信息類型，以及腳本處理邏輯的選擇。
[0033] S103 :將選擇的腳本處理邏輯配置為所述已配置的頁面內(nèi)容的腳本，編譯得到包 括所述頁面內(nèi)容和腳本處理邏輯的網(wǎng)頁頁面。
[0034] 在得到已配置的頁面內(nèi)容和各腳本后，可通過現(xiàn)有的方式得到可用的HTML網(wǎng)頁 頁面并發(fā)布。
[0035] 本發(fā)明實(shí)施例能夠在網(wǎng)頁頁面的某些元素中增加新的用戶屬性，使得在進(jìn)行腳本 開發(fā)時(shí)，能夠直接根據(jù)用戶屬性中的相關(guān)信息自動(dòng)選擇并配置腳本處理邏輯，可快捷、有效 地完成網(wǎng)頁腳本的配置，節(jié)省了人力成本，滿足網(wǎng)頁開發(fā)用戶的自動(dòng)化、智能化需求。
[0036] 再請(qǐng)參見圖2,是本發(fā)明實(shí)施例的另一種網(wǎng)頁頁面的生成方法的流程示意圖，本發(fā) 明實(shí)施例的所述方法可應(yīng)用在網(wǎng)頁頁面開發(fā)的個(gè)人計(jì)算機(jī)等終端中，具體的，本發(fā)明實(shí)施 例的所述方法包括：
[0037] S201 :在頁面內(nèi)容的配置過程中，選擇用于配置網(wǎng)頁用戶屬性的對(duì)象元素，并為選 擇得到的對(duì)象元素設(shè)置腳本標(biāo)記。
[0038] S202:在所述選擇得到的對(duì)象元素中設(shè)置頁面用戶屬性，所述頁面用戶屬性的值 包括至少一個(gè)用于標(biāo)識(shí)對(duì)應(yīng)頁面用戶的字段。
[0039] S203 :接收用戶錄入的頁面用戶信息，并將接收到的用戶信息添加記錄到所述頁 面用戶屬性對(duì)應(yīng)的字段中。
[0040] 其中，所述頁面用戶屬性對(duì)應(yīng)的字段包括網(wǎng)址字段，所述網(wǎng)址字段用于記錄信息 類型為網(wǎng)址類型的用戶信息。還包括圖片類型的用戶信息、音視頻類型的用戶信息等。
[0041] 在現(xiàn)有的頁面內(nèi)容配置方式的基礎(chǔ)上，增加上述的S201至S203的配置步驟，在所 述S201中對(duì)包含頁面用戶相關(guān)信息的指定對(duì)象元素，增加設(shè)置一個(gè)腳本標(biāo)記，例如，在電 商頁面的商家用戶所對(duì)應(yīng)的按鈕button的D0M元素中，統(tǒng)一設(shè)置一個(gè)腳本標(biāo)記class。根 據(jù)該腳本標(biāo)記，后續(xù)可以確定需要對(duì)對(duì)象元素中的相關(guān)內(nèi)容進(jìn)行腳本配置。
[0042] 在S202中對(duì)該HTML頁面加入新的網(wǎng)頁用戶屬性信息，該網(wǎng)頁用戶屬性中可加入 網(wǎng)頁用戶名稱、網(wǎng)址等字段，其主要用于在js腳本邏輯中區(qū)別不同用戶，具體可以設(shè)置一