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

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

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

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

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

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

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

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

（1）課程體系沒有做到緊跟用人市場;

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

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

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

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

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

三、教研反思

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.跨課程備課研討

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

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

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

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

四、校企合作反思

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

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

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

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

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

五、總結(jié)

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

參考文獻(xiàn)：

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

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

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