JavaScript+Vue.js Web開發(fā)項目教程
定 價:59.8 元
叢書名:工業(yè)和信息化精品系列教材
當前圖書已被 1 所學(xué)校薦購過!
查看明細
- 作者:夏道春 姜華 李愛菊
- 出版時間:2025/8/1
- ISBN:9787115672094
- 出 版 社:人民郵電出版社
- 中圖法分類:TP393.092.2
- 頁碼:
- 紙張:膠版紙
- 版次:
- 開本:16開
隨著Web前端技術(shù)的發(fā)展,JavaScript應(yīng)用越來越廣泛,各種框架技術(shù)(如Vue.js)更新速度快,應(yīng)用廣泛。本書從JavaScript、Node.js的基礎(chǔ)知識逐步展開,進而深入探討Vue.js,包括Vue基礎(chǔ)、組件開發(fā)、過渡與動畫、Vite、Vue Router、Pinia以及Element Plus的應(yīng)用。全書共分為5個項目,每個項目均遵循項目驅(qū)動的教學(xué)模式,通過實際項目中的案例來深入解析所涉及的知識點,確保理論與實踐緊密結(jié)合。
本書適合作為普通高校、職業(yè)高等學(xué)校相關(guān)專業(yè)網(wǎng)頁設(shè)計與制作課程的教材,也可作為網(wǎng)頁設(shè)計行業(yè)從業(yè)人員的參考讀物。
1.產(chǎn)教融合新形態(tài)教材,校企合作開發(fā)
2.項目-任務(wù)式為主線,大項目貫穿
3.從WEB前端開發(fā)崗位的技能要求出發(fā),以企業(yè)真實項目案例為主導(dǎo),融合WEB前后端技術(shù),使讀者能夠快速進入到WEB開發(fā)領(lǐng)域,全面熟悉WEB項目開發(fā)流程,打通技術(shù)壁壘
4.知識點講解根據(jù)項目完成的進度,拆分到每個任務(wù)里面去
5.結(jié)合黨的二十大精神,將思政元素融于教材中
6.將企業(yè)的新技術(shù)、新標準、新工藝融入教材中
夏道春,副教授,信息系統(tǒng)項目管理師,山東科技職業(yè)學(xué)院信息工程系教師,山東省軟件技術(shù)專業(yè)省級教學(xué)團隊骨干教師。一直從事高職軟件技術(shù)類專業(yè)課教學(xué),講授課程包括JavaScript程序設(shè)計、Vue.js程序設(shè)計、Java程序設(shè)計等。
主編簡介:姜華,女,碩士學(xué)位,副教授,Web前端開發(fā)國家級教師教學(xué)創(chuàng)新團隊核心骨干成員。職業(yè)教育省級在線精品課程主持人,2門省級精品課程主講教師,省級軟件技術(shù)專業(yè)資源庫子項目負責(zé)人,主持參與完成市廳級以上課題20余項,其中國家教學(xué)成果二等獎1項、省級教學(xué)成果特等獎1項、省級教學(xué)成果二等獎1項。一直從事高職軟件類專業(yè)課教學(xué),講授課程包括:HTML5+CSS3響應(yīng)式Web開發(fā)、JavaScript程序設(shè)計、動態(tài)網(wǎng)站開發(fā)、MySQL數(shù)據(jù)庫應(yīng)用等。
目 錄
項目1
搭建智慧公寓網(wǎng)站首頁1
項目目標1
效果展示2
任務(wù)1.1 搭建JavaScript開發(fā)環(huán)境與渲染
首頁信息2
【任務(wù)概述】2
【知識儲備】3
1.1.1 初識JavaScript3
1.1.2 JavaScript開發(fā)工具4
1.1.3 JavaScript代碼的3種引入方式7
1.1.4 JavaScript常用的輸入與輸出語句9
【任務(wù)實施】11
任務(wù)1.2 使用JavaScript基礎(chǔ)語法實現(xiàn)
動態(tài)顯示時間13
【任務(wù)概述】13
【知識儲備】13
1.2.1 變量和常量13
1.2.2 數(shù)據(jù)類型15
1.2.3 表達式與運算符17
1.2.4 函數(shù)21
1.2.5 BOM25
【任務(wù)實施】27
任務(wù)1.3 使用流程控制與數(shù)組實現(xiàn)自動
輪播Banner圖28
【任務(wù)概述】28
【知識儲備】28
1.3.1 流程控制28
1.3.2 數(shù)組34
【任務(wù)實施】36
任務(wù)1.4 使用DOM與事件實現(xiàn)二級菜單的
顯示與隱藏37
【任務(wù)概述】37
【知識儲備】38
1.4.1 DOM38
1.4.2 事件基礎(chǔ)44
【任務(wù)實施】48
項目實現(xiàn)51
項目小結(jié)54
課后習(xí)題54
項目2
智慧公寓管理系統(tǒng)的服務(wù)器端數(shù)據(jù)
處理56
項目目標56
效果展示57
任務(wù)2.1 搭建Node.js開發(fā)環(huán)境并實現(xiàn)
模塊化開發(fā)57
【任務(wù)概述】57
【知識儲備】58
2.1.1 初識Node.js58
2.1.2 Node.js環(huán)境搭建60
2.1.3 模塊化開發(fā)64
【任務(wù)實施】71
任務(wù)2.2 構(gòu)建與測試Node.js的網(wǎng)絡(luò)
開發(fā)73
【任務(wù)概述】73
【知識儲備】73
2.2.1 Postman工具73
2.2.2 AJAX與Axios75
2.2.3 Express框架80
【任務(wù)實施】87
項目實現(xiàn)90
項目小結(jié)94
課后習(xí)題94
項目3
智慧公寓管理系統(tǒng)的登錄與注冊
頁面96
項目目標96
效果展示97
任務(wù)3.1 構(gòu)建Vue開發(fā)環(huán)境97
【任務(wù)概述】97
【知識儲備】98
3.1.1 初識Vue98
3.1.2 Vue環(huán)境搭建100
【任務(wù)實施】101
任務(wù)3.2 基于Vue基礎(chǔ)語法實現(xiàn)表單提交
頁面102
【任務(wù)概述】102
【知識儲備】103
3.2.1 模板語法103
3.2.2 指令105
3.2.3 Vue實例核心選項113
3.2.4 模板引用122
3.2.5 Class與Style綁定123
3.2.6 事件處理與表單綁定125
【任務(wù)實施】130
任務(wù)3.3 基于組件實現(xiàn)列表渲染頁面132
【任務(wù)概述】132
【知識儲備】133
3.3.1 組件基礎(chǔ)133
3.3.2 過渡與動畫139
【任務(wù)實施】145
項目實現(xiàn)147
項目小結(jié)149
課后習(xí)題149
項目4
智慧公寓管理系統(tǒng)的前端技術(shù)棧151
項目目標151
效果展示152
任務(wù)4.1 構(gòu)建現(xiàn)代化構(gòu)建工具Vite開發(fā)
環(huán)境152
【任務(wù)概述】152
【知識儲備】153
4.1.1 單文件組件與構(gòu)建工具153
4.1.2 Vite簡介154
4.1.3 Vite的安裝與使用155
4.1.4 Vite的插件機制157
【任務(wù)實施】158
任務(wù)4.2 啟用Element Plus組件庫增強
項目效果160
【任務(wù)概述】160
【知識儲備】161
4.2.1 初識Element Plus組件庫161
4.2.2 Element Plus常用組件163
【任務(wù)實施】188
任務(wù)4.3 集成Vue Router與Pinia,構(gòu)建
動態(tài)應(yīng)用190
【任務(wù)概述】190
【知識儲備】190
4.3.1 Vue Router190
4.3.2 Pinia狀態(tài)管理199
【任務(wù)實施】205
項目實現(xiàn)208
項目小結(jié)211
課后習(xí)題211
項目5
智慧公寓管理系統(tǒng)的設(shè)計與實現(xiàn)213
項目組織架構(gòu)213
項目環(huán)境214
任務(wù)5.1 實現(xiàn)服務(wù)器模塊215
【任務(wù)概述】215
【任務(wù)實施】215
任務(wù)5.2 實現(xiàn)前臺頁面模塊216
【任務(wù)概述】216
【任務(wù)實施】218
任務(wù)5.3 實現(xiàn)后臺頁面模塊225
【任務(wù)概述】225
【任務(wù)實施】228
項目總結(jié)238