基于超文本標(biāo)記語言5的橫編計(jì)算機(jī)輔助設(shè)計(jì)系統(tǒng)

2017-10-25 02:48:18高梓越叢洪蓮蔣高明湯夢(mèng)婷于璐璐

紡織學(xué)報(bào) 2017年10期

關(guān)鍵詞：編織數(shù)據(jù)庫(kù)工藝

高梓越，叢洪蓮，蔣高明，王薇，湯夢(mèng)婷，于璐璐

(1. 江南大學(xué) 教育部針織技術(shù)工程研究中心，江蘇無錫 214122;2. 生態(tài)紡織教育部重點(diǎn)實(shí)驗(yàn)室(江南大學(xué))，江蘇無錫 214122)

基于超文本標(biāo)記語言5的橫編計(jì)算機(jī)輔助設(shè)計(jì)系統(tǒng)

高梓越1,2，叢洪蓮1,2，蔣高明1,2，王薇1,2，湯夢(mèng)婷1,2，于璐璐1,2

(1. 江南大學(xué) 教育部針織技術(shù)工程研究中心，江蘇無錫 214122;2. 生態(tài)紡織教育部重點(diǎn)實(shí)驗(yàn)室(江南大學(xué))，江蘇無錫 214122)

為滿足橫編針織物在線設(shè)計(jì)的需求，在傳統(tǒng)橫編計(jì)算機(jī)輔助設(shè)計(jì)(CAD)的基礎(chǔ)上，基于超文本標(biāo)記語言5(HTML5)技術(shù)設(shè)計(jì)并實(shí)現(xiàn)互聯(lián)網(wǎng)橫編CAD系統(tǒng)。根據(jù)橫編針織物的設(shè)計(jì)特點(diǎn)和成形原理，分別對(duì)花型數(shù)據(jù)和成形數(shù)據(jù)進(jìn)行數(shù)學(xué)建模和數(shù)據(jù)結(jié)構(gòu)優(yōu)化，實(shí)現(xiàn)多視圖設(shè)計(jì)和成形工藝設(shè)計(jì)。同時(shí)，結(jié)合數(shù)據(jù)庫(kù)技術(shù)開發(fā)款式與組織庫(kù)自定義的功能，并在研究花型編譯的基礎(chǔ)上，實(shí)現(xiàn)上機(jī)文件的生成。此外，研究了軟件架構(gòu)，基于B/S模式將程序部署在服務(wù)器上，系統(tǒng)的運(yùn)行則在客戶端，從而實(shí)現(xiàn)了數(shù)據(jù)處理與顯示的分離。最后，通過提花圍巾設(shè)計(jì)實(shí)例進(jìn)行系統(tǒng)檢驗(yàn)，結(jié)果表明該系統(tǒng)設(shè)計(jì)織物直觀方便效率高，滿足橫編針織物在線設(shè)計(jì)的需求。

在線設(shè)計(jì)；橫編針織物；數(shù)據(jù)庫(kù)；超文本標(biāo)記語言5

橫編計(jì)算機(jī)輔助設(shè)計(jì)(CAD)發(fā)展至今，在毛衫設(shè)計(jì)、成形工藝、制版設(shè)計(jì)等功能上已具有很高的實(shí)用性[1]，但在互聯(lián)網(wǎng)時(shí)代，國(guó)內(nèi)外的橫編CAD軟件都沒有賦予其互聯(lián)網(wǎng)的內(nèi)容，依然存在安裝維護(hù)成本高、過于封閉、擴(kuò)展性差等缺點(diǎn)[2]，既不能面向產(chǎn)品的生產(chǎn)全過程，也不能滿足互聯(lián)網(wǎng)時(shí)代隨時(shí)隨地設(shè)計(jì)的需求。

開發(fā)互聯(lián)網(wǎng)橫編CAD系統(tǒng)，并不是簡(jiǎn)單地將單機(jī)軟件移植到瀏覽器上，互聯(lián)網(wǎng)應(yīng)用程序的開發(fā)環(huán)境、開發(fā)語言與單機(jī)軟件的差異，以及瀏覽器本身的局限性阻礙了橫編CAD系統(tǒng)網(wǎng)絡(luò)化的進(jìn)程。本文將超文本標(biāo)記語言5(HTML5)技術(shù)應(yīng)用于開發(fā)橫編CAD系統(tǒng)，提升系統(tǒng)交互的可靠性與操作的流暢性，將程序安裝在遠(yuǎn)程服務(wù)器上，用戶通過瀏覽器訪問系統(tǒng)。

