前后端分離開(kāi)發(fā)模式教學(xué)現(xiàn)狀與創(chuàng)新

摘?要：近年來(lái)，軟件開(kāi)發(fā)模式從原先的單一開(kāi)發(fā)模式逐漸過(guò)渡為以團(tuán)隊(duì)為核心多人開(kāi)發(fā)模式，從傳統(tǒng)模式中演變出前后端分離模式，對(duì)人才知識(shí)體系和技能提出新要求。培養(yǎng)人才是高校基本職能，而高校教師、大學(xué)生作為特殊群體，以前后端分離開(kāi)發(fā)模式作為突破口，更新人才觀念、調(diào)整課程體系、反思教學(xué)模式等，加強(qiáng)推進(jìn)培養(yǎng)分工更明確、更專業(yè)的前端工程師、后端工程師等新型計(jì)算機(jī)人才，以滿足計(jì)算機(jī)職位群的需求。

關(guān)鍵詞：高校;反思;前后端分離;創(chuàng)新

Abstract：In recent years，the software development pattern has gradually changed from single development pattern to multi-person development pattern with team as the core，which needs more requirements of intellectual talent systems and skills.Cultivating talents is the basic function of colleges and universities.The teachers and students of colleges and universities as a special group，who take the front-end separate development model as the breakthrough point，renew the concept of talents，adjust the curriculum system，reflect on the teaching model，etc.In order to meet the needs of computer occupation group，we should strengthen the training of new computer talents，such as front-end and back-end engineers with clearer and more professional division of labor.

Keywords：University;Reflection;Front and back end separation;Innovation

目前，針對(duì)大中型互聯(lián)網(wǎng)項(xiàng)目軟件開(kāi)發(fā)，前后端分離已成為互聯(lián)網(wǎng)項(xiàng)目開(kāi)發(fā)的業(yè)界標(biāo)準(zhǔn)使用方式，除了在開(kāi)發(fā)團(tuán)隊(duì)上有效解耦，前后端根據(jù)端口要求能夠并行開(kāi)發(fā)從而提高效率、便于后期維護(hù)，更重要為新型技術(shù)（分布式、微服務(wù)等架構(gòu)、多端化顯示）打下基礎(chǔ)。據(jù)《2019年中國(guó)新興職業(yè)報(bào)告》所述，前端開(kāi)發(fā)工程師職位增長(zhǎng)率位居第2名。《2020年新興職業(yè)報(bào)告》后端開(kāi)發(fā)、全棧等職位群，明顯向前提升。各大招聘網(wǎng)站，前后端的職位群招聘崗位增多、待遇提升明顯。

一、前后端分離背景及知識(shí)體系構(gòu)成

前后端分離開(kāi)發(fā)模式是在業(yè)務(wù)需求和技術(shù)更新基礎(chǔ)上形成。早期互聯(lián)網(wǎng)項(xiàng)目只有PC端瀏覽器請(qǐng)求，服務(wù)器接收到請(qǐng)求后把處理結(jié)果以.html文件返回給瀏覽器顯示。

如今向服務(wù)器發(fā)布請(qǐng)求終端多樣化：平板、手機(jī)、APP、小程序等多種顯示設(shè)備。把相同數(shù)據(jù)顯示到不同設(shè)備上，采用早期開(kāi)發(fā)模式不同設(shè)備需要書寫不同代碼，每份代碼中包含不同數(shù)據(jù)庫(kù)操作，書寫多份代碼費(fèi)時(shí)費(fèi)力且不利于后期維護(hù)。而采用服務(wù)器提供接口實(shí)現(xiàn)前后端分離，以JSON格式返回或接收數(shù)據(jù)，極大提高開(kāi)發(fā)效率和降低維護(hù)成本，更重要的是對(duì)原來(lái)糅合在一起知識(shí)體系進(jìn)行了拆分，降低學(xué)習(xí)難度。

二、目前計(jì)算機(jī)專業(yè)教育現(xiàn)狀

職業(yè)教育課程改革是教育改革重要組成部分，計(jì)算機(jī)技術(shù)的特點(diǎn)是更新發(fā)展速度快，往往培養(yǎng)人才方案和課程體系比現(xiàn)實(shí)人才需求要慢。目前主要存在問(wèn)題有：

（1）課程體系沒(méi)有做到緊跟用人市場(chǎng);

（2）過(guò)多關(guān)注理論知識(shí)而缺乏實(shí)驗(yàn)實(shí)訓(xùn);

（3）教研現(xiàn)狀因負(fù)擔(dān)重而流于形式;

（4）教學(xué)方式方法不夠多樣化靈活應(yīng)用;

