王磊

（廣東科貿(mào)職業(yè)學(xué)院信息工程系，廣州 510430）

基于SSH 架構(gòu)的大學(xué)生創(chuàng)客服務(wù)平臺設(shè)計與開發(fā)

王磊

（廣東科貿(mào)職業(yè)學(xué)院信息工程系，廣州 510430）

創(chuàng)新創(chuàng)業(yè)教育蓬勃發(fā)展，利用“互聯(lián)網(wǎng)+”技術(shù)，無縫對接高校大學(xué)生創(chuàng)客的創(chuàng)新能力需求，設(shè)計并開發(fā)基于SSH架構(gòu)的大學(xué)生創(chuàng)客服務(wù)網(wǎng)站。首先分析網(wǎng)站項目需求，設(shè)計網(wǎng)站系統(tǒng)架構(gòu)，基于J2EE技術(shù)及網(wǎng)站運(yùn)行環(huán)境，使用SSH框架開發(fā)輕量化MVC模式的在線創(chuàng)客服務(wù)平臺。該網(wǎng)站不僅能夠匯集平臺自身發(fā)布的創(chuàng)客信息資源及項目需求，還解決創(chuàng)客需求的定時采集和精準(zhǔn)推送，為大學(xué)生創(chuàng)造良好的線上創(chuàng)客空間生態(tài)環(huán)境。

創(chuàng)客服務(wù)；輕量化；B/S架構(gòu)；SSH

0 引言

“大眾創(chuàng)業(yè)、萬眾創(chuàng)新”的號召發(fā)出后，全國掀起了“大眾創(chuàng)業(yè)”“草根創(chuàng)業(yè)”的新浪潮，伴隨著“互聯(lián)網(wǎng)+”的興起，各行各業(yè)都在借助互聯(lián)網(wǎng)進(jìn)行創(chuàng)新創(chuàng)業(yè)活動。創(chuàng)業(yè)者和自由職業(yè)者也越來越多，創(chuàng)客恰好適應(yīng)了這一群體的工作方式，國內(nèi)也涌現(xiàn)了豬八戒威客網(wǎng)站、威客中國等知名的服務(wù)交易網(wǎng)站。這些網(wǎng)站為創(chuàng)客、威客們提供了以無形的知識開發(fā)為商品交易的在線服務(wù)，是一種基于大規(guī)模網(wǎng)絡(luò)協(xié)作的交易模式，并以懸賞招標(biāo)形式進(jìn)行營運(yùn)[1-2]。威客模式實際上提供了一種有效的需求集聚、需求信息傳播和知識增值的渠道[3]?！盎ヂ?lián)網(wǎng)+”支持下的創(chuàng)新創(chuàng)業(yè)服務(wù)，正式威客模式在“大眾創(chuàng)業(yè)、萬眾創(chuàng)新”下的應(yīng)用與延伸。

國內(nèi)海量的青年高技能型人才是創(chuàng)客的主要人群。2015年全國在校大學(xué)生超過2400萬人，許多高校成立了“大學(xué)生創(chuàng)客空間”，也叫“大學(xué)生眾創(chuàng)空間”，它是對大學(xué)生群體進(jìn)行創(chuàng)新服務(wù)的新型機(jī)構(gòu)。雒亮等指出創(chuàng)客空間是創(chuàng)客素養(yǎng)為主要導(dǎo)向的教育模式的重要培育場所，并提出了基于O2O的創(chuàng)客教育空間結(jié)構(gòu)[4]。本文設(shè)計并開發(fā)了大學(xué)生創(chuàng)客公益服務(wù)平臺，其目標(biāo)不僅要聚集線下高校創(chuàng)客空間內(nèi)大量優(yōu)秀的專業(yè)人才，提供給他們線上的創(chuàng)客工作室服務(wù)，更要對有潛質(zhì)的創(chuàng)新創(chuàng)業(yè)項目需求，進(jìn)行線上的聚集、展示、分享和實現(xiàn)，滿足大學(xué)生的知識服務(wù)與開發(fā)需求的有效匹配和對接，打破大學(xué)生創(chuàng)客和項目開發(fā)需求者、中小微企業(yè)雇主、投資人之間的空間距離，最終贏得眾多投融資機(jī)構(gòu)的關(guān)注與支持，實現(xiàn)大學(xué)生創(chuàng)客的創(chuàng)新創(chuàng)業(yè)夢想。