1 基于HTML5的橫編CAD系統(tǒng)

針對(duì)橫編CAD互聯(lián)網(wǎng)化的需求，本文采用HTML5技術(shù)開發(fā)橫編CAD系統(tǒng)，其主要特點(diǎn)有：1)采用HTML5技術(shù)，解決瀏覽器的交互性與兼容性，并提高設(shè)計(jì)花型的效率；2)在云端集中存儲(chǔ)數(shù)據(jù)，后臺(tái)使用基于SQL Server的數(shù)據(jù)庫(kù)技術(shù)，保證了數(shù)據(jù)安全性，提高了數(shù)據(jù)管理的效率和數(shù)據(jù)處理的流暢性；3)提供款式與組織自定義功能，用戶可自行設(shè)計(jì)款式與組織并保存，以重復(fù)使用。

1.1 界面交互

本文實(shí)現(xiàn)瀏覽器的交互性能主要應(yīng)用HTML5中的繪圖功能，即Canvas元素，Canvas元素作為HTML5新添加的功能，提供了功能強(qiáng)大的繪圖方法，可很方便地繪制路徑、矩形、圓弧、字符以及添加圖像，繪圖效率大幅提升[3]。

在使用橫編CAD系統(tǒng)的設(shè)計(jì)功能時(shí)，如圖1所示。選取織針編織動(dòng)作、顏色、矩形繪圖工具，即可在系統(tǒng)的花型設(shè)計(jì)區(qū)域繪制帶有編織動(dòng)作的綠色矩形圖案，在繪制過程中應(yīng)用到離屏Canvas進(jìn)行圖像換色，應(yīng)用JS函數(shù)監(jiān)聽Mousedown、Mouseup事件繪制矩形并改變相應(yīng)位置數(shù)組的值。

圖1 橫編CAD交互示例Fig.1 Example of interaction of flat knitting CAD

此外，HTML5還可添加監(jiān)聽其他鼠標(biāo)事件和鍵盤事件，通過監(jiān)聽這些操作事件并編寫相應(yīng)的執(zhí)行函數(shù)提高瀏覽器的交互性，如鼠標(biāo)滾輪縮放圖像、Ctrl+z撤銷操作等。同時(shí)，各大瀏覽器對(duì)HTML5具有良好的兼容性，在電腦、手機(jī)上都可穩(wěn)定運(yùn)行。經(jīng)實(shí)測(cè)，各繪圖工具繪制花型方便，鼠標(biāo)鍵盤事件相應(yīng)快速準(zhǔn)確，不同視圖之間切換流暢，滿足設(shè)計(jì)者的需求。

1.2 云端數(shù)據(jù)庫(kù)

每個(gè)橫編產(chǎn)品包含大量的花型數(shù)據(jù)、工藝數(shù)據(jù)與織造數(shù)據(jù)，傳統(tǒng)的單機(jī)版橫編CAD往往生成一個(gè)或多個(gè)文件存儲(chǔ)數(shù)據(jù)，管理十分困難。與之不同，本文基于HTML5開發(fā)的橫編CAD系統(tǒng)使用SQL Server數(shù)據(jù)庫(kù)技術(shù)在云端集中存儲(chǔ)數(shù)據(jù)，集中存儲(chǔ)數(shù)據(jù)既保證數(shù)據(jù)的安全又便于對(duì)數(shù)據(jù)的管理。利用云端數(shù)據(jù)庫(kù)技術(shù)極大地方便了用戶對(duì)產(chǎn)品數(shù)據(jù)的存取調(diào)用，即用戶無論在何時(shí)何地，使用任何設(shè)備都可訪問數(shù)據(jù)庫(kù)。也方便不同用戶之間對(duì)產(chǎn)品的共享與協(xié)作，即用戶可選擇共享自己的產(chǎn)品數(shù)據(jù)，其他用戶可查看并使用。

