本發(fā)明涉及互聯(lián)網(wǎng)領(lǐng)域，尤其涉及一種基于less的主題生成方法及裝置。

背景技術(shù)：

隨著互聯(lián)網(wǎng)的迅速發(fā)展，社交網(wǎng)站也已經(jīng)相當(dāng)普及，人們在應(yīng)用社交網(wǎng)站時，一般情況下，客戶端都會被設(shè)置成一個默認(rèn)的主題樣式。但是，由于用戶群體的差異性，每個人對社交網(wǎng)站的主題要求也不相同。

現(xiàn)有技術(shù)中，對于不同的主題，主題樣式和包括的圖標(biāo)都是設(shè)置好的，用戶是無法根據(jù)提供的主題，根據(jù)需求自定義的對主題進(jìn)行編輯，或者是，對于可編輯的主題，主題中包括的主題樣式和相對應(yīng)的圖標(biāo)都是相關(guān)聯(lián)的，若是修改復(fù)雜性很高，對于用戶的體驗較差。

技術(shù)實現(xiàn)要素：

有鑒于此，本發(fā)明實施例提供了一種基于less的主題生成方法及裝置，通過提供的方法，在原有模板的基礎(chǔ)上，用戶可以根據(jù)自己的需求，自定義的設(shè)置所需的模板樣式，并且，解決了現(xiàn)有技術(shù)中，修改復(fù)雜，從而導(dǎo)致的用戶體驗性差的問題。

本發(fā)明實施例提供的一種基于less的主題生成方法，所述方法可以包括：

獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改主題模板中的目標(biāo)選項的修改參數(shù)；

根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件；

響應(yīng)于對修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板。

可選的，在響應(yīng)對所述修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板之前，還包括：

響應(yīng)于對修改后的所述主題模板進(jìn)行預(yù)覽的指令，導(dǎo)入生成的所述css文件，展示修改后的主題模板。

可選的，在響應(yīng)對所述修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板之前，還包括：

判斷是否再次獲取到對于所述主題模板中的一個或者多個目標(biāo)選項的修改參數(shù)；

若是再次獲取到對于所述主題模板中的目標(biāo)選項的修改參數(shù)，返回執(zhí)行根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件。

可選的，所述目標(biāo)選項包括：

組成所述待修改的主題模板的可變主題模塊中的一個或者多個。

可選的，所述主題模塊包括：字體、顏色、位置中的一項或者多項。

本發(fā)明實施例還提供了一種基于less的主題生成裝置，所述裝置包括：

獲取單元，用于獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改主題模板中的目標(biāo)選項的修改參數(shù)；

第一生成單元，用于根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件；

第二生成單元，用于響應(yīng)于對修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板。

可選的，所述裝置還包括：

預(yù)覽單元，用于響應(yīng)于對修改后的所述主題模板進(jìn)行預(yù)覽的指令，導(dǎo)入生成的所述css文件，展示修改后的主題模板。

可選的，所述裝置還包括：

判斷單元，用于判斷是否再次獲取到對于所述主題模板中的一個或者多個目標(biāo)選項的修改參數(shù)；

返回單元，用于，若是再次獲取到對于所述主題模板中的目標(biāo)選項的修改參數(shù)，返回執(zhí)行根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件。

可選的，所述目標(biāo)選項包括：

組成所述待修改的主題模板的可變主題模塊中的一個或者多個。

可選的，所述主題模塊包括：字體、顏色、位置中的一項或者多項。

本實施例中，首先，獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改的主題模板中的目標(biāo)選項的修改參數(shù)，然后，根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css文件，并在接收到用戶提交的請求后，存儲生成的css文件，并生成修改后的主題模板。這樣，在原有主題模板的基礎(chǔ)上，用戶可以根據(jù)自己的需求，自定義的設(shè)置所需的主題模板樣式，并且，解決了現(xiàn)有技術(shù)中，對主題模板修改復(fù)雜，從而導(dǎo)致的用戶體驗性差的問題。

附圖說明

為了更清楚地說明本發(fā)明實施例或現(xiàn)有技術(shù)中的技術(shù)方案，下面將對實施例或現(xiàn)有技術(shù)描述中所需要使用的附圖作簡單地介紹，顯而易見地，下面描述中的附圖僅僅是本發(fā)明的實施例，對于本領(lǐng)域普通技術(shù)人員來講，在不付出創(chuàng)造性勞動的前提下，還可以根據(jù)提供的附圖獲得其他的附圖。

圖1示出了本發(fā)明實施例提供的一種基于less的主題生成方法的流程示意圖；