（5）各門課程獨(dú)立備課沒(méi)能夠形成統(tǒng)一標(biāo)準(zhǔn)。

各個(gè)方面有待調(diào)整改進(jìn)，從而形成課程緊跟專業(yè)、專業(yè)銜接崗位、崗位提出需求、校企合作深度融合，共創(chuàng)課程新標(biāo)準(zhǔn)。

三、教研反思

為適應(yīng)新形勢(shì)下前后端分離體系及新型計(jì)算機(jī)人才需求，需全方面提升改進(jìn)，具體反思創(chuàng)新如下：

（一）課程體系與教育模式的反思

（1）課程體系調(diào)整優(yōu)化。通過(guò)圖1可見(jiàn)計(jì)算機(jī)專業(yè)javaWeb項(xiàng)目知識(shí)體系，是計(jì)算機(jī)專業(yè)必修重點(diǎn)課程。往往有的高校在學(xué)習(xí)javaWeb項(xiàng)目體系同時(shí)還開(kāi)設(shè)C#，asp.Net。從知識(shí)點(diǎn)角度確實(shí)學(xué)的越多越好，但高校學(xué)生在校時(shí)間有限，重復(fù)學(xué)習(xí)相同作用課程無(wú)疑增加學(xué)習(xí)負(fù)擔(dān)。增加相同知識(shí)體系的實(shí)驗(yàn)實(shí)訓(xùn)，鼓勵(lì)考工考證、參加實(shí)戰(zhàn)項(xiàng)目反而能夠更好掌握技能。

（2）分類教育引導(dǎo)培養(yǎng)專業(yè)人才。全面培養(yǎng)計(jì)算機(jī)人才往往造成用人單位無(wú)人才可用。計(jì)算機(jī)專業(yè)教育課程體系安排是全面的，但每位學(xué)生并不是都能全面發(fā)展的，社會(huì)招聘編程人員的崗位是分類的，以web項(xiàng)目為例，通過(guò)圖1可把同一項(xiàng)目編程人員分為不同崗位，且要求知識(shí)體系不同。

（二）教研現(xiàn)狀反思

針對(duì)前后端分離模式項(xiàng)目，知識(shí)體系多，深入計(jì)算機(jī)多門課程，往往每門課程建立在其他課程基礎(chǔ)之上，如何統(tǒng)一所有知識(shí)體系，各門課程如何有機(jī)配合統(tǒng)一是必須面對(duì)問(wèn)題。

（1）專業(yè)引領(lǐng)不夠成為制約前后端分離教學(xué)模式主要因素。通過(guò)校企合作、人才招聘信息職位要求分析以及往屆畢業(yè)生所在開(kāi)發(fā)崗位反饋，分析出緊跟時(shí)代前沿技術(shù)棧，設(shè)計(jì)出教學(xué)經(jīng)典案例，并配置服務(wù)器提供教學(xué)環(huán)境。根據(jù)項(xiàng)目對(duì)知識(shí)體系分解，調(diào)整課程體系，為每門課程分解任務(wù)。

經(jīng)典案例根據(jù)企業(yè)崗位標(biāo)準(zhǔn)，由項(xiàng)目經(jīng)理、全棧工程師、及高校專業(yè)教師共同參與，形成項(xiàng)目文檔規(guī)范統(tǒng)一教學(xué)規(guī)范。

1后端服務(wù)器API接口和開(kāi)發(fā)文檔為前端提供數(shù)據(jù)支持。

2前端服務(wù)器運(yùn)行代碼為后端開(kāi)發(fā)提供操作界面展示。

前后端分離項(xiàng)目教學(xué)。因采用前后端開(kāi)發(fā)模式把原同一項(xiàng)目根據(jù)分工拆分為前端和后端項(xiàng)目，把高度耦合知識(shí)體系分解成不同崗位，各負(fù)其責(zé)、分工明確，與社會(huì)招聘聘崗位更加吻合。

（2）教學(xué)負(fù)擔(dān)過(guò)重，制約著教研工作的開(kāi)展。針對(duì)圖2互聯(lián)網(wǎng)項(xiàng)目前后端分離開(kāi)發(fā)示意圖。需要教師先有鉆研而后有教研和教學(xué)的促進(jìn)。而現(xiàn)實(shí)高校特別是民辦高校，各種負(fù)擔(dān)制約著教研工作開(kāi)展。既要備課、上課、甚至有的教師又要管理班務(wù)，還要參加各種競(jìng)賽、還要應(yīng)付各種檢查、考核、參加大會(huì)小會(huì)。沒(méi)有給教研提供更多時(shí)間和精力去學(xué)習(xí)新的理念。針對(duì)前后端分離的新技術(shù)只能望而遠(yuǎn)之。