當(dāng)用戶在查找產(chǎn)品時(shí)，橫編CAD系統(tǒng)向服務(wù)器發(fā)送HTTP響應(yīng)，服務(wù)器發(fā)送指令查詢數(shù)據(jù)庫(kù)數(shù)據(jù)，若數(shù)據(jù)庫(kù)中存在數(shù)據(jù)則返回給服務(wù)器，不存在數(shù)據(jù)則不返回，服務(wù)器發(fā)送HTTP響應(yīng)給用戶，用戶即可得到所查找產(chǎn)品的所有數(shù)據(jù)。同時(shí)SQL與后臺(tái)ASP.NET有天然的兼容性，可擴(kuò)展性強(qiáng)，如圖2所示。

圖2 查找產(chǎn)品示意圖Fig.2 Diagram of search product

1.3 款式與組織自定義

在設(shè)計(jì)橫編產(chǎn)品過程中，款式與組織的重復(fù)使用能有效提高設(shè)計(jì)的效率。用戶往往自行設(shè)計(jì)一些款式或組織結(jié)構(gòu)，在之后的設(shè)計(jì)中循環(huán)調(diào)用，這種一次設(shè)計(jì)，多次使用的方法很大程度地減少工作量[4]，因此，本文系統(tǒng)設(shè)計(jì)款式與組織數(shù)據(jù)庫(kù)，提供存儲(chǔ)自定義款式與自定義組的功能。同產(chǎn)品數(shù)據(jù)一樣，用戶可隨時(shí)隨地管理、共享款式與組織數(shù)據(jù)。

2 橫編CAD系統(tǒng)的架構(gòu)

橫編CAD系統(tǒng)架構(gòu)圖如圖3所示。本文系統(tǒng)架構(gòu)遵循B/S架構(gòu)，主要分為3層：基于PC、手機(jī)等各客戶端的設(shè)計(jì)層、基于Web服務(wù)器的實(shí)現(xiàn)層和基于數(shù)據(jù)庫(kù)服務(wù)器的存儲(chǔ)層[5]。這樣的架構(gòu)具有將數(shù)據(jù)的邏輯處理與數(shù)據(jù)的顯示分離、易于交互、可擴(kuò)展性強(qiáng)等特點(diǎn)。具體各層功能如下所述：1)設(shè)計(jì)層：本層主要由用戶和客戶端瀏覽器組成。運(yùn)用HTML5和JavaScript提高瀏覽器的交互性，用戶在客戶端瀏覽器上進(jìn)行橫編產(chǎn)品的花型設(shè)計(jì)與工藝設(shè)計(jì)，通過HTTP與TCP/IP協(xié)議向Web服務(wù)器傳輸數(shù)據(jù)，同時(shí)接受Web服務(wù)器返回的數(shù)據(jù)，將結(jié)果展示給用戶。2)處理層：本層由Web服務(wù)器組成。應(yīng)用ASP.NET C#開發(fā)后臺(tái)程序隨時(shí)接受客戶端發(fā)送的數(shù)據(jù)并進(jìn)行處理，并通過SQL語句與數(shù)據(jù)庫(kù)服務(wù)器相連，本層主要實(shí)現(xiàn)不同層中數(shù)據(jù)格式的解析、轉(zhuǎn)換與傳遞。3)存儲(chǔ)層：本層由數(shù)據(jù)庫(kù)服務(wù)器組成。運(yùn)用SQL Server數(shù)據(jù)庫(kù)技術(shù)完成數(shù)據(jù)在云端的存儲(chǔ)與調(diào)用，接受、執(zhí)行服務(wù)器發(fā)送的指令并返回?cái)?shù)據(jù)。本層具有較高的安全性，保證了用戶數(shù)據(jù)的完整。

圖3 系統(tǒng)架構(gòu)圖Fig.3 System architecture diagram

3 系統(tǒng)功能及其實(shí)現(xiàn)

3.1 系統(tǒng)的功能模塊

橫編CAD系統(tǒng)的主要功能如圖4所示，包括織物設(shè)計(jì)模塊、工藝設(shè)計(jì)模塊、數(shù)據(jù)輸出模塊和產(chǎn)品數(shù)據(jù)庫(kù)模塊4部分[6]。

圖4 系統(tǒng)功能模塊圖Fig.4 System functional diagram

3.1.1織物設(shè)計(jì)模塊