1 平臺功能分析

本文設(shè)計并開發(fā)了基于SSH架構(gòu)的大學(xué)生創(chuàng)客服務(wù)平臺，該平臺具有架構(gòu)穩(wěn)定、擴(kuò)展性強(qiáng)、功能實用的特點(diǎn)，平臺主要功能需求如圖1所示，具體介紹如下：

（1）大學(xué)生創(chuàng)客服務(wù)展示門戶：主要功能包括服務(wù)需求者和開發(fā)者可以注冊為會員，網(wǎng)站自動開通對應(yīng)的個人創(chuàng)客工作室；服務(wù)展示門戶可以推薦展示創(chuàng)客工作室、需求、成功案例和創(chuàng)新創(chuàng)業(yè)服務(wù)信息；大學(xué)生創(chuàng)客用戶可以瀏覽各類信息，從而使得創(chuàng)業(yè)者及時獲取需求信息，提升創(chuàng)新創(chuàng)業(yè)能力。

圖1 平臺主要功能需求

（2）個人創(chuàng)客工作室模塊：包括工作室后臺管理和前端展示兩大部分，讓每個大學(xué)生會員免費(fèi)擁有自己在線的創(chuàng)客工作室空間。創(chuàng)客會員登錄后進(jìn)入工作室后臺，可以完善創(chuàng)客資料和工作室各類信息，發(fā)布項目需求；也可以通過瀏覽需求，以創(chuàng)客身份進(jìn)行需求投標(biāo)和接單；對于需求的招投標(biāo)管理，采用了基于工作流的項目管理模式，依次通過需求投標(biāo)、選定開發(fā)者、項目開發(fā)、提交項目、審核提交和評價項目幾個流程，最終完成項目的開發(fā)和管理。對于成功開發(fā)的項目，可以獲取對方傭金。工作室前端展示包括工作室能力、需求、成功項目展示和案例展示等，通過這些信息來宣傳和推薦自己的工作室。工作室訪客登錄后可以給工作室在線留言，進(jìn)行用戶之間的私信交流，并對工作室進(jìn)行評價。平臺設(shè)計了基于速度、質(zhì)量和能力的三重打分評價體系，以此評價工作室的綜合能力，依據(jù)評分作為工作室首頁推薦的重要依據(jù)和信用保證。

（3）項目需求采集模塊：用戶可以設(shè)置采集的目標(biāo)網(wǎng)站，指定采集關(guān)鍵字，系統(tǒng)通過匹配關(guān)鍵字來抓取用戶關(guān)注的需求信息，并自動推送給創(chuàng)客。需求采集可設(shè)定為自動和手動兩種模式，其中自動模式也可以設(shè)定采集的間隔時間。創(chuàng)客開發(fā)者可以查看采集到的需求，直接鏈接到采集目標(biāo)網(wǎng)站中的項目需求詳情，從而極大擴(kuò)展了創(chuàng)客的需求對接成功率。

（4）系統(tǒng)后臺管理：網(wǎng)站系統(tǒng)管理員可以發(fā)布網(wǎng)站門戶上的各類信息，并在門戶首頁推薦各類展示信息，設(shè)定推薦展示時間；管理員可以審查工作室發(fā)布的各類信息，對違規(guī)內(nèi)容進(jìn)行清除，對違規(guī)賬號進(jìn)行禁用，并監(jiān)管系統(tǒng)的安全運(yùn)行。

2 平臺實現(xiàn)

2.1 系統(tǒng)多層架構(gòu)封裝技術(shù)

大學(xué)生創(chuàng)客服務(wù)平臺項目開發(fā)使用了J2EE技術(shù)的SSH+Tomcat+MySQL的服務(wù)器端解決方案，前端應(yīng)用jQuery技術(shù)增強(qiáng)頁面顯示，使用MyEclipse作為主要編程工具。SSH（Struts+Spring+Hibernate）以其廣泛的應(yīng)用開發(fā)和穩(wěn)定的架構(gòu)表現(xiàn)，成為當(dāng)今動態(tài)網(wǎng)站開發(fā)選用的主流技術(shù)框架[5-7]。應(yīng)用平臺采用五層架構(gòu)的Java框架封裝技術(shù)和XML系統(tǒng)配置技術(shù)，其系統(tǒng)多層架構(gòu)封裝方案如圖2所示：

