調(diào)試網(wǎng)頁css的方法及裝置制造方法
【專利摘要】本申請實施例公開了一種調(diào)試網(wǎng)頁層疊樣式表CSS的方法，該方法包括以下步驟：S1.在加載網(wǎng)頁的瀏覽器中監(jiān)聽前端調(diào)試工具對所述網(wǎng)頁中CSS的變更；S2.將監(jiān)聽到的CSS變更信息發(fā)送到與所述網(wǎng)頁對應(yīng)的CSS文件的編輯工具；S3.在所述編輯工具中按照所述CSS文件所包含的從屬繼承關(guān)系展示接收到的所述CSS變更信息，以供對所述CSS文件進(jìn)行編輯。本申請實施例相應(yīng)還提供一種調(diào)試網(wǎng)頁CSS的裝置。本申請實施例調(diào)試網(wǎng)頁CSS的方法及裝置，能夠?qū)⒈O(jiān)聽到的前端調(diào)試工具對網(wǎng)頁CSS的變更同步到CSS文件的編輯工具，從而可以實時將網(wǎng)頁CSS的變更應(yīng)用于后端網(wǎng)頁服務(wù)器的CSS文件中，便利地實現(xiàn)了網(wǎng)頁CSS的調(diào)試。
【專利說明】調(diào)試網(wǎng)頁CSS的方法及裝置【技術(shù)領(lǐng)域】
[0001]本申請涉及網(wǎng)絡(luò)通信【技術(shù)領(lǐng)域】,尤其涉及一種用于對網(wǎng)頁CSS(Cascading StyleSheets，層疊樣式表)進(jìn)行調(diào)試的方法及裝置。
【背景技術(shù)】
[0002]CSS是一種計算機(jī)標(biāo)記語言，其在標(biāo)準(zhǔn)網(wǎng)頁設(shè)計中負(fù)責(zé)網(wǎng)頁內(nèi)容的表現(xiàn)。相對于傳統(tǒng)HTML的表現(xiàn)而言，CSS能夠?qū)W(wǎng)頁中各個顯示對象的位置排版進(jìn)行像素級的精確控制，支持幾乎所有的字體、字號、樣式，并能夠進(jìn)行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言之一。在CSS發(fā)揮網(wǎng)頁內(nèi)容表現(xiàn)作用的過程中，由開發(fā)人員(例如網(wǎng)頁設(shè)計人員)開發(fā)的CSS文件被存放在后端的網(wǎng)頁服務(wù)器，雖然其必須以css作為后綴，但同時可以將其理解成一個包含有各種CSS標(biāo)記的文本文件；該CSS文件進(jìn)而在客戶端可以由瀏覽器調(diào)用、加載并直接加以執(zhí)行(無需編譯)，從而將開發(fā)人員所期望表現(xiàn)的效果展示在瀏覽器中供用戶瀏覽。
[0003]在將CSS文件正式應(yīng)用于某一網(wǎng)頁之前，還有必要對其進(jìn)行調(diào)試，通過對比實際展示效果與預(yù)期效果之間的差異來不斷加以改進(jìn)、完善。目前通用的CSS調(diào)試做法是:將利用CSS開發(fā)工具(例如Eclipse)開發(fā)的CSS文件與某一待展示網(wǎng)頁相關(guān)的其他必要文件一起存放于后端網(wǎng)頁服務(wù)器上；通過瀏覽器加載所述待展示網(wǎng)頁，該加載的網(wǎng)頁中顯示出與所述CSS文件相應(yīng)的展示效果；調(diào)出內(nèi)置在所述瀏覽器中的前端CSS調(diào)試工具(例如Firebug)，在瀏覽器顯示網(wǎng)頁的同時利用該工具顯示出網(wǎng)頁CSS的內(nèi)容；通過對照所述網(wǎng)頁在瀏覽器中的顯示效果，利用所述前端CSS調(diào)試工具對網(wǎng)頁CSS進(jìn)行修改、刪除、添加等變更操作；記錄所述前端CSS調(diào)試工具對網(wǎng)頁CSS的變更操作，并利用前述的CSS開發(fā)工具將網(wǎng)頁CSS變更后的內(nèi)容復(fù)制并粘貼到存放于后端網(wǎng)頁服務(wù)器的實際CSS文件中。
[0004]由上述內(nèi)容可知，目前的網(wǎng)頁CSS調(diào)試過程相當(dāng)繁瑣，并且前端調(diào)試工具的變更操作不能實時同步到后端網(wǎng)頁服務(wù)器的CSS文件中，一旦在調(diào)試過程中瀏覽器所加載的網(wǎng)頁意外發(fā)生刷新或關(guān)閉等情況時，所有的變更操作都會被清除；另外，在前端調(diào)試工具完成變更操作而后需要將這些變更應(yīng)用于后端網(wǎng)頁服務(wù)器的CSS文件時，還要依賴傳統(tǒng)的手動復(fù)制粘貼方式，操作相當(dāng)不便。

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