該模塊遵循多視圖設(shè)計(jì)原則，設(shè)計(jì)時(shí)可在花型意匠圖、編織工藝圖與線圈結(jié)構(gòu)圖間進(jìn)行切換，每種視圖以不同的形式表達(dá)花型，且具備基本的繪圖工具，均可便捷的編輯花型。設(shè)計(jì)完花型后，可依據(jù)設(shè)計(jì)選擇提花類型與提花區(qū)域完成提花編輯[7]。

3.1.2工藝設(shè)計(jì)模塊

該模塊提供款式數(shù)據(jù)庫(kù)，每種款式都有對(duì)應(yīng)的規(guī)格數(shù)據(jù)默認(rèn)值，通過編輯這些數(shù)據(jù)進(jìn)行款式設(shè)計(jì)，并將自動(dòng)計(jì)算衣片的成形工藝[8]，工藝同時(shí)保存在數(shù)據(jù)庫(kù)中，可隨時(shí)讀取編輯與修改。

3.1.3數(shù)據(jù)輸出模塊

本模塊中花型數(shù)據(jù)編譯與檢驗(yàn)并行，檢驗(yàn)的目的為發(fā)現(xiàn)花型程序化錯(cuò)誤的地方，程序有誤則停止編譯，并指出錯(cuò)誤原因，在編譯完成后可導(dǎo)出電腦橫機(jī)的上機(jī)文件，即可上機(jī)完成編織。

3.1.4數(shù)據(jù)庫(kù)模塊

該模塊是系統(tǒng)區(qū)別于現(xiàn)有的橫編CAD系統(tǒng)的特征之一，完備的數(shù)據(jù)庫(kù)提供產(chǎn)品信息的存儲(chǔ)、查詢、讀取的功能。同時(shí)為組織庫(kù)、款式庫(kù)提供數(shù)據(jù)支持。

3.2 系統(tǒng)主要功能的實(shí)現(xiàn)

3.2.1多視圖設(shè)計(jì)

為完整清晰地表示編織過程，可采用3種視圖進(jìn)行花型設(shè)計(jì)。不同視圖可任意切換，且在任一視圖上編輯，另2個(gè)視圖均會(huì)作出相應(yīng)變化，因此首先要對(duì)花型信息與參數(shù)信息進(jìn)行數(shù)學(xué)建模與數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)。

1)花型信息。花型信息即所有工藝點(diǎn)信息，每個(gè)工藝點(diǎn)信息主要包括編織動(dòng)作與紗線顏色[9]，因此可將工藝點(diǎn)信息定義為一維矩陣P，如下式所示：

P=[kc]

(1)

式中：k為編織動(dòng)作，用數(shù)字1～17表示；c為紗線顏色，數(shù)字1～36表示不同的顏色。

工藝行數(shù)為m，針數(shù)為n的花型信息可用而二維矩陣F表示，如下式所示。

(2)

式中：i=1,2,…,m；j=1,2,…,n；Pij表示在第i行第j根針的工藝點(diǎn)信息。

采用JavaScript語言對(duì)花型信息進(jìn)行數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)，將花型信息定義為動(dòng)態(tài)的二維結(jié)構(gòu)體數(shù)組。

2)參數(shù)信息。參數(shù)信息即所有工藝行的編織信息，每行的工藝行信息主要包括機(jī)頭方向、工作系統(tǒng)、牽拉、機(jī)速、密度、紗嘴等。工藝行數(shù)為m，參數(shù)種類數(shù)為n的參數(shù)信息可用二維矩陣A表示，如下式所示。

(3)

式中：i=1,2,…,m；j=1,2,…,n。aij表示在第i行第j種參數(shù)的值。

參數(shù)信息的數(shù)據(jù)結(jié)構(gòu)設(shè)計(jì)同花型信息，定義為動(dòng)態(tài)的二位結(jié)構(gòu)體數(shù)組。

3種視圖包含全部或部分花型信息與參數(shù)信息，因此在設(shè)計(jì)界面建立4個(gè)

圖5 設(shè)計(jì)視圖區(qū)域顯示內(nèi)容Fig.5 Display contents of design view

圖6 多視圖設(shè)計(jì)Fig.6 Multiple view. (a) Pattern view; (b) Technical view; (c)Loop relation view