（3）教學(xué)反思。通過(guò)對(duì)互聯(lián)網(wǎng)項(xiàng)目的前后端分離教學(xué)反思，互聯(lián)網(wǎng)項(xiàng)目的單一開(kāi)發(fā)模式的傳統(tǒng)教學(xué)，耦合知識(shí)體系多且放在同一臺(tái)服務(wù)器。經(jīng)過(guò)拆分到前后端不同服務(wù)器，從而降低學(xué)習(xí)難度。目前我校已經(jīng)提供三到五個(gè)經(jīng)典項(xiàng)目案例。針對(duì)不同課程在領(lǐng)取項(xiàng)目對(duì)應(yīng)任務(wù)，形成不同要求并統(tǒng)一到前后端分離的項(xiàng)目上來(lái)。以Infor分類信息項(xiàng)目為例：

1.后端知識(shí)體系及教學(xué)任務(wù)

往期教學(xué)與前后端分離項(xiàng)目教學(xué)影響如下：

（1）傳統(tǒng)各門課程獨(dú)立備課，項(xiàng)目經(jīng)分解后打通各門課程，定期加強(qiáng)集中跨課程備課，形成知識(shí)體系有機(jī)統(tǒng)一。

（2）每門課程在學(xué)完基礎(chǔ)知識(shí)后，把項(xiàng)目所需知識(shí)體系擴(kuò)展到課程中，任務(wù)驅(qū)動(dòng)且理論更聯(lián)系實(shí)際。

（3）相同項(xiàng)目需求在不同課程中涉及分析，從多角度分析項(xiàng)目使學(xué)生理解更加深入。

（4）javaWeb課程因前后端分離，只需對(duì)接口負(fù)責(zé)開(kāi)發(fā)處理JSON即可。無(wú)需要把前端三大知識(shí)體系HTML5、CSS、javaScript融入后端。

從傳統(tǒng)單一開(kāi)發(fā)模式分離出后端，同時(shí)又把后端分解到各個(gè)知識(shí)體系的教學(xué)，除了降低學(xué)習(xí)難度，使后端專心關(guān)注業(yè)務(wù)需要求上來(lái)。更為重要提供前端api接口。解放前后端開(kāi)發(fā)人員，使其集中各自崗位所需知識(shí)體系的學(xué)習(xí)與設(shè)計(jì)上。

2.前端采用多端教學(xué)，培養(yǎng)全面多端人才

互聯(lián)網(wǎng)項(xiàng)前端三大知識(shí)體系：HTML5、CSS、javaScript，前兩者控制用戶界面，javaScript主要控制網(wǎng)頁(yè)中的行為。

傳統(tǒng)教學(xué)往往PC端和手機(jī)端分開(kāi)書寫代碼，而當(dāng)今上網(wǎng)顯示終端多樣化。如PC端、手機(jī)端的瀏覽器、APP、小程序等。采用一份代碼多屏顯示，提高開(kāi)發(fā)效率同時(shí)且便于后期維護(hù)。有句話“基礎(chǔ)不牢，地動(dòng)山搖”，只掌握前端網(wǎng)頁(yè)三大知識(shí)體系，很少的學(xué)習(xí)成本即可使用開(kāi)源框架如bootStrap、jQuery等框架提高效率。

經(jīng)典項(xiàng)目案例，前后端分離方案分解到前后端對(duì)應(yīng)的計(jì)算機(jī)課程體系中。分而治之降低難度，并且與用人單位崗位群完全吻合，從而培養(yǎng)更專業(yè)計(jì)算機(jī)人才。

3.跨課程備課研討

前后端分離模式開(kāi)發(fā)的項(xiàng)目，涉及課程體系中的專業(yè)課程比較多，通過(guò)如圖1的javaWeb項(xiàng)目知識(shí)體系及前后端分離所需知識(shí)體系。定期集中備課研討，收集反饋總結(jié)各課程教學(xué)過(guò)程中遇到問(wèn)題、分享總結(jié)各自經(jīng)驗(yàn)，發(fā)揮專業(yè)課程體系教師的團(tuán)隊(duì)力量。

4.成立前后端專業(yè)社團(tuán)

發(fā)揮社團(tuán)優(yōu)勢(shì)，把共同興趣愛(ài)好的同學(xué)聚到一起，提供志同道合共同學(xué)習(xí)研究環(huán)境，通過(guò)社團(tuán)專業(yè)活動(dòng)、提高成員專業(yè)技能和交流合作機(jī)會(huì)。充分發(fā)揮課后全面促進(jìn)教學(xué)。

