基于WEB的“衣心而動(dòng)”平臺(tái)設(shè)計(jì)與實(shí)現(xiàn)

林殿東 姜春風(fēng) 王琦

【摘要】隨著電子商務(wù)、移動(dòng)互聯(lián)網(wǎng)等網(wǎng)絡(luò)技術(shù)的飛速發(fā)展，網(wǎng)上交易逐漸成為人們生活中不可替代的存在。目前多數(shù)人都具有較強(qiáng)的網(wǎng)絡(luò)應(yīng)用能力，并逐漸成為網(wǎng)上交易的主要參與者，現(xiàn)在許多應(yīng)用平臺(tái)都會(huì)出現(xiàn)他們的蹤影。我們設(shè)計(jì)一個(gè)提供私人定制服裝的平臺(tái)，該平臺(tái)可以為服裝設(shè)計(jì)學(xué)生提供實(shí)用的機(jī)會(huì)，也為兼職設(shè)計(jì)師提供訂單，同時(shí)為潛在客戶提供定制信息服務(wù)。該平臺(tái)尋找工廠合作實(shí)施他們的想法，然后將成品交付給用戶。這是一個(gè)全新的“個(gè)性化定制”平臺(tái)，在設(shè)計(jì)師和客戶中扮演著“橋梁”的角色。

【關(guān)鍵詞】網(wǎng)絡(luò)技術(shù);私人定制;衣服

基金項(xiàng)目：吉林省大學(xué)生科技創(chuàng)新創(chuàng)業(yè)訓(xùn)練計(jì)劃項(xiàng)目《衣心而動(dòng)》（項(xiàng)目編號：【2019】082）

1. 引言

“衣心而動(dòng)”平臺(tái)用戶是為有特殊需求或?qū)Υ┲歇?dú)特想法的群體而設(shè)計(jì)的。該團(tuán)體需要提供自己喜歡的款式或其他描述圖紙信息、個(gè)人造型信息、期望價(jià)格范圍等，平臺(tái)會(huì)根據(jù)生產(chǎn)物料等綜合因素進(jìn)行價(jià)格評估，并推送訂單信息。通常設(shè)計(jì)師是一名具有身份認(rèn)證的學(xué)生，主修服裝設(shè)計(jì)專業(yè)的大學(xué)生。在下訂單后完成設(shè)計(jì)圖紙到用戶確認(rèn)，客戶滿意后，由設(shè)計(jì)人員，在該用戶平臺(tái)廠商支付定金后將設(shè)計(jì)圖紙上傳到平臺(tái)。交易平臺(tái)結(jié)束一單交易后（用戶確認(rèn)收貨，評價(jià)）收取中間費(fèi)用。并且，用戶可以在交易結(jié)束后給設(shè)計(jì)師打分。平臺(tái)將定期獎(jiǎng)勵(lì)優(yōu)秀的設(shè)計(jì)師，并優(yōu)先考慮將頂級設(shè)計(jì)師的博客通過網(wǎng)站推薦給客戶。作為一個(gè)高性價(jià)比的私人定制服裝服務(wù)平臺(tái)，這個(gè)項(xiàng)目無疑會(huì)受到大家的追捧。不僅可以滿足高品質(zhì)人群的需求，而且還為他們提供了一個(gè)充滿安全感，值得信賴的高質(zhì)量平臺(tái)。

2. 系統(tǒng)設(shè)計(jì)

2.1 款式選擇

客戶可以選擇提供自己的需求來設(shè)計(jì)，量身定制，以適應(yīng)多種設(shè)計(jì)方案供客戶選擇服裝設(shè)計(jì)師。例如，服裝的細(xì)節(jié)，即服裝的組成部分，如衣領(lǐng)、袖口等，可以根據(jù)所選的款式進(jìn)行定制。

2.2 個(gè)人信息采集

為客戶提供周到的個(gè)性化服務(wù)，通過收集個(gè)人信息，了解客戶的需求，包括服裝肥瘦要求、個(gè)人尺寸信息、付款和交貨方式等，為服裝設(shè)計(jì)過程提供參考。

3. 系統(tǒng)的實(shí)現(xiàn)

3.1 功能模塊

服裝系統(tǒng)分為用戶界面設(shè)計(jì)和網(wǎng)站功能管理兩個(gè)子系統(tǒng)。面向客戶，為客戶提供定制服務(wù)，客戶界面設(shè)計(jì)包括服裝設(shè)計(jì)，客戶可以注冊和登錄，您還可以修改用戶配置文件信息。同時(shí)，客戶可以通過訂單信息界面查詢和跟蹤訂單狀態(tài)。網(wǎng)站功能管理系統(tǒng)包括商品管理、訂單管理、銷售管理和資金管理。通過上述模塊設(shè)計(jì)，系統(tǒng)可以實(shí)現(xiàn)如下功能：