在視圖切換過程中，2個(gè)結(jié)構(gòu)體數(shù)組要在不同視圖間傳值，前端即HTML5使用hidden控件，后端即ASP.NET使用Session對(duì)象，可以保證數(shù)據(jù)轉(zhuǎn)換的效率與安全。

3.2.2工藝設(shè)計(jì)

工藝設(shè)計(jì)主要指成形工藝設(shè)計(jì)，最主要的方法是收放針成形方法，根據(jù)收放針成形的原理可得出成形工藝數(shù)據(jù)的特點(diǎn)：1)成形數(shù)據(jù)包含整件服裝的成形信息；2)服裝成形信息由每個(gè)衣片的成形信息組成；3)每一衣片的數(shù)據(jù)由不同形狀的部件信息組成；4)每一部件的信息由不同編織方式的段信息組成；5)每一段的信息由不同收放針的條信息組成；6)每一級(jí)信息除了包含下一級(jí)的信息外，還包含應(yīng)用于本級(jí)的信息，如片信息中的橫縱密、起始針數(shù)等，部信息中的花型行數(shù)、變化針數(shù)等，條信息中的循環(huán)次數(shù)等，因此成形數(shù)據(jù)的結(jié)構(gòu)應(yīng)設(shè)計(jì)為4級(jí)結(jié)構(gòu)體數(shù)組(如圖7所示)，由上到下依次為片信息、部信息、段信息和條信息。

圖7 成形數(shù)據(jù)結(jié)構(gòu)示意圖Fig.7 Structural diagram of shaping data

工藝設(shè)計(jì)由模型編輯對(duì)話框完成，主要的設(shè)計(jì)流程如圖8所示。在成形編輯完成后，系統(tǒng)將成形信息與組織點(diǎn)信息進(jìn)行合成，顯示到底組織上。

圖8 工藝設(shè)計(jì)主要流程圖Fig.8 Flow chart of technological designs

3.2.3花型編譯與文件輸出

花型編譯是花型數(shù)據(jù)轉(zhuǎn)程序化的過程，其具體流程如圖9所示，在編譯中要完善編織過程，即減少不必要的編織與增加輔助編織，同時(shí)合理安排機(jī)頭方向減少行程數(shù)、優(yōu)化分配系統(tǒng)縮短機(jī)頭動(dòng)程[10]。花型編譯的目的是導(dǎo)出上機(jī)文件，以STOLL電腦橫機(jī)為例，需要JAC、SET、SIN 3個(gè)文件，SIN控制編織系統(tǒng)，JAC控制織針編織動(dòng)作，SET控制編織參數(shù)(密度、牽拉等)，3個(gè)文件相輔相成，共同作用。除此之外，還可導(dǎo)出花型文件，直接保存花型數(shù)據(jù)與工藝數(shù)據(jù)。

圖9 花型編譯流程圖Fig.9 Flow chart of pattern compile

3.2.4數(shù)據(jù)庫(kù)

通過SQL語言與數(shù)據(jù)庫(kù)相連，對(duì)數(shù)據(jù)進(jìn)行管理。在數(shù)據(jù)庫(kù)中建立與花型數(shù)據(jù)信息相對(duì)應(yīng)的字段，并設(shè)置序號(hào)為主鍵，進(jìn)行編輯與刪除等操作時(shí)對(duì)主鍵對(duì)應(yīng)的數(shù)據(jù)進(jìn)行操作。檢索設(shè)置多字段模糊查詢，檢索結(jié)果精確且快速。除建立個(gè)人或企業(yè)數(shù)據(jù)庫(kù)，還有公共數(shù)據(jù)庫(kù)，用戶可上傳共享自己設(shè)計(jì)的產(chǎn)品，提高行業(yè)內(nèi)部交流協(xié)作程度。

4 系統(tǒng)設(shè)計(jì)實(shí)例

以提花圍巾產(chǎn)品為例，設(shè)計(jì)過程主要分一下幾步。

1)導(dǎo)入BMP圖片，如圖10所示。選擇文件菜單中的花型導(dǎo)入，通過對(duì)話框選擇需要導(dǎo)入的圖案，系統(tǒng)將自動(dòng)跳轉(zhuǎn)到換色界面，用戶根據(jù)需要將圖片中顏色換為系統(tǒng)色號(hào)。確定后系統(tǒng)會(huì)以圖案的大小作為花高花寬。

