-6-XXXX職業(yè)學院《Vue.js前端框架基礎》課程標準（2024版本）編制單位：XXX大數據學院執(zhí)筆人：審核人：審定人：審定日期：2024.6.30XXXX職業(yè)學院教學工作部制《Vue前端框架基礎》課程標準一、課程標準開發(fā)團隊序號姓名工作單位職稱/職務作用1講師編寫2副教授講授注：指參與開發(fā)課程標準的主要人員，原則上應為2-3人，其中必須有1人來自行業(yè)企業(yè)。二、課程基本信息課程名稱前端框架高級應用課程代碼5314028課程學時總學時：64理論：32實踐：32課程學分4適用專業(yè)移動互聯考核性質R考試￡考查課程類型￡理論課（A類）R理實一體課（B類）￡實踐課（C類）前導課程《Web前端基礎》后續(xù)課程無三、課程概述（一）課程的性質本課程是移動互聯專業(yè)必修的一門前端框架課程，是在學習了《Vue前端框架基礎》課程，具備了網頁設計相關內容，如HTML、JAVASCRIPT、CSS、網頁自適應等上，開設的一門理論+實踐課程，其功能是對接專業(yè)人才培養(yǎng)目標，面向前端開發(fā)工程師工作崗位，對學生職業(yè)能力培養(yǎng)和職業(yè)素養(yǎng)養(yǎng)成要起主要支撐作用。（二）課程的功能序號對接的崗位職業(yè)崗位知識職業(yè)崗位能力職業(yè)崗位素質1前端開發(fā)工程師崗位（1）掌握前端基礎編程路由組件開發(fā)（2）熟練使用vue.js或node.js前端框架（1）前端基礎代碼開發(fā)（2）架構設計（1）具有一定的前端開發(fā)能力（2）具有前端項目代碼管理能力2軟件測試崗位（1）產品功能、樣式、流程測試（2）編寫成品文檔、測試樣例1）產品功能、樣式、流程測試（2）編寫成品文檔、測試樣例1）產品功能、樣式、流程測試（2）編寫成品文檔、測試樣例四、課程目標（一）總體目標（1）專業(yè)能力目標：掌握Vue.js框架的基本特性和基本語法，能夠使用vue-cli獨立開發(fā)、打包和測試項目。（2）素質能力目標：培養(yǎng)學生通過查閱搜索資料方式進行學習，引導學生獨立學習。（3）工程能力目標：培養(yǎng)學生項目的基本需求分析和和設計能力，使學生能夠獨立開發(fā)移動Web、PC網站、API接口程序、微信小程序等。理解Vue.js手機開發(fā)技術的基本知識和常用的實現方法，涉及網頁設計、CSS樣式、JavaScript、面向對象程序設計,響應式、前端常用框架等內容,通過本課程的學習,學生能夠了解Web前端開發(fā)中,使用面向對象編程思想進行代碼封裝的基本方法與基本思路；使用優(yōu)秀的前端框架（Vue.js）；并且通過這些框架的學習和使用,培養(yǎng)學生運用新技術，解決Web前端開發(fā)的綜合能力。（二）具體目標1.知識目標知道前端框架技術的知識體系；了解Vue框架的基本語法；理解Vue框架的理論知識；掌握Vue框架的應用開發(fā)技能。2.能力目標通過完成學習網站項目（任務），為用戶提供學習資源的瀏覽、購買、更新、刪除和查詢等功能，學生運用Vue框架的知識，根據軟件工程標準（規(guī)范），按前端開發(fā)工程師的崗位要求，完成項目前端頁面的開發(fā)。3.育人目標通過本課程的學習，在思政育人目標上達到：1、理論對實踐的指導作用；2、尊重科學、正確處理中久文化、技術的關系；3、能基本表達個人具有正能量的意見、情感、觀點等，能基本陳述事實、理由和描述事件；4、培養(yǎng)創(chuàng)新意識；5、不斷積累經驗，需要潛心研究，以此培養(yǎng)敬業(yè)精神。五、課程教學內容（一）課程設計思路通過完成各個項目任務，學生運用Vue框架的知識，根據軟件工程標準（規(guī)范），按前端開發(fā)工程師的崗位要求，完成項目前端頁面的開發(fā)。（二）課程內容確定的依據面向的崗位要求：針對前端開發(fā)工程師的崗位進行培養(yǎng)、面向的職業(yè)資格證書：工信部1+x考證、面向web前端技能競賽項目等。課程主要教學內容項目（模塊、情境）任務（單元）教學內容課時項目一Vue實現單網頁任務1.1輸出Helloworld1.介紹Vue.js；使用Vue.js的優(yōu)勢；2.Vue安裝3.HbuilderX軟件的安裝4.Vue的引入4項目二實現簡易購物車功能任務2.1實現簡易數字易計數器1.DOM基礎知識2.Vue的模板語法之插值表達式3.Vue的模板語法之指令語法14.計數器實現最大值和最小值8任務2.2實現簡易購物車1.Vue的模板語法之指令語法22.實現簡易購物車3.監(jiān)聽屬性4.計算屬性項目三Vue實現音樂的播放任務3.1使用腳手架等創(chuàng)建項目1.Node.js的下載及安裝2.Vue的腳手架vue-cli創(chuàng)建項目3.使用Vite進行創(chuàng)建4.使用vueinit創(chuàng)建Vue項目8任務3.2Vue播放音樂1.Vue項目結構2.實現Vue播放音樂3.使用Howler.js庫實現音樂的播放項目四Vue組件化開發(fā)企業(yè)官網的登錄和注冊頁任務4.1用戶登錄功能的實現1.Vue組件和Vue組件的創(chuàng)建2.父組件向子組件傳遞數據3．Vue子組件向Vue父組件傳遞數據4.表單元素5.用戶登錄功能實現6.第三方組件庫element-plus的使用7.使用element-ui實現登錄功能16任務4.2使用API接口實現用戶的登錄1.JDK的安裝及環(huán)境的配置2.MySQL數據庫的安裝3.創(chuàng)建數據庫及SpringBoot工程4.開發(fā)用戶登錄接口5.Axios的使用6.提供的API接口對應的服務器JAR包的使用7.使用登錄接口實現用戶登錄任務4.3用戶注冊功能的實現1.Vue的路由的安裝和配置2.vue-router的基本使用3.history路由和Hash路由4.注冊功能的實現項目五Vue組件化開發(fā)企業(yè)官網任務5.1網站圖片輪播模塊1.Swiper輪播組件的安裝和基本使用2.將Swiper封裝為組件3.Swiper組件中添加超鏈接16任務5.2網站首頁功能實現1.BootStrap的基本使用2.柵格系統(tǒng)3.創(chuàng)建數據庫4.添加測試數據5.創(chuàng)建相關API接口6.響應式網頁的實現任務5.3網站新聞列表頁和新聞詳情頁模塊功能實現1.Vue3選項式API2.Vue3組合式API3.setup的使用4.響應式數據之ref5.響應式數據之reactive6.后端開發(fā)對應API接口7.列表頁功能實現8.新聞詳情頁功能實現9.toRefs與toRef任務5.4網站搜索功能的實現1.Vuex的基本概念及安裝2.Vuex的基本使用3.模糊搜索的API接口開發(fā)4.網站搜索功能的實現項目六實現網站簡易后臺系統(tǒng)任務6.1后臺登錄功能優(yōu)化1.路由的嵌套2.路由的嵌套舉例3.路由守衛(wèi)4.Redis數據庫的安裝和使用5.后臺登錄功能實現6.后臺登錄邏輯優(yōu)化8任務6.2文章添加功能實現1.百度編輯器Ueditor的基本使用之后端配置2.百度編輯器Ueditor的基本使用之前端配置3.文章添加功能實現4.后端讀取欄目信息的API5.前端數據的處理項目七網站應用發(fā)布及部署任務7.1系統(tǒng)單元測試及打包1.SpringBoot單元測試概述2.Springboot項目打包4任務7.2Vue應用打包及部署1.將Vue項目打包2.Vue打包后的文件部署注：教學內容要支撐教學目標（能力、知識和育人）。六、課程學業(yè)考核和評定（一）考核方式課程考核應體現過程性考核和終結性考核相結合；體現考核方式多樣化；體現考核主體多元化；體現突出職業(yè)能力考核；探索增值性評價。考試課程的考核比例項目（綜合）實訓考核標準評價方法評價類型權重評價方式總比例學生出勤基本職業(yè)態(tài)度10%平時考勤10%過程性考核項目1：vue學習環(huán)境搭建10%50%項目2：vue事件處理20%項目3：基本指令練習20%終結性評價Blog系統(tǒng)實現40%項目實訓40%注：終結性能力考核與終結性筆試可以二合一，也可選擇其一。（二）考核內容1.過程性考核評價項目（綜合）實訓考核標準考核點考核比例評價標準ABCD職業(yè)精神實訓出勤率、學習態(tài)度、敬業(yè)精神、團隊協(xié)作精神、安全規(guī)定執(zhí)行等方面的情況。

30%

26～30

21～25

18～20

≤17能力目標課程標準規(guī)定的能力指標。60%52～6042～5136～41≤35表達溝通項目情況陳述清楚；回答問題正確；實訓報告書規(guī)范、合理等。

10%

9～10

6～8

4～5

≤3創(chuàng)新表現有獨立分析、解決問題的能力；合理化建議被采納；實訓成果有創(chuàng)新等。

加分

10

5

合計

綜合評價優(yōu)秀86～100分；良好70～85分；合格60～69分；不合格＜60分。注：過程性考核要與課程目標一致。2.終結性考核評價序號評價類型評價內容知識點能力點育人點1項目1：Blog系統(tǒng)實現安裝NVM，并設置國內訪問鏡像項目環(huán)境搭建培養(yǎng)項目管理能力2項目1：Blog系統(tǒng)實現安裝Node和npm項目環(huán)境搭建培養(yǎng)項目管理能力3項目1：Blog系統(tǒng)實現安裝cnpm項目環(huán)境搭建培養(yǎng)項目管理能力4項目1：Blog系統(tǒng)實現安裝webpack項目環(huán)境搭建培養(yǎng)項目管理能力5項目1：Blog系統(tǒng)實現安裝vue,vue-cli項目環(huán)境搭建培養(yǎng)項目管理能力6項目1：Blog系統(tǒng)實現新建項目ue-blog項目環(huán)境搭建培養(yǎng)項目管理能力7項目1：Blog系統(tǒng)實現安裝vue-resource項目環(huán)境搭建培養(yǎng)項目管理能力8項目1：Blog系統(tǒng)實現實現博客列表BlogList.vue頁面Vue組件開發(fā)前端開發(fā)代碼編寫9項目1：Blog系統(tǒng)實現實現博客詳情Blog.vue頁面使用vue開發(fā)業(yè)務功能前端開發(fā)代碼編寫10項目1：Blog系統(tǒng)實現實現組件Logo.vue頁面,并在BlogList.vue、Blog.vue頁面中引用使用vue開發(fā)業(yè)務功能前端開發(fā)代碼編寫注：終結性評價為綜合性評價學業(yè)，要體現整門課程的正態(tài)分布。七、課程實施保障（一）實訓條件1.校內實訓室實訓室名稱面積要求（m2）序號核心設備（軟件）數量要求作用備注1Vue1軟件開發(fā)23本實訓室功能描述：2.校外實踐教學基地序號校外實習基地名稱合作企業(yè)名稱用途合作深度要求1重慶大永訊飛智能科技有限公司重慶大永訊飛智能科技有限公司企業(yè)掛職、學生實習假期校內教師赴企業(yè)頂崗實習23（二）師資條件從事本課程的教師應具備以下相關知識、能力和資質。（三）教學資源