●客戶層：大學(xué)生創(chuàng)客通過瀏覽器，訪問網(wǎng)站平臺的軟件服務(wù)，基于用戶操作界面，實現(xiàn)用戶和系統(tǒng)的交互，并擁有獨(dú)立在線的個人創(chuàng)客工作室。

●表示層：通過Struts Tags、Servlet及JSP的表示層技術(shù)，結(jié)合前端頁面顯示技術(shù)，調(diào)用網(wǎng)站平臺部署的應(yīng)用功能，同時獲取創(chuàng)客的操作請求，并傳到給控制層進(jìn)行處理。

●控制層；分派創(chuàng)客用戶的請求，調(diào)用模型層的業(yè)務(wù)邏輯組件，將用戶的輸入轉(zhuǎn)化為模型層可執(zhí)行的操作，并選擇恰當(dāng)?shù)囊晥D用于數(shù)據(jù)顯示，反饋給用戶。

●模型層：采用Hibernate對象/關(guān)系映射框架，實現(xiàn)了Mysql數(shù)據(jù)庫的數(shù)據(jù)表的實體對象持久化，通過面向?qū)ο蟮木幊滩僮鲾?shù)據(jù)庫表，并封裝成相應(yīng)的業(yè)務(wù)邏輯組件Service。

●資源層：包括操作系統(tǒng)運(yùn)行環(huán)境、數(shù)據(jù)庫運(yùn)行環(huán)境、文件存儲環(huán)境及相應(yīng)的硬件資源，為以上系統(tǒng)層次提供資源使用支持。

圖2 系統(tǒng)多層框架封裝方案

該平臺構(gòu)建的五層框架封裝方案，是可重構(gòu)技術(shù)的具體實現(xiàn)。其中，SSH是典型的輕量化MVC模式三層結(jié)構(gòu)，該三層結(jié)構(gòu)即包括：表現(xiàn)層、控制層和模型層，三層結(jié)構(gòu)減弱了各層次之間的業(yè)務(wù)邏輯耦合，使得平臺具有極強(qiáng)擴(kuò)展性。輕量化體現(xiàn)在Spring應(yīng)用框架本身的基礎(chǔ)結(jié)構(gòu)，以及它對其他應(yīng)用框架的支持和裝配能力，用Spring框架集成Hibernate和Struts應(yīng)用，降低了技術(shù)框架之間的整合難度。另外，通過XML系統(tǒng)配置技術(shù)，實現(xiàn)了業(yè)務(wù)組件的配置和裝卸，進(jìn)一步增強(qiáng)了創(chuàng)客服務(wù)平臺的應(yīng)用擴(kuò)展能力，滿足了后續(xù)創(chuàng)客用戶的個性配置和定制應(yīng)用需求，實現(xiàn)了系統(tǒng)的可重構(gòu)開發(fā)。

2.2 基于HttpClient+Jsoup的需求采集

針對互聯(lián)網(wǎng)上存在的分散、海量的創(chuàng)新創(chuàng)業(yè)項目需求，創(chuàng)客極有可能會錯失這類外部網(wǎng)站的項目需求。創(chuàng)客在獲取本網(wǎng)站良好創(chuàng)客服務(wù)的基礎(chǔ)上，如何及時獲取其他海量的項目需求信息，并甄別哪些是用戶感興趣的信息，這就是用戶需求采集定制模塊的內(nèi)容。需求采集模塊基于網(wǎng)絡(luò)爬蟲技術(shù)的HttpClient+Jsoup技術(shù)，并結(jié)合Java多線程技術(shù)，實現(xiàn)了網(wǎng)站定時和手動的需求采集功能，實現(xiàn)流程如圖3所示。

創(chuàng)客在個人工作室管理后臺設(shè)置需求采集選項包括：需求訂閱目標(biāo)網(wǎng)站、網(wǎng)站欄目、感興趣的訂閱關(guān)鍵字、訂閱規(guī)則（自動、手動），訂閱起止時間等。通過定時器來啟動自動采集，并構(gòu)建Java多線程及HttpClient實例，依據(jù)用戶設(shè)置對目標(biāo)網(wǎng)站進(jìn)行采集操作。Http-Client是一個開源項目，提供了功能豐富的支持HTTP協(xié)議的API，使得Java應(yīng)用程序可以直接通過HTTP協(xié)議來訪問網(wǎng)絡(luò)資源，并對HTTP協(xié)議及報文進(jìn)行處理。因此，在實際項目中采用HttpClient組件進(jìn)行HTTP協(xié)議編程是一種高效經(jīng)濟(jì)的解決方案[8]。