圖10 導(dǎo)入BMP示意圖Fig.10 Diagram of input BMP

2)提花編輯。選擇提花編織里的空氣層提花，系統(tǒng)完成提花轉(zhuǎn)換。圖11示出空氣層提花示意圖。

圖11 空氣層提花示意圖Fig.11 Diagram of net jacquard

3)導(dǎo)出上機(jī)文件。安排紗嘴后進(jìn)行花型編譯，選擇生成STOLL上機(jī)文件。

5 結(jié) 論

本文開發(fā)與實(shí)現(xiàn)了基于HTML5的橫編CAD系統(tǒng)，該系統(tǒng)基于B/S架構(gòu)，主要分為設(shè)計(jì)層、處理層與存儲(chǔ)層。簡(jiǎn)化了橫編針織物的設(shè)計(jì)模式，將設(shè)計(jì)系統(tǒng)的功能模塊分為織物設(shè)計(jì)、工藝設(shè)計(jì)、數(shù)據(jù)輸出和產(chǎn)品數(shù)據(jù)庫(kù)4部分。該系統(tǒng)與單機(jī)版橫編CAD相比，主要實(shí)現(xiàn)了以下突破：1)該系統(tǒng)通過瀏覽器運(yùn)行，用戶可通過任意終端上的瀏覽器訪問系統(tǒng)，豐富的設(shè)計(jì)工具與簡(jiǎn)單化的設(shè)計(jì)模式在設(shè)計(jì)功能上滿足了用戶的需求；2)利用HTML5技術(shù)提高了瀏覽器的繪圖效率與交互性，實(shí)現(xiàn)了橫編產(chǎn)品在瀏覽器上的快速設(shè)計(jì)；3)利用云端數(shù)據(jù)庫(kù)更好的管理橫編產(chǎn)品，增加款式庫(kù)與組織庫(kù)自定義與共享功能，提高了設(shè)計(jì)效率。

通過實(shí)際使用極大地縮短產(chǎn)品從設(shè)計(jì)到成品的流程，提高了產(chǎn)品開發(fā)的效率。同時(shí)，多元化的網(wǎng)絡(luò)數(shù)據(jù)庫(kù)加強(qiáng)了企業(yè)產(chǎn)品數(shù)據(jù)的管理，進(jìn)一步提高了企業(yè)的信息化進(jìn)程。今后可美化界面效果，繼續(xù)簡(jiǎn)化設(shè)計(jì)過程，增加織物仿真模塊，提高系統(tǒng)的實(shí)用性。

[1] 洪巖. 橫編毛衫工藝設(shè)計(jì)系統(tǒng)的開發(fā)[D].無錫：江南大學(xué),2014:1-2.

HONG Yan.Research and development of the CAD system for flat-knitted woolen sweater technology[D]. Wuxi:Jiangnan University, 2014:1-2.

[2] 閆怡，張瑞云，李汝勤．紡織 CAD 的網(wǎng)絡(luò)設(shè)計(jì)發(fā)展趨勢(shì)[J]．紡織學(xué)報(bào)，2004，25(1):115-118．

YAN Yi，ZHANG Ruiyun，LI Ruqin． The trend of network aided design of fabric CAD [J]． Journal of Textile Research，2004，25(1):115-118．

[3] 余飛. 基于HTML5的圖形圖像協(xié)同處理技術(shù)研究與實(shí)現(xiàn)[D].荊州:長(zhǎng)江大學(xué),2015:8-10.

YU Fei.A reaserch and implementation of graph and image collaborative processing technology based on HTML5[D]. Jingzhou：Yangtze University,2015:8-10.

[4] 成舟,邵志清,張歡歡,等. HTML 5 Canvas技術(shù)在工程流程圖中的研究與應(yīng)用[J]. 華東理工大學(xué)學(xué)報(bào)(自然科學(xué)版),2015,41(2):260-265.

CHENG Zhou,SHAO Zhiqing,ZHANG Huanhuan,et al. Investigating and using HTML5 canvas techniques in engineering flowchart[J]. Journal of East China Unversity of Science and Technology (Natural Science Edition),2015,41(2):260-265.

[5] 王松,馬崇啟. 織物CAD在線設(shè)計(jì)系統(tǒng)[J]. 紡織學(xué)報(bào),2014, 35(3):132-135.

