開源框架為導(dǎo)向的高級Web開發(fā)教學(xué)模式

朱德利 文瑞 熊俊逸

摘要：隨著科技技術(shù)的發(fā)展，社會對人才的要求更加專業(yè)化、技術(shù)化。用傳統(tǒng)的教學(xué)模式將高級Web開發(fā)相關(guān)的技能和知識傳授給學(xué)生，使得理論知識和實際開發(fā)情況不能很好結(jié)合。以開源框架為導(dǎo)向的高級Web開發(fā)教學(xué)模式從教學(xué)方式、考核方法、課程安排和課堂活動等方面對其進行改進，以項目為驅(qū)動，更加注重交流和實踐表明，這種教學(xué)模式使學(xué)生更加有興趣，有更高的參與感，學(xué)習(xí)質(zhì)量有極大提高，學(xué)生能將課堂理論知識充分運用到實際開發(fā)中去。

關(guān)鍵詞：高級Web開發(fā);開源框架;教學(xué)模式

中圖分類號：G642? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）15-0170-02

Abstract： With the development of science and technology， the social demand for talents is more professional and technical. With the traditional teaching mode， advanced Web development related skills and knowledge are taught to students， which makes the theoretical knowledge and the actual development situation can not be well combined. The advanced Web development teaching mode guided by open source framework is improved from the aspects of teaching methods， assessment methods， curriculum arrangement and classroom activities. It is driven by projects and pays more attention to communication and practice. It shows that this teaching mode makes students more interested， has a higher sense of participation， and greatly improves the learning quality. Students can fully apply the theoretical knowledge of the classroom to practice International development is in progress.

Key words： Advanced Web development; open source framework; teaching mode

網(wǎng)絡(luò)時代的計算機相關(guān)學(xué)科教學(xué)中，Web開發(fā)技術(shù)是舉足輕重的。在國內(nèi)許多高校的課程體系中，都把Web開發(fā)分成了基礎(chǔ)開發(fā)和高級開發(fā)兩個部分[1]。對于高級Web開發(fā)課程如何進行，如何體現(xiàn)與Web開發(fā)基礎(chǔ)課程的區(qū)別，如果通過課程的學(xué)習(xí)切實提升學(xué)生的Web開發(fā)技能等都是目前亟待解決的問題。在教學(xué)實踐中，目前大部分學(xué)校更加傾向于理論教學(xué)[2]，老師向?qū)W生單向的、大量的灌輸理論知識，學(xué)生被動地接受，這樣學(xué)生的確可以較好地掌握理論知識，但是Web開發(fā)只有自主的進行實際操作才能準確完全掌握，因為課程沒有較好的實踐操作導(dǎo)向和模式，學(xué)生不會主動思考，不能將所學(xué)的知識合理充分地用在實際問題的解決之中[3]。為了解決以上的問題，本文提出以開源框架為導(dǎo)向的高級Web開發(fā)課程教學(xué)模式。

1 開源框架為引導(dǎo)課程知識體系的展開

按照現(xiàn)有的教材內(nèi)容和工業(yè)界對Web開發(fā)人才的需求，一般而言，Web開發(fā)基礎(chǔ)部分包括的知識點有HTML5基礎(chǔ)、CSS基礎(chǔ)、HTML5進階、CSS3進階、JavaScript核心語法、DOM和BOM、jQuery等前端知識，以及PHP、jsp等基本的后臺程序設(shè)計方法和技巧。而高級Web開發(fā)方面，則涉及Vue、TypeScript、Bootstrap等前端框架[4]以及Struts、Spring、ThinkPHP等后臺框架[5]。以PHP技術(shù)棧為例，一般在這個階段需要完成的學(xué)習(xí)任務(wù)包括面向?qū)ο笤O(shè)計思想、對象關(guān)系模型ORM的使用、Mysql應(yīng)用與提高、PHP核心擴展及商城項目、博客項目、ERP系統(tǒng)等具體項目的開發(fā)和實現(xiàn)。在實踐中筆者發(fā)現(xiàn)，如果把開源框架引入教學(xué)過程中，以開源框架的學(xué)習(xí)和蘊含的思想來引導(dǎo)課程知識體系的展開，是非常有利于教學(xué)目標的達成的?？蚣馨募夹g(shù)和高級Web開發(fā)需要完成的教學(xué)任務(wù)有如圖1所示的對應(yīng)關(guān)系。教學(xué)過程中，以全面掌握在開源框架下進行Web開發(fā)需要的技能為主線，學(xué)習(xí)ThinkPHP 的開發(fā)規(guī)范，掌握其中數(shù)據(jù)庫、模型等知識點，并且能以項目為驅(qū)動，主動進行學(xué)習(xí)和實踐，將每一次課堂的內(nèi)容都合理運用于項目之中。