對于抓取到的頁面內(nèi)容，可以使用開源項目Jsoup進(jìn)行頁面解析。Jsoup是基于Java的HTML解析器，該技術(shù)主要通過獲取URL地址、HTML格式的文本內(nèi)容進(jìn)行解析[9]。Jsoup利用DOM、CSS以及功能強(qiáng)大的選擇器，讓用戶方便地取出和操作頁面數(shù)據(jù)。對于取出的目標(biāo)頁面地址，可以通過直接鏈接到外部網(wǎng)站的方式進(jìn)行訪問；也可以通過Jsoup解析并保存相關(guān)頁面詳細(xì)數(shù)據(jù)，直接在本網(wǎng)站上進(jìn)行閱覽。基于HttpClient+Jsoup的采集技術(shù)，實現(xiàn)了創(chuàng)客項目需求的自動采集和按需搜索，并可以及時將需求采集信息推送給訂閱用戶，使得創(chuàng)客可以在第一時間接收到感興趣的需求。

圖3 基于HttpClient+Jsoup的需求采集流程實現(xiàn)

2.3 PC端和移動端的整體開發(fā)實現(xiàn)

本平臺的具體運(yùn)行環(huán)境為：

系統(tǒng)服務(wù)器：Windows Server 2003

Web服務(wù)器：Tomcat應(yīng)用服務(wù)器

數(shù)據(jù)庫：MySQL5.5

傳輸協(xié)議：HTTP/TCP/IP協(xié)議

瀏覽工具：PC端瀏覽器、移動端瀏覽器

圖4 PC瀏覽器端平臺實現(xiàn)展示

創(chuàng)客平臺的主要用戶是青年人，因此平臺的界面設(shè)計和用戶體驗對于平臺使用極為重要。目前，移動互聯(lián)應(yīng)用和智能手機(jī)已經(jīng)成為當(dāng)今主流的訪問平臺，而智能手機(jī)中又包括Android和iOS兩大陣營，因此，綜合項目需求、開發(fā)成本、網(wǎng)站整體效果等多方面考慮，我們選用了移動端瀏覽器作為智能手機(jī)的訪問入口。要實現(xiàn)通過PC端和移動手機(jī)端都能有效訪問平臺，需要考慮幾大系統(tǒng)的訪問特點(diǎn)及瀏覽設(shè)備的兼容性問題，并獲得良好的用戶體驗，是系統(tǒng)實現(xiàn)要解決地首要問題。jQuery是當(dāng)今網(wǎng)站前端開發(fā)的主流JavaScript開源框架，具有高效的前端開發(fā)能力、豐富的插件庫和多功能開發(fā)接口。因此jQuery作為本平臺前端開發(fā)的主要技術(shù)，通過jQuery技術(shù)的使用極大增強(qiáng)了頁面的動態(tài)效果。

PC瀏覽器端大學(xué)生創(chuàng)客服務(wù)平臺地主界面如圖3（a）所示，門戶首頁提供了個人創(chuàng)新工作室登錄入口和平臺上全方位的信息展示。需求匹配和項目管理是創(chuàng)客服務(wù)的重要模塊，如圖3(b)所示，需求的匹配和對接采用了基于工作流程的需求進(jìn)度管理模式，上一步操作是需求進(jìn)度進(jìn)入到下級操作的前提，對于需求的每個進(jìn)度點(diǎn)均保存了操作結(jié)果和項目文件資料，因此可以通過追溯，獲得需求每個操作步驟的的歷史信息。

jQuery Mobile是jQuery在手機(jī)和平板設(shè)備上的開發(fā)版本，是一個完整的移動端jQueryUI框架，因此移動端將使用jQuery Mobile開發(fā)真正的移動Web網(wǎng)站，如圖4所示。

對于訪問的頁面和資源如何適配PC端和移動端，采用了通過終端判斷分別調(diào)取兩套頁面資源的解決方案。對應(yīng)PC端和移動端訪問判斷定位，項目通過javaScript進(jìn)行設(shè)備判斷，代碼如下：