WANG Song，MA Chongqi. Online fabric design system using CAD[J]. Journal of Textile Research，2014,35(3):132-135.

[6] 羅冰洋,莫易敏,郭艷. 電腦橫機(jī)花型準(zhǔn)備系統(tǒng)的設(shè)計(jì)[J]. 紡織學(xué)報(bào),2007,28(7):116-120.

LUO Bingyang, MO Yimin, GUO Yan. Design of pattern preparation system of computerized flat knitting machine[J]. Journal of Textile Research,2007,28(7):116-120.

[7] 楊亦紅,金永敏,萬志平. 全電腦橫機(jī)計(jì)算機(jī)輔助花型設(shè)計(jì)系統(tǒng)[J]. 計(jì)算機(jī)應(yīng)用,2011,31(6):1713-1715.

YANG Yihong， JIN Yongmin， WAN Zhipin. Computer aided pattern designing system for full-electronic flat machine[J]. Journal of Computer Applications,2011,31(6):1713-1715.

[8] 劉童花,鄧中民,索盈,等. 針織橫編羊毛衫設(shè)計(jì)系統(tǒng)開發(fā)[J]. 武漢科技學(xué)院學(xué)報(bào),2007,20(2):19-23.

LIU Tonghua, DENG Zhongmin, SUO Ying, et al. Development for the design system of wool sweater by flat knitting machine[J]. Journal of Wuhan University of Science and Engineering,2007,20(2):19-23.

[9] 徐巧,叢洪蓮,張愛軍,等. 緯編針織物CAD設(shè)計(jì)模型的建立與實(shí)現(xiàn)[J]. 紡織學(xué)報(bào),2014,35(3):136-140,144.

XU Qiao，CONG Honglian，ZHANG Aijun，et al. Establishment and implementation of weft-knitted fabric′s design model in CAD system[J]. Journal of Textile Research,2014,35(3):136-140,144.

[10] 王繼曼,宋廣禮. 電腦橫機(jī)編織工時(shí)的預(yù)測(cè)[J]. 紡織學(xué)報(bào),2010,31(5):48-54.

WANG Jiman，SONG Guangli. Knitting time forecasting of computerized flat knitting machine[J]. Journal of Textile Research, 2010,31(5):48-54.

Computeraideddesignsystemforflat-knittedfabricbasedonhypertextmarkuplanguage5

GAO Ziyue1，2， CONG Honglian1，2， JIANG Gaoming1，2， WANG Wei1，2， TANG Mengting1，2， YU Lulu1，2

(1.EngineeringResearchCenterforKnittingTechnology,MinistryofEducation,JiangnanUniversity,Wuxi,Jiangsu214122,China； 2.KeyLaboratoryofEco-Textiles(JiangnanUniversity),MinistryofEducation,Wuxi,Jiangsu214122,China))

In order to meet the requirement of online design of flat-knitted fabric, on the basis of conventional flat-knitted computer aided design(CAD), this paper designed and implemented the Internet CAD system for flat-knitted fabric based on hyper text markup language 5 technology. According to the design features and shaping principle of the flat-knitted fabric, the data of pattern and shaping were mathematically modeled and data structure was optimized, respectively, and multi-view and shaping process design was realized. Meanwhile, by combining with database technology, the functions of sweater style and pattern custom database were developed. And based on the research of pattern compiling, the file export was realized. Besides, the software architecture was researched, and the system was deployed on the server based on the B/S mode and ran at the client terminal. Thus the separation of data process and display was realized. Finally, by the design example of jacquard scarf, the system was tested. And the results show that the system is intuitive, convenient and efficient for design fabric, meeting the demands of online design of flat-knitted fabrics.

on-line design; flat-knitted fabric; data base; hyper text markup language 5

TS 181.9

10.13475/j.fzxb.20161204406

2016-12-26

2017-06-21

國(guó)家自然科學(xué)基金項(xiàng)目(61602212)；江蘇省產(chǎn)學(xué)研聯(lián)合創(chuàng)新資金-前瞻性聯(lián)合研究項(xiàng)目(BY2016022-09、BY2016022-42)

高梓越(1992—)，男，碩士生。主要研究方向?yàn)獒樋椳浖拈_發(fā)與應(yīng)用。叢洪蓮，通信作者，E-mail：cong-wkrc@163.com。