[0005]本申請的實施例旨在提供一種調(diào)試網(wǎng)頁CSS的方法及裝置，以解決目前網(wǎng)頁CSS調(diào)試存在的過程繁瑣、不能實時同步以及操作不便等問題。
[0006]為實現(xiàn)上述目的，本申請的實施例提供了一種調(diào)試網(wǎng)頁CSS的方法，該方法包括以下步驟:
[0007]S1.在加載網(wǎng)頁的瀏覽器中監(jiān)聽前端調(diào)試工具對所述網(wǎng)頁中CSS的變更；
[0008]S2.將監(jiān)聽到的CSS變更信息發(fā)送到與所述網(wǎng)頁對應(yīng)的CSS文件的編輯工具；
[0009]S3.在所述編輯工具中按照所述CSS文件所包含的從屬繼承關(guān)系展示接收到的所述CSS變更信息，以供對所述CSS文件進(jìn)行編輯。
[0010]本申請的實施例還提供一種調(diào)試網(wǎng)頁CSS的裝置，該裝置包括:
[0011]監(jiān)聽模塊，用于在加載網(wǎng)頁的瀏覽器中監(jiān)聽前端調(diào)試工具對所述網(wǎng)頁中CSS的變更；
[0012]通信模塊，用于將所述監(jiān)聽模塊監(jiān)聽到的CSS變更信息發(fā)送到與所述網(wǎng)頁對應(yīng)的CSS文件的編輯工具；
[0013]處理模塊，在所述編輯工具中按照所述CSS文件所包含的從屬繼承關(guān)系展示接收到的所述CSS變更信息，以供對所述CSS文件進(jìn)行編輯。
[0014]由上述技術(shù)方案可知，本申請實施例調(diào)試網(wǎng)頁CSS的方法及裝置，能夠?qū)⒈O(jiān)聽到的前端調(diào)試工具對網(wǎng)頁CSS的變更同步到CSS文件的編輯工具，從而可以實時將網(wǎng)頁CSS的變更應(yīng)用于后端網(wǎng)頁服務(wù)器的CSS文件中，便利地實現(xiàn)了網(wǎng)頁CSS的調(diào)試。
【專利附圖】