圖2示出了本發(fā)明實施例提供的一種待修改主題模板的示意圖；

圖3示出了本發(fā)明實施例提供的一種主題模塊修改的界面示意圖；

圖4示出了本發(fā)明實施例提供的一種基于less的主題生成裝置的結(jié)構(gòu)示意圖。

具體實施方式

下面將結(jié)合本發(fā)明實施例中的附圖，對本發(fā)明實施例中的技術(shù)方案進(jìn)行清楚、完整地描述，顯然，所描述的實施例僅僅是本發(fā)明一部分實施例，而不是全部的實施例?；诒景l(fā)明中的實施例，本領(lǐng)域普通技術(shù)人員在沒有做出創(chuàng)造性勞動前提下所獲得的所有其他實施例，都屬于本發(fā)明保護(hù)的范圍。

本實施例可以是終端執(zhí)行的，例如可以包括：計算機(jī)、手機(jī)、ipad等，進(jìn)一步的可以是下載有相應(yīng)的主題模板app的終端，例如可以為下載有相關(guān)主題模板app的計算機(jī)、手機(jī)或者ipad等?；蛘哌€可以是服務(wù)器執(zhí)行的，或者還可以為部分是終端執(zhí)行的，部分是服務(wù)器執(zhí)行的。

舉例說明：針對于部分是終端生成的，部分是服務(wù)器生成的，終端可以執(zhí)行，獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改的主題模板中的目標(biāo)選項的修改參數(shù)；服務(wù)器可以執(zhí)行，根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件，響應(yīng)于對修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板，可以是服務(wù)器執(zhí)行的。

其中，需要說明的是，若本實施例的執(zhí)行主題是終端，可以理解為，對于主題模板的修改可以是在離線狀態(tài)下進(jìn)行的，若是執(zhí)行主題包含服務(wù)器時，可以理解為，對于主題模板的修改時在聯(lián)網(wǎng)的狀態(tài)下進(jìn)行的。

參考圖1，示出了本發(fā)明實施例提供的一種基于less的主題生成方法的流程示意圖，在本實施例中，所述方法可以包括：

s101：獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改的主題模板中的目標(biāo)選項的修改參數(shù)；

本實施例中，所述主題模板可以由多個主題模塊組成，而主題模板中的目標(biāo)選項可以是組成主題模板的可變主題模塊中的一個或者多個。

本實施例中，組成主題模板的可變主題模塊可以是技術(shù)人員在生成該待修改的主題模板時預(yù)先設(shè)置的。也就是說，生成的該待修改的主題模板，有一些主題模塊是可以修改的，有一些主題模塊是無法修改的，或者所有的主題模塊都可以是可以修改的。

如圖2所示，示出了本發(fā)明實施例提供的一種待修改主題模板的示意圖，從圖中可以看出，一個主題模板可以包括多個主題模塊，其中，可變主題目標(biāo)可以包括：主菜單模塊，主模塊的各個欄目模塊等。

舉例說明：可以變的主題模塊具體可以包括：頭部背景、菜單背景、菜單字號、菜單字體顏色、主題模塊邊線寬度、主題模塊邊線顏色、主題模塊標(biāo)題字號、主題模塊標(biāo)題字體顏色、主題模塊標(biāo)題邊線寬度、側(cè)邊欄邊線顏色、側(cè)邊欄標(biāo)題字號、側(cè)邊欄標(biāo)題字體顏色等。

本實施例中，當(dāng)用戶想要對選中的模板進(jìn)行修改時，可以通過為用戶提供的修改接口對主題模板中的目標(biāo)選項設(shè)置相應(yīng)的參數(shù)進(jìn)行修改。

舉例說明，用戶可以通過在選定的模板上右擊鼠標(biāo)，選擇修改選項，從而彈出主題模板的修改界面；或者也可以是，通過選擇該主題模板上特定的修改選項，從而彈出主題模板的修改界面，例如，如圖3所示，示出了本發(fā)明實施例提供的一種主題模塊修改的界面示意圖。從圖中可以看出，用戶可以對菜單的背景顏色、菜單文字顏色、菜單字體大小等目標(biāo)選項進(jìn)行修改。

s102：根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件。

本實施例中，通過javascript語言，依據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，使得less變量與目標(biāo)選項的修改參數(shù)可以一一對應(yīng)，即使less變量與該主題模板所要修改的內(nèi)容一一對應(yīng)，然后依據(jù)賦值的less變量生成css(中文全稱：層疊樣式表，英文全稱：cascadingstylesheets)文件。