通過(guò)對(duì)項(xiàng)目知識(shí)體系教學(xué)任務(wù)的反思使課程聯(lián)系更加緊密，前臺(tái)多端開(kāi)發(fā)模式更加滿足當(dāng)今企業(yè)用人要求，跨課程備研討及成立專業(yè)社團(tuán)，從而達(dá)到全方位、全過(guò)程培養(yǎng)專計(jì)算機(jī)專業(yè)人才。

四、校企合作反思

互聯(lián)網(wǎng)項(xiàng)目前后端分離培養(yǎng)模式要充分發(fā)揮校企合作。校外需求與校內(nèi)資源優(yōu)勢(shì)互補(bǔ)作用。

（1）共建專業(yè)課程標(biāo)準(zhǔn)及定向培養(yǎng)人才。每門課程實(shí)驗(yàn)及模擬項(xiàng)目課設(shè)計(jì)有企業(yè)和老師共同討論形成方案。由專業(yè)教師負(fù)責(zé)基礎(chǔ)知識(shí);由企業(yè)人員負(fù)責(zé)項(xiàng)目實(shí)訓(xùn)。企業(yè)把校外最新前沿技術(shù)反饋到校內(nèi)，及時(shí)調(diào)整課程體系，保持與市場(chǎng)需求同步更新。定向培養(yǎng)專業(yè)人才。

（2）共建實(shí)驗(yàn)實(shí)訓(xùn)平臺(tái)及加強(qiáng)工學(xué)結(jié)合。以共建課程群為核心，共建實(shí)驗(yàn)實(shí)訓(xùn)平臺(tái)，學(xué)生通過(guò)該平臺(tái)實(shí)訓(xùn)定期考核數(shù)據(jù)可作為選派優(yōu)秀學(xué)生依據(jù)。選派優(yōu)秀學(xué)生進(jìn)駐企業(yè)，進(jìn)行為期1～3個(gè)月的頂崗實(shí)習(xí)，在企業(yè)工作中獲得工作經(jīng)驗(yàn)。

（3）產(chǎn)教結(jié)合校企一體。互聯(lián)網(wǎng)項(xiàng)目需要多崗位人才，不僅需要前后端開(kāi)發(fā)人員，也需要有專業(yè)基礎(chǔ)知識(shí)的運(yùn)維人員。因前后端分離模式，方便拆分到更小的開(kāi)發(fā)模塊。

企業(yè)可以把部分開(kāi)發(fā)研發(fā)的業(yè)務(wù)拆分給專業(yè)教師團(tuán)隊(duì)，同時(shí)把軟件產(chǎn)品需要運(yùn)維日常維護(hù)，交給有一定專業(yè)基礎(chǔ)學(xué)生按照標(biāo)準(zhǔn)化流程維護(hù)。企業(yè)因此有更多時(shí)間集中發(fā)展業(yè)務(wù)及打造自身軟件產(chǎn)品;而高校的教師和學(xué)生也因有分工任務(wù)的引領(lǐng)，能夠在校獲得真實(shí)工作經(jīng)驗(yàn)，達(dá)到學(xué)與做合一。同時(shí)企業(yè)也會(huì)提供一定資金，為教師和學(xué)生的團(tuán)隊(duì)提供運(yùn)行保障。

五、總結(jié)

總之，前后端分離開(kāi)發(fā)模式教學(xué)，培養(yǎng)出計(jì)算機(jī)人才緊隨人才市場(chǎng)需求變化。需要改變當(dāng)前計(jì)算機(jī)專業(yè)教育現(xiàn)狀、更新課程體系、加強(qiáng)教研反思、拓展校企合作，共同努力提升培養(yǎng)分工更加明確、職責(zé)更加專業(yè)的計(jì)算機(jī)人才。

參考文獻(xiàn)：

[1]林嘉婷.試談前后端分離及基于前端MVC框架的開(kāi)發(fā)[J].電腦編程技巧與維護(hù)，2016（23）：5-8.

[2]劉德建，劉曉琳，張琰，陸奧帆，黃榮懷.虛擬現(xiàn)實(shí)技術(shù)教育應(yīng)用的潛力、進(jìn)展與挑戰(zhàn)[J].開(kāi)放教育研究，2016（04）：25-31.

作者簡(jiǎn)介：張?jiān)S（1980—?），男，漢族，江蘇宿遷人，本科，初級(jí)，研究方向：應(yīng)用軟件研發(fā)、分布式系統(tǒng)大數(shù)據(jù)。