（1）用戶可以進(jìn)行注冊和登陸，也可以也可以修改注冊用戶相關(guān)信息;

（2）購物者可以通過訂單信息界面下訂單，設(shè)計(jì)師可以通過界面接收訂單。購物者可以通過購物車接口查看訂單狀態(tài);

（3）設(shè)計(jì)完成的訂單可以通過平臺(tái)尋找合作商來完成。如果消費(fèi)者有疑問或訂購產(chǎn)品，可以聯(lián)系客戶服務(wù)咨詢;

（4）用戶在提交訂單時(shí)，需要預(yù)付一定的保證金作為擔(dān)保，并在訂單交易完成后支付剩余金額。訂單設(shè)計(jì)的相關(guān)業(yè)務(wù)需要在線支付。在線支付可以通過其他合作平臺(tái)進(jìn)行，如支付寶、銀聯(lián)。定制的衣服可以選擇網(wǎng)上付款或貨到付款。

3.2 系統(tǒng)的開發(fā)環(huán)境

本系統(tǒng)根據(jù)人們對日常著裝要求提供DIY定制服務(wù)的平臺(tái)，結(jié)合市場的需求和動(dòng)態(tài)趨勢、對系統(tǒng)進(jìn)行開發(fā)并進(jìn)行后期維護(hù)。其主要內(nèi)容是建立一個(gè)開放的交流平臺(tái)，圍繞系統(tǒng)的設(shè)計(jì)和開發(fā)，相關(guān)的軟件和硬件系統(tǒng)需求如下。

3.2.1 硬件支持

系統(tǒng)的硬件支持包括客戶端、服務(wù)器端和INTERNET接入的接口形式。通過一組由客戶端、網(wǎng)頁編輯、圖形處理等組成的計(jì)算機(jī)。將創(chuàng)建的網(wǎng)頁發(fā)布到服務(wù)器以進(jìn)行瀏覽。

服務(wù)器需要全年無間歇的工作，因此服務(wù)器需要能夠使用長支撐網(wǎng)站運(yùn)營，或者使用高性能計(jì)算機(jī)，他們使用的專用主機(jī)可以與虛擬服務(wù)器一樣。

網(wǎng)絡(luò)架構(gòu)采用通用的B/S架構(gòu)模式，用戶界面主要由瀏覽器實(shí)現(xiàn)，服務(wù)器只處理數(shù)據(jù)。通過Switch連接各種主機(jī)，并通過路由器與互聯(lián)網(wǎng)進(jìn)行數(shù)據(jù)通信。

3.2.2 軟件環(huán)境

網(wǎng)絡(luò)操作系統(tǒng)選用Windows XP以上的版本，為了各個(gè)服務(wù)端功能的順利實(shí)現(xiàn)，安裝完操作系統(tǒng)后需要安裝與本機(jī)兼容的信息服務(wù)平臺(tái)IIS （，Internet Information Server），以支持相應(yīng)的WEB服務(wù)、FTP服務(wù)功能，并且使之支持微軟開發(fā)的編譯語言。

開發(fā)語言，在創(chuàng)建網(wǎng)站的結(jié)構(gòu)時(shí)，我們采用了超文本標(biāo)記語言（HTML，HyperText Markup Language），隨后使用CSS設(shè)計(jì)靜態(tài)網(wǎng)頁，調(diào)整網(wǎng)頁布局。采用Java Script腳本語言使頁面具備動(dòng)態(tài)效果。此外，由于本系統(tǒng)需要網(wǎng)站與客戶較強(qiáng)的交互性，所以還采用了一種比較流行的服務(wù)器端腳本編寫語言ASP.NET進(jìn)行開發(fā)。

開發(fā)環(huán)境采用的是DW（Adobe Dreamweaver）8.0版本。DW軟件強(qiáng)大的站點(diǎn)管理功能可以快速切換工作環(huán)境，有效地突破跨平臺(tái)和跨瀏覽器的限制，加速頁面的生成和生成。因此，我們用DW軟件可以高效地開發(fā)上述語言。