2 教學(xué)模式的具體實施

以ThinkPHP框架引導(dǎo)高級Web開發(fā)為例，本文所述的教學(xué)模式具體實施方法，包括結(jié)合實操授課、個性化與多元化結(jié)合教學(xué)、運用互動式教學(xué)等方面。

2.1 結(jié)合實操授課

在Web高級開發(fā)課程開展教學(xué)的過程中，要將以開源框架為導(dǎo)向的高級Web開發(fā)技術(shù)完全向同學(xué)們介紹清楚并且讓同學(xué)熟練掌握開發(fā)技術(shù)，只是靠傳統(tǒng)的老師單向灌輸知識是遠遠不夠的，并且ThinkPHP6.0框架是一個較新的框架，在目前市面上還沒有完整規(guī)范的教材，是與時俱進的框架，框架的版本也在逐年更新，每次跟新會與上一次有語法上的差別，例如thinkPHP6與ThinkPHP5.1在安裝方式、類的加載方式、組件、中間件都有所不同，并且ThinkPHP6使用嚴格模式，而ThinkPHP5并沒有。知識的先進性給教學(xué)模式提出了新的挑戰(zhàn)，因此需要老師做巨大的備課工作，結(jié)合自己的經(jīng)驗和了解，整合梳理每節(jié)課的知識點，制作PPT，每周一次的課程，先用一課時向?qū)W生講介紹知識背景、知識點細節(jié)，通過提問了解學(xué)生掌握知識的情況，然后在課堂進行實際操作，以SIYUCMS內(nèi)容管理系統(tǒng)為例子，對其進行相關(guān)知識點的操作，更加清晰地展示如何在實際項目中合理利用該知識點，最后會請同學(xué)進行總結(jié)和演示，及時了解同學(xué)在課堂上掌握知識的情況。例如在講述URL訪問這一知識點是分為以下幾個步驟：

（1）以問題引出教學(xué)內(nèi)容，引發(fā)學(xué)生進行思考。思考以前學(xué)習(xí)過的Web開發(fā)是以怎樣的路徑進行訪問的，然后進行討論，然后通過PPT完整清晰展示URL的訪問路徑http：//servername/index.php（或者其他文件入口）/控制器/操作/參數(shù)/值.

（2）結(jié)合SIYUCMS內(nèi)容管理系統(tǒng)，選取該成熟案例中部分有關(guān)于URL訪問知識點的頁面，從實際情況出發(fā)，分別演示了訪問靜態(tài)頁面、動態(tài)頁面的訪問方式及其完整URL路徑、讓同學(xué)能夠聯(lián)系實際，對知識點有了更加直觀的認識。

（3）總結(jié)知識點?；卮饘W(xué)生對于演示疑問，引導(dǎo)學(xué)生進一步思考，深入討論。帶領(lǐng)學(xué)生回顧所學(xué)知識點，現(xiàn)場出題，布置知識點相關(guān)任務(wù)，隨機選擇學(xué)生演示并完成與知識點相關(guān)的實踐。

2.2 個性化與多元化結(jié)合教學(xué)

每個學(xué)生之間的基礎(chǔ)知識與學(xué)習(xí)能力各不相同，由此需要展開個性化教學(xué)。而開發(fā)人員學(xué)習(xí)一門新的語言，以興趣為主將會迅速地進入學(xué)習(xí)狀態(tài)取得理想效果。由此，展開個性化教學(xué)，進一步利用互聯(lián)網(wǎng)，在互聯(lián)網(wǎng)當(dāng)中建立起一個互動平臺，學(xué)生進行自主學(xué)習(xí)的同時供老師與學(xué)生之間交流。同時，教師將教學(xué)資料以及教學(xué)資源投入到互動平臺當(dāng)中，再根據(jù)學(xué)生自身興趣愛好，讓其自主尋找合適的教學(xué)內(nèi)容。將學(xué)生劃分為多個小組，根據(jù)每個小組的具體特點制定相關(guān)教學(xué)內(nèi)容，進一步實現(xiàn)個性化教學(xué)。

在課程教學(xué)中，由于受到傳統(tǒng)教學(xué)理念的影響，使得教師對于實踐環(huán)節(jié)不夠重視，而利用“互聯(lián)網(wǎng)”模式，能夠?qū)⒏鞣N實踐環(huán)節(jié)有效增加[6]。例如：在互聯(lián)網(wǎng)教學(xué)平臺中加入高級Web開發(fā)技術(shù)的各個步驟詳解內(nèi)容，讓學(xué)生明確分工，找準學(xué)習(xí)知識突破點，運用老師上傳的精簡資料進行學(xué)習(xí)擴充，并在課程后上傳實操內(nèi)容。將課堂授課與線上教學(xué)相結(jié)合的多元化教學(xué)模式讓學(xué)生不斷對高級Web開發(fā)技術(shù)進行實踐操作，這不僅能夠?qū)W(xué)生的學(xué)習(xí)習(xí)慣進行有效培養(yǎng)，還可以進一步提升學(xué)生的實踐能力，為日后高級Web開發(fā)具體工作奠定堅實基礎(chǔ)[7]。

2.3 運用互動式教學(xué)

“互動式”學(xué)習(xí)，是把教學(xué)過程看作是一個動態(tài)發(fā)展著的教與學(xué)統(tǒng)一的交互影響和交互活動過程。在這個過程中，通過優(yōu)化“教學(xué)互動”的方式，即通過調(diào)節(jié)師生關(guān)系及其相互作用，形成和諧的師生互動、生生互動、學(xué)習(xí)個體與教學(xué)中介的互動，強化人與環(huán)境的交互影響，以產(chǎn)生教學(xué)共振，達到提高教學(xué)效果的一種教學(xué)結(jié)構(gòu)模式。在高級Web開發(fā)教學(xué)中，采取小組討論，學(xué)生說課的方式，極大地提高教學(xué)效率。根據(jù)分組，每一個組完成TP6相應(yīng)的知識點的開發(fā)技巧和項目實踐實驗，并將相關(guān)知識點的使用心得和實驗結(jié)果在課堂上展示出來，通過互動式學(xué)習(xí)、討論和提問考查知識點的學(xué)習(xí)掌握情況討論答辯時，每個組的同學(xué)分別都結(jié)合了案例講解自己著重理解和學(xué)習(xí)的知識點，且接受同學(xué)和老師的提問。在實際運用中，此互動式學(xué)習(xí)極大激發(fā)了學(xué)生的興趣，學(xué)生只有深刻理解其知識點而后才能講解給同學(xué)。學(xué)生不僅深刻掌握所述知識點而且順利解決老師同學(xué)對所述知識點的疑問，這表明互動式學(xué)習(xí)非常成功。

3 總結(jié)

在當(dāng)前互聯(lián)網(wǎng)高速發(fā)展的環(huán)境中，高級Web開發(fā)課程應(yīng)該緊緊跟隨時代腳步。為了達到良好的教學(xué)效果，以開源框架為導(dǎo)向的高級Web開發(fā)教學(xué)模式在已有的教學(xué)模式的基礎(chǔ)上，從課程結(jié)構(gòu)和教學(xué)方式上入手，進一步實施個性化、多元化教學(xué)、結(jié)合實際操作授課、在將整體考核評價體系進行完善，提高學(xué)生學(xué)習(xí)的興趣和主動性，全面提升學(xué)生的實踐能力，從而提升教學(xué)效率和質(zhì)量，保證了教學(xué)手段的豐富性、教學(xué)模式的多元性、教學(xué)考核的完善性。培養(yǎng)出具備更強實踐能力的學(xué)生，為以后的學(xué)習(xí)發(fā)展奠定堅實基礎(chǔ)。

參考文獻：

[1] 王偉.淺談web開發(fā)課程一體化教學(xué)實踐[J].國際公關(guān)，2020（11）：119-120.

[2] 李秀珍.基于MVC的ThinkPHP5框架研究[J].現(xiàn)代信息科技，2020，4（14）：90-92.

[3] 章春梅，余永紅.基于ThinkPHP+微信小程序的校園社團云平臺的設(shè)計與實現(xiàn)[J].電腦知識與技術(shù)，2019，15（30）：78-81.

[4] 谷恪忱.基于ThinkPHP框架的工控品采購平臺設(shè)計與實現(xiàn)[J].軟件工程，2020，23（3）：53-59.

[5] 馬睿.“互聯(lián)網(wǎng)+”背景下的WEB前端開發(fā)課程教學(xué)模式的探討[J].計算機產(chǎn)品與流通，2020（10）：202.

[6] 祝艷麗.新時代Web前端開發(fā)課程新型教學(xué)手段的探究[J].數(shù)碼世界，2020（9）：146-147.

[7] 劉勇.網(wǎng)絡(luò)教學(xué)模式下計算機教育改革探析[J].計算機產(chǎn)品與流通，2020（10）：101.

【通聯(lián)編輯：王力】