s103：響應(yīng)于對修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板。本實施例中，當(dāng)用戶對主題模板修改完成并確認(rèn)提交后，將生成的css文件進(jìn)行存儲，并依據(jù)這些css文件，生成修改后的主題模板。

本實施例中，在生成模板的過程中，為了進(jìn)一步的方便用戶操作，并讓用戶可以更加直觀的看到到修改后主題模板的樣式，可以對修改后的主題模板進(jìn)行預(yù)覽，故，在s102之后，還可以包括：

s104：響應(yīng)于對修改后的所述主題模板進(jìn)行預(yù)覽的指令，導(dǎo)入生成的所述css文件，展示修改后的主題模板。

本實施例中，當(dāng)用戶需要對修改后的模板進(jìn)行預(yù)覽時，可以通過發(fā)送預(yù)覽指令，導(dǎo)入生成的所述css模板，并依據(jù)所述css模板生成修改后的主題模板。

在實際操作時，若是用戶對修改后在主題模板不滿足，可以多次修改，具體的，s102之后，可以包括：

s105：判斷是否再次獲取到對于所述主題模板中的一個或者多個目標(biāo)選項的修改參數(shù)；

s106：若是再次獲取到對于所述主題模板中目標(biāo)選項的修改參數(shù)，返回執(zhí)行s102。

本實施例中，首先，獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改的主題模板中的目標(biāo)選項的修改參數(shù)，然后，根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css文件，并在接收到用戶提交的請求后，存儲生成的css文件，并生成修改后的主題模板。這樣，在原有主題模板的基礎(chǔ)上，用戶可以根據(jù)自己的需求，自定義的設(shè)置所需的主題模板樣式，并且，解決了現(xiàn)有技術(shù)中，對主題模板修改復(fù)雜，從而導(dǎo)致的用戶體驗性差的問題。

參考圖3，示出了本發(fā)明實施例提供的一種基于less的主題生成裝置的結(jié)構(gòu)示意圖，在本實施例中，所述裝置可以包括：

獲取單元401，用于獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改主題模板中的目標(biāo)選項的修改參數(shù)；

第一生成單元402，用于根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件；

第二生成單元403，用于響應(yīng)于對修改后的主題模板提交的請求，存儲生成的css文件，并生成修改后的主題模板。

可選的，所述裝置還包括：

預(yù)覽單元404，用于響應(yīng)于對修改后的所述主題模板進(jìn)行預(yù)覽的指令，導(dǎo)入生成的所述css文件，展示修改后的主題模板。

可選的，所述裝置還包括：

判斷單元405，用于判斷是否再次獲取到對于所述主題模板中的一個或者多個目標(biāo)選項的修改參數(shù)；

返回單元406，用于，若是再次獲取到對于所述主題模板中的目標(biāo)選項的修改參數(shù)，返回執(zhí)行根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css層疊樣式表文件。

可選的，所述目標(biāo)選項包括：

組成所述待修改的主題模板的可變主題模塊中的一個或者多個。

可選的，所述主題模塊包括：字體、顏色、位置中的一項或者多項。

通過本實施例的裝置，首先，獲取待修改的主題模板，并獲取用戶設(shè)置的所述待修改的主題模板中的目標(biāo)選項的修改參數(shù)，然后，根據(jù)獲取到的目標(biāo)選項的修改參數(shù)，對每個目標(biāo)選項相對應(yīng)的less變量進(jìn)行賦值，生成css文件，并在接收到用戶提交的請求后，存儲生成的css文件，并生成修改后的主題模板。這樣，在原有主題模板的基礎(chǔ)上，用戶可以根據(jù)自己的需求，自定義的設(shè)置所需的主題模板樣式，并且，解決了現(xiàn)有技術(shù)中，對主題模板修改復(fù)雜，從而導(dǎo)致的用戶體驗性差的問題。需要說明的是，本說明書中的各個實施例均采用遞進(jìn)的方式描述，每個實施例重點說明的都是與其他實施例的不同之處，各個實施例之間相同相似的部分互相參見即可。

對所公開的實施例的上述說明，使本領(lǐng)域?qū)I(yè)技術(shù)人員能夠?qū)崿F(xiàn)或使用本發(fā)明。對這些實施例的多種修改對本領(lǐng)域的專業(yè)技術(shù)人員來說將是顯而易見的，本文中所定義的一般原理可以在不脫離本發(fā)明的精神或范圍的情況下，在其它實施例中實現(xiàn)。因此，本發(fā)明將不會被限制于本文所示的這些實施例，而是要符合與本文所公開的原理和新穎特點相一致的最寬的范圍。