【附圖說明】
[0015]圖1為本申請調(diào)試網(wǎng)頁CSS的方法實施例一流程圖；
[0016]圖2為本申請調(diào)試網(wǎng)頁CSS的方法實施例二流程圖；
[0017]圖3為本申請調(diào)試網(wǎng)頁CSS的裝置實施例結(jié)構(gòu)圖。
【具體實施方式】
[0018]下面將詳細(xì)描述本申請的具體實施例。應(yīng)當(dāng)注意，這里描述的實施例只用于舉例說明，并不用于限制本申請。
[0019]本申請調(diào)試網(wǎng)頁CSS的方法，是用于將前端網(wǎng)頁CSS的變更應(yīng)用到存放于后端網(wǎng)頁服務(wù)器的網(wǎng)頁所對應(yīng)的CSS文件中，圖1為該方法的實施例一流程圖，如圖所示，本實施例調(diào)試網(wǎng)頁CSS的方法包括以下步驟S101-S103。
[0020]S101.在加載網(wǎng)頁的瀏覽器中監(jiān)聽前端調(diào)試工具對網(wǎng)頁中CSS的變更；
[0021]S102.將監(jiān)聽到的CSS變更信息發(fā)送到CSS文件的編輯工具；
[0022]參考本申請【背景技術(shù)】部分的描述可知，目前調(diào)試網(wǎng)頁CSS的通用做法是先記錄前端調(diào)試工具對CSS所做的變更，待變更完成后再利用CSS開發(fā)工具(此處也稱為編輯工具)根據(jù)上述記錄將變更后的內(nèi)容手動復(fù)制粘貼到后臺的CSS文件中。而在本實施例的技術(shù)方案中，步驟SlOl可以在加載網(wǎng)頁的瀏覽器中對前端調(diào)試工具所進(jìn)行的CSS變更進(jìn)行監(jiān)聽，而一旦監(jiān)聽到任何變更，步驟S102緊接著便可以實時地將監(jiān)聽到的CSS變更信息發(fā)送到CSS文件的編輯工具中。
[0023]S103.在編輯工具中按照CSS文件所包含的從屬繼承關(guān)系展示接收到的CSS變更信息，以供對CSS文件進(jìn)行編輯。
[0024]參考本申請【背景技術(shù)】部分的描述可知，在目前網(wǎng)頁CSS的調(diào)試過程中，即使獲得了前端調(diào)試工具針對網(wǎng)頁CSS的完整變更記錄，但在需要將這些變更應(yīng)用于后端網(wǎng)頁服務(wù)器的CSS文件時，仍然要依賴手動的復(fù)制粘貼方式。而在本實施例的技術(shù)方案中，步驟S103可以在編輯工具中按照CSS文件所包含的從屬繼承關(guān)系來顯示從前端接收到的CSS變更信息，同時可以提供與變更信息對應(yīng)的修改、增加、刪除等編輯操作。
[0025]綜上所述，基于本實施例調(diào)試網(wǎng)頁CSS的方法，調(diào)試人員在前端調(diào)試工具中針對網(wǎng)頁CSS所作的變更，不僅可以實時同步到CSS文件的編輯工具上，并且這些變更可以按照CSS文件自身所包含的從屬繼承關(guān)系加以顯示，從而將對應(yīng)CSS文件中產(chǎn)生變更的內(nèi)容和位置清楚、明確地顯示在編輯工具中；同時通過在所顯示的內(nèi)容和位置處添加對應(yīng)的修改、增加、刪除等編輯操作選項(例如菜單或按鈕)，由此調(diào)試人員不僅可以清楚地看到CSS文件中產(chǎn)生變更的內(nèi)容和位置，而且可以簡單地通過上述提供的編輯操作選項來進(jìn)行CSS文件的編輯，從而便利地完成網(wǎng)頁CSS的調(diào)試。
[0026]圖2為本申請的調(diào)試網(wǎng)頁CSS的方法實施例二流程圖，如圖所示，本實施例的方法包括以下步驟S201-S206。
[0027]S201、利用瀏覽器加載存放于后端網(wǎng)頁服務(wù)器的網(wǎng)頁并加以顯示，同時利用內(nèi)置于瀏覽器的前端調(diào)試工具顯示網(wǎng)頁中所包含的CSS ；
[0028]S202、對照網(wǎng)頁在瀏覽器中的顯示效果利用前端調(diào)試工具對CSS進(jìn)行變更；
[0029]參見本申請【背景技術(shù)】部分的描述可知，CSS是一種不需要編譯而可以由瀏覽器直接執(zhí)行的語言。就CSS在網(wǎng)頁發(fā)揮表現(xiàn)效果的作用而言，可以分成兩個部分:一部分是后端存放的CSS文件，由開發(fā)人員(例如網(wǎng)頁設(shè)計人員)所開發(fā)并和與網(wǎng)頁相關(guān)的其他有用文件(例如頁面文件、數(shù)據(jù)庫文件等等)一起存放于后端網(wǎng)頁服務(wù)器上；另一部分是前端顯示的網(wǎng)頁CSS，具體而言，相對于后端網(wǎng)頁服務(wù)器而言處于前端的瀏覽器在通過輸入地址等操作加載上述存放于后端網(wǎng)頁服務(wù)器的網(wǎng)頁頁面時，便可直接調(diào)用同樣存放于后端網(wǎng)頁服務(wù)器的CSS文件，將其對應(yīng)的表現(xiàn)效果顯示在瀏覽器加載的網(wǎng)頁頁面中，相對于前述存放于后端網(wǎng)頁服務(wù)器的實際CSS文件，在瀏覽器中顯示的這一部分可以稱之為網(wǎng)頁CSS。
[0030]針對上述網(wǎng)頁CSS，相關(guān)技術(shù)中已提供有成熟的前端調(diào)試工具。以Firefox (火狐)瀏覽器為例，便有一款名為Firebug的開發(fā)類插件，其集HTML查看和編輯、JavaScript控制臺、網(wǎng)絡(luò)狀況檢測器于一體，是開發(fā)JavaScript、CSS和HTML等的高效工具之一。利用Firefox瀏覽器配合Firebug這類前端調(diào)試工具(插件)，可以在顯示網(wǎng)頁的同時清楚顯示出網(wǎng)頁中所包含的CSS，并可通過對照網(wǎng)頁的顯示效果對網(wǎng)頁CSS進(jìn)行變更，以達(dá)到預(yù)期的CSS表現(xiàn)效果。然而，前端調(diào)試工具對網(wǎng)頁CSS所進(jìn)行的變更僅僅是一次性的，一旦瀏覽器加載的網(wǎng)頁被刷新或者關(guān)閉，所有變更都會被清除。因此，要想使前端調(diào)試工具的CSS變更永久地發(fā)揮作用，還需要將這些變更應(yīng)用于后端網(wǎng)頁服務(wù)器的實際CSS文件上。相關(guān)技術(shù)中是通過手動復(fù)制粘貼的方式來完成上述從前端CSS變更到后端CSS文件的應(yīng)用過程，不僅過程繁瑣并且存在工作量重復(fù)(例如，在前端調(diào)試工具變更CSS時瀏覽器因意外而刷新或關(guān)閉，所有變更操作都要重新進(jìn)行)的風(fēng)險，而本實施例中是通過后續(xù)步驟來實時、自動、便利地完成這一應(yīng)用。
[0031]基于以上所述，就步驟S201-S202而言，在一個實施例中，上述的瀏覽器可以是Firefox瀏覽器,對應(yīng)的前端調(diào)試工具可以是Firebug插件,后續(xù)的步驟將延續(xù)這一實施例進(jìn)行描述。但本領(lǐng)域技術(shù)人員可知，上述瀏覽器和前端調(diào)試工具的實施并不僅限于此，例如瀏覽器還可以是Chrome瀏覽器、IE瀏覽器和Opera瀏覽器等等，而與這些瀏覽器搭配使用的前端調(diào)試工具例如可以是Firebug Lite等等，在不脫離本申請的精神及實質(zhì)范圍的條件下，本領(lǐng)域技術(shù)人員可以做任意的替換和變更。
[0032]S203、在瀏覽器中監(jiān)聽前端調(diào)試工具對網(wǎng)頁中CSS的變更；
[0033]S204、通過socket (套接字)請求將監(jiān)聽到的CSS變更信息發(fā)送到CSS文件的編輯工具；
[0034]與目前在前端調(diào)試工具對CSS的變更完成之后再將變更應(yīng)用于CSS文件不同，本實施例步驟S203中是對前端調(diào)試工具所做的CSS變更進(jìn)行實時監(jiān)聽。在一個實施例中，步驟S203的監(jiān)聽可以通過在瀏覽器中內(nèi)置插件來實現(xiàn)。仍以Firefox瀏覽器為例，與其內(nèi)置Firebug插件作為前端調(diào)試工具類似，此處也可以在Firefox瀏覽器中內(nèi)置監(jiān)聽插件，該插件擴(kuò)展于Firebug。在一個實施例中，上述監(jiān)聽插件具體可以監(jiān)聽Firebug中CSSeditor (CSS編輯器)上CSS的set (設(shè)置)和remove (移除)事件，當(dāng)使用Firebug在瀏覽器網(wǎng)頁調(diào)試CSS而觸發(fā)set和remove事件時,該監(jiān)聽插件可以監(jiān)聽到網(wǎng)頁CSS的具體變更信息，進(jìn)而如步驟S204所述將CSS變更信息發(fā)送到CSS文件的編輯工具。
[0035]就步驟S204中的發(fā)送而言，在一個實施例中，上述監(jiān)聽插件具體可以通過socket請求的方式進(jìn)行CSS變更信息的發(fā)送。這里，上述提及的socket通信是一種比http更為底層的通信方式，與http不同的是，socket通信屬于長連接，當(dāng)連接建立以后，便可以在客戶端(此處對應(yīng)于監(jiān)聽插件)與服務(wù)器端(此處對應(yīng)于CSS文件編輯工具)之間進(jìn)行實時、雙向的數(shù)據(jù)收發(fā)。具體而言，所述監(jiān)聽插件可以通過向CSS文件編輯工具發(fā)起socket請求并在請求中攜帶所述CSS變更信息的方式來實現(xiàn)步驟S204的發(fā)送。然而，本領(lǐng)域技術(shù)人員可知，從瀏覽器向編輯工具發(fā)送CSS變更信息并不限于此處所述的socket通信方式，在不脫離本申請精神和實質(zhì)范圍的前提下，本領(lǐng)域技術(shù)人員可做適當(dāng)變更。例如，在一個實施例中還可以采用http通信的方式來實現(xiàn)CSS變更信息的傳送，具體可以開發(fā)基于http的web應(yīng)用程序來作為處理客戶端所發(fā)送信息的服務(wù)器端，同時該web應(yīng)用程序還可提供特定的頁面用來展示數(shù)據(jù)處理結(jié)果，例如處理成功、對應(yīng)的CSS文件不存在等等。
[0036]S205、在編輯工具中對接收到的socket請求進(jìn)行數(shù)據(jù)處理，以得到請求中攜帶的CSS變更信息；
[0037]S206、在編輯工具中按照CSS文件所包含的從屬繼承關(guān)系展示CSS變更信息，并提供與變更信息對應(yīng)的修改、增加、刪除等編輯操作。
[0038]S207、在編輯工具中顯示與CSS文件的編輯結(jié)果相關(guān)的處理成功的提示，或者處理失敗和/或失敗原因的提示。
[0039]相對于內(nèi)置在前端瀏覽器中用來對網(wǎng)頁CSS進(jìn)行調(diào)試的所述前端調(diào)試工具而言，這里的編輯工具是指對存放于后端網(wǎng)頁服務(wù)器的CSS文件進(jìn)行編輯的工具。盡管如此，這并不意味著該編輯工具也必須與CSS文件一起位于后端網(wǎng)頁服務(wù)器上；在一個實施例中，編輯工具可以與瀏覽器安裝于同一臺計算機(jī)上，而通過遠(yuǎn)程訪問的方式來對后端網(wǎng)頁服務(wù)器上的CSS文件進(jìn)行編輯，從而調(diào)試人員在一臺計算機(jī)上便可實現(xiàn)利用前端調(diào)試工具對網(wǎng)頁CSS進(jìn)行調(diào)試以及利用編輯工具對CSS文件進(jìn)行編輯；在另一個實施例中，編輯工具與瀏覽器還可以一起安裝在網(wǎng)頁服務(wù)器上，從而在網(wǎng)頁服務(wù)器上即可完成對網(wǎng)頁CSS的調(diào)試以及對CSS文件的編輯。
[0040]接續(xù)，在一個實施例中，所述的編輯工具即可以為CSS文件的開發(fā)程序，例如Eclipse、Aptana、Netbeans、Intelli j idea等等。類似于前述為實現(xiàn)步驟S203而開發(fā)基于Firefox瀏覽器的監(jiān)聽插件，在一個實施例中，此處為了實現(xiàn)步驟S205的數(shù)據(jù)處理，也可以在編輯工具的框架下設(shè)置相關(guān)的處理插件，例如基于Eclipse框架的插件，出于簡便描述的目的,下文中均以此Eclipse插件為例進(jìn)行描述。[0041]進(jìn)一步,該Eclipse插件可以接收上述監(jiān)聽插件發(fā)送的socket請求,并進(jìn)行數(shù)據(jù)處理而得到該請求所攜帶的CSS變更信息，進(jìn)而使Eclipse可以按照CSS文件自身所包含的從屬繼承關(guān)系來詳細(xì)展示相關(guān)的CSS變更。具體而言，基于開發(fā)人員根據(jù)不同網(wǎng)頁表現(xiàn)需求所進(jìn)行的不同設(shè)計，每個CSS文件都有自身所特有的從屬繼承關(guān)系，例如以如下代碼
為例:
【權(quán)利要求】
1.一種調(diào)試網(wǎng)頁層疊樣式表CSS的方法，該方法包括以下步驟: 51.在加載網(wǎng)頁的瀏覽器中監(jiān)聽前端調(diào)試工具對所述網(wǎng)頁中CSS的變更； 52.將監(jiān)聽到的CSS變更信息發(fā)送到與所述網(wǎng)頁對應(yīng)的CSS文件的編輯工具； 53.在所述編輯工具中按照所述CSS文件所包含的從屬繼承關(guān)系展示接收到的所述CSS變更信息，以供對所述CSS文件進(jìn)行編輯。
2.如權(quán)利要求1所述的調(diào)試網(wǎng)頁CSS的方法，其中，所述步驟SI之前還包括: 利用所述瀏覽器加載所述網(wǎng)頁，并利用內(nèi)置于所述瀏覽器的所述前端調(diào)試工具顯示所述網(wǎng)頁中所包含的CSS，進(jìn)而對照所述網(wǎng)頁在所述瀏覽器中的顯示效果利用所述前端調(diào)試工具對所述CSS進(jìn)行變更。
3.如權(quán)利要求1所述的調(diào)試網(wǎng)頁CSS的方法，其中，所述步驟S2包括: 通過套接字socket請求的方式發(fā)送所述監(jiān)聽到的CSS變更信息。
4.如權(quán)利要求3所述的調(diào)試網(wǎng)頁CSS的方法，其中，所述步驟S2與S3之間還包括: 在所述編輯工具中對接收到的socket請求進(jìn)行數(shù)據(jù)處理，以得到所述socket請求中攜帶的所述CSS變更信息。
5.如權(quán)利要求3所述的調(diào)試網(wǎng)頁CSS的方法，其中，所述步驟S3之后還包括: 在所述編輯工具中顯示與所述CSS文件的編輯結(jié)果相關(guān)的處理成功的提示，或者處理失敗和/或失敗原因的提示。
6.一種調(diào)試網(wǎng)頁CSS的裝置，該裝置包括: 監(jiān)聽模塊，用于在加載網(wǎng)頁的瀏覽器中監(jiān)聽前端調(diào)試工具對所述網(wǎng)頁中CSS的變更； 通信模塊，用于將所述監(jiān)聽模塊監(jiān)聽到的CSS變更信息發(fā)送到與所述網(wǎng)頁對應(yīng)的CSS文件的編輯工具； 處理模塊，在所述編輯工具中按照所述CSS文件所包含的從屬繼承關(guān)系展示接收到的所述CSS變更信息，以供對所述CSS文件進(jìn)行編輯。
7.如權(quán)利要求6所述的調(diào)試網(wǎng)頁CSS的裝置，其中，所述瀏覽器用于加載所述網(wǎng)頁；所述前端調(diào)試工具內(nèi)置于所述瀏覽器中并用于顯示所述網(wǎng)頁中所包含的CSS，以供對照所述網(wǎng)頁在瀏覽器中的顯示效果利用所述前端調(diào)試工具對所述CSS進(jìn)行變更。
8.如權(quán)利要求6所述的調(diào)試網(wǎng)頁CSS的裝置，其中，所述通信模塊是通過socket請求的方式發(fā)送所述監(jiān)聽到的CSS變更信息。
9.如權(quán)利要求8所述的調(diào)試網(wǎng)頁CSS的裝置，其中，還包括內(nèi)置于所述編輯工具中的接收模塊及數(shù)據(jù)模塊；所述接收模塊用于接收所述通信模塊發(fā)送的socket請求；所述數(shù)據(jù)模塊用于對所述接收模塊收到的socket請求進(jìn)行數(shù)據(jù)處理，以得到所述socket請求中攜帶的所述CSS變更信息。
10.如權(quán)利要求6所述的調(diào)試網(wǎng)頁CSS的裝置，其中，還包括提示模塊，用于在所述編輯工具中顯示與所述處理模塊對CSS文件進(jìn)行編輯的結(jié)果相關(guān)的處理成功的提示，或者處理失敗和/或失敗原因的提示。
【文檔編號】H04L29/08GK103595742SQ201210289029
【公開日】2014年2月19日 申請日期:2012年8月14日 優(yōu)先權(quán)日:2012年8月14日
【發(fā)明者】李寧 申請人:阿里巴巴集團(tuán)控股有限公司