Microsoft Internet Explorer采用軟件接口體系結(jié)構(gòu)。所編寫的程序可以在IE瀏覽器中讀取和調(diào)試，從而可以進(jìn)行處理。IE瀏覽器，是進(jìn)行網(wǎng)頁代碼分析和執(zhí)行的常用客戶端，可用于ASP.NET程序的調(diào)試，能夠識別各種程序中常見的錯(cuò)誤，并能在程序設(shè)計(jì)和系統(tǒng)開發(fā)時(shí)有效地實(shí)現(xiàn)網(wǎng)站交互程序的開發(fā)?？傊?，使用IE瀏覽器作為調(diào)試工具是一個(gè)不錯(cuò)的選擇。

3.3 系統(tǒng)的實(shí)現(xiàn)

3.3.1 客戶端的實(shí)現(xiàn)

首頁分為四個(gè)框架文檔，頂部框架包括訂單流程的界面入口、體型、服裝文化、管理背景等擴(kuò)展功能。體型尺寸提供了身體的名稱和測量方法，以指導(dǎo)客戶完成個(gè)人尺寸的測量;管理背景是管理員操作數(shù)據(jù)庫和訂單的登錄入口。中間框?yàn)橄M(fèi)者提供定制導(dǎo)航欄，網(wǎng)站上的服裝種類是最基本的，可供客戶選擇，分別包括：女裝定制、男裝定制、童裝定制和各種服裝定制界面的選擇。底部框架分為左右兩部分，左側(cè)包含：風(fēng)格的搜索，訂單查詢，熱榜，初學(xué)者指南四個(gè)模塊。根據(jù)系統(tǒng)設(shè)計(jì)和規(guī)劃的要求，網(wǎng)站的實(shí)現(xiàn)還需要五個(gè)步驟：款式選擇、面料選擇、細(xì)節(jié)選擇、個(gè)性化需求和個(gè)人信息收集。在客戶定制的過程中，頁面頂部總是有一個(gè)自定義導(dǎo)航欄，用來指導(dǎo)客戶完成定制過程。

3.3.2 服務(wù)器端的實(shí)現(xiàn)

管理員從系統(tǒng)主頁登錄后，進(jìn)入管理平臺(tái)頁面，頁面分為兩個(gè)框架。上面的框架顯示了每個(gè)部門的職責(zé)。單擊“責(zé)任”類別，如“編輯樣式庫”，您可以鏈接到“樣式庫”的編輯頁面。通過管理程序的各個(gè)部門就可以進(jìn)行，以確定服裝生產(chǎn)，其中一個(gè)環(huán)節(jié)，使客戶能夠通過訂單查詢，看看自己定制的服裝生產(chǎn)狀態(tài)。底部框架為“產(chǎn)品訂單流程圖”，清晰地顯示了企業(yè)的業(yè)務(wù)運(yùn)作流程。

4. 結(jié)束語

作為一個(gè)服裝定制平臺(tái)，它滿足了用戶的“私人定制”的需求，并為設(shè)計(jì)師提供了一個(gè)平臺(tái)，連接不同客戶群，滿足客戶各種需求：

主要內(nèi)容如下：

（1）業(yè)務(wù)需求：用戶和設(shè)計(jì)人員以該軟件為平臺(tái)完成個(gè)性化定制的愿望，為設(shè)計(jì)人員提供設(shè)計(jì)平臺(tái)。

（2）用戶需求：一般消費(fèi)者無法找到適合自己的服裝風(fēng)格，通過設(shè)計(jì)師定制出“衣心而動(dòng)”的熨帖衣著;

（3）功能需求：用戶提供自己喜歡的風(fēng)格及需求發(fā)布至平臺(tái)，設(shè)計(jì)者接單設(shè)計(jì)并將設(shè)計(jì)好的圖紙保密發(fā)送至用戶，用戶同意后即可開始設(shè)計(jì)。

參考文獻(xiàn)：

[1]遲晶元，徐立國.電子商務(wù)中Web數(shù)據(jù)庫存取技術(shù)的應(yīng)用[J].通訊世界，2017（11）：103-104.

[2]殷明，趙培君.電子商務(wù)網(wǎng)站開發(fā)中JavaScript技術(shù)的應(yīng)用研究[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2013，16（14）：308-309.

[3]姜春風(fēng)，許薇.基于B/S模式的考試系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)[J].吉林農(nóng)業(yè)科技學(xué)院學(xué)報(bào)，2007（04）： 22-24.

作者簡介：林殿東，王琦，工作單位吉林農(nóng)業(yè)科技學(xué)院。通訊作者：姜春風(fēng)，1975年生，男，副教授，研究方向：深度學(xué)習(xí)、云計(jì)算、未來互聯(lián)網(wǎng)。