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

王磊

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

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

王磊

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

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

創(chuàng)客服務；輕量化；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)進行創(chuàng)新創(chuàng)業(yè)活動。創(chuàng)業(yè)者和自由職業(yè)者也越來越多，創(chuàng)客恰好適應了這一群體的工作方式，國內(nèi)也涌現(xiàn)了豬八戒威客網(wǎng)站、威客中國等知名的服務交易網(wǎng)站。這些網(wǎng)站為創(chuàng)客、威客們提供了以無形的知識開發(fā)為商品交易的在線服務，是一種基于大規(guī)模網(wǎng)絡(luò)協(xié)作的交易模式，并以懸賞招標形式進行營運[1-2]。威客模式實際上提供了一種有效的需求集聚、需求信息傳播和知識增值的渠道[3]。“互聯(lián)網(wǎng)+”支持下的創(chuàng)新創(chuàng)業(yè)服務，正式威客模式在“大眾創(chuàng)業(yè)、萬眾創(chuàng)新”下的應用與延伸。

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

1 平臺功能分析

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

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

圖1 平臺主要功能需求

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

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

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

2 平臺實現(xiàn)

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

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

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

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

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

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

●資源層：包括操作系統(tǒng)運行環(huán)境、數(shù)據(jù)庫運行環(huán)境、文件存儲環(huán)境及相應的硬件資源，為以上系統(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è)務邏輯耦合，使得平臺具有極強擴展性。輕量化體現(xiàn)在Spring應用框架本身的基礎(chǔ)結(jié)構(gòu)，以及它對其他應用框架的支持和裝配能力，用Spring框架集成Hibernate和Struts應用，降低了技術(shù)框架之間的整合難度。另外，通過XML系統(tǒng)配置技術(shù)，實現(xiàn)了業(yè)務組件的配置和裝卸，進一步增強了創(chuàng)客服務平臺的應用擴展能力，滿足了后續(xù)創(chuà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)客服務的基礎(chǔ)上，如何及時獲取其他海量的項目需求信息，并甄別哪些是用戶感興趣的信息，這就是用戶需求采集定制模塊的內(nèi)容。需求采集模塊基于網(wǎng)絡(luò)爬蟲技術(shù)的HttpClient+Jsoup技術(shù)，并結(jié)合Java多線程技術(shù)，實現(xiàn)了網(wǎng)站定時和手動的需求采集功能，實現(xiàn)流程如圖3所示。

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

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

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

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

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

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

Web服務器：Tomcat應用服務器

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

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

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

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

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

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

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

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

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

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

3 結(jié)語

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

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

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

[3]原光,王藝.威客模式下政府信息資源增值利用路徑探析[J].企業(yè)經(jīng)濟,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è)大學學報,2015,3: 68-72.

[7]于湛麟,李仲秋,任永昌.SSH框架實現(xiàn)MVC架構(gòu)的電子商務軟件平臺[J].河北工業(yè)大學學報,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-），男，河南開封人，博士研究生，講師，研究方向為計算機集成制造技術(shù)、智能優(yōu)化算法、Java編程技術(shù)等

2016-12-13

2017-02-20

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