項目開發(fā)放棄了響應(yīng)式一套終端資源的前端顯示解決方案，雖然我們采用的解決方案需維護(hù)兩套頁面資源，但是該方案可以實現(xiàn)根據(jù)不同訪問終端個性化設(shè)計界面和加載信息的項目需求，讓PC端的Web設(shè)計和實現(xiàn)過程更加清晰，同時也考慮了移動端的使用特點(diǎn)，如配合重力感應(yīng)操作、流量限制等。jQuery+ jQuery Mobile的前端技術(shù)開發(fā)方案，平臺以較小代價較好解決了跨終端的訪問需求，實現(xiàn)了增強(qiáng)的頁面顯示效果和良好用戶體驗。

圖4 移動手機(jī)瀏覽器端平臺實現(xiàn)展示

3 結(jié)語

本文分析了大學(xué)生創(chuàng)客服務(wù)平臺的項目需求，設(shè)計了網(wǎng)站的系統(tǒng)架構(gòu)，開發(fā)了基于SSH架構(gòu)的大學(xué)生創(chuàng)客服務(wù)網(wǎng)站。該網(wǎng)站不僅能夠匯集平臺自身發(fā)布的創(chuàng)客資源及項目需求，還解決了創(chuàng)客需求的定時采集和精準(zhǔn)推送。在線的創(chuàng)客空間及其知識服務(wù)，成為了高?！皠?chuàng)客課堂”的線上延伸，為大學(xué)生營造了良好的創(chuàng)客空間生態(tài)環(huán)境和創(chuàng)新創(chuàng)業(yè)氛圍。

[1]黃艷蘭.威客豬八戒網(wǎng)站的營運(yùn)與盈利分析[J].科技傳播,2010,5(3):101,105.

[2]韓姣紅.科技情報開發(fā)與經(jīng)濟(jì)[J].江蘇技術(shù)師范學(xué)院學(xué)報,2009,19(1):108-110.

[3]原光,王藝.威客模式下政府信息資源增值利用路徑探析[J].企業(yè)經(jīng)濟(jì),2012,385(9):91-94

[4]雒亮,祝智庭.創(chuàng)客空間2.0:基于O2O架構(gòu)的設(shè)計研究[J].開放教育研究,2015,21(4):35-43.

[5]林振榮.基于SSH架構(gòu)的代碼構(gòu)建自動化研究[J].科技廣場,2014,8:63-65.

[6]薛桂香,任女爾,閆世峰,林濤.基于簡單工廠模式的SSH+ExtJs架構(gòu)泛型化研究[J].河北工業(yè)大學(xué)學(xué)報,2015,3: 68-72.

[7]于湛麟,李仲秋,任永昌.SSH框架實現(xiàn)MVC架構(gòu)的電子商務(wù)軟件平臺[J].河北工業(yè)大學(xué)學(xué)報,2012,10:175-178.

[8]洪亮,田支斌.淺析中文環(huán)境下的Apach Commons HttpClient編程[J].電腦知識與技術(shù),2008,3(4):782-783.

[9]盛雪豐.Android開發(fā)一大神器——Jsoup[J].電腦知識與技術(shù),2015,8:69-71.

Design and Development of College Maker Service Platform Based on SSH Framework

WANG Lei
（Department of Information Engineering,Guangdong Polytechnic of Science and Trade,Guangzhou 510430）

Maker movement gains rapid development recently,uses Internet+technology,designs this site to work seamlessly with innovation ability of undergraduates.Designs and develops lightweight site for college maker based on SSH framework.Firstly,analyzes website and project requirements,proposes site system architecture.Based on J2EE techniques and system environment of development and operating platform,the online maker service platform is lightweight site based on MVC model and when SSH framework is used to develop this site. The site pooling marker information resources and project requirements is not only to host own distribution server,but also to make the time collect and push,in order to create a perfect environment of online maker space for undergraduates.

Maker Service;Lightweight;B/S Model;SSH

1007-1423（2017）07-0066-06

10.3969/j.issn.1007-1423.2017.07.017

王磊（1981-），男，河南開封人，博士研究生，講師，研究方向為計算機(jī)集成制造技術(shù)、智能優(yōu)化算法、Java編程技術(shù)等

2016-12-13

2017-02-20

廣東省教育廳高校教育技術(shù)教學(xué)改革項目（No.2015064）；廣東省高職教育信息技術(shù)教指委教改項目（No.XXJZW2015 028）；廣東省高等職業(yè)技術(shù)教育研究會2016年一般課題（No.GDGZ16Y152）；廣東科貿(mào)職業(yè)學(xué)院教改項目（No.GDKM 2014-17、No.GDKM-CXCY12）