隨著數(shù)字化時(shí)代的到來(lái),Web開(kāi)發(fā)技術(shù)日新月異,其中前后端分離架構(gòu)已成為構(gòu)建高效、可擴(kuò)展Web應(yīng)用的主流趨勢(shì)。本書(shū)緊跟技術(shù)前沿,旨在為開(kāi)發(fā)者提供一本系統(tǒng)、實(shí)用的學(xué)習(xí)參考用書(shū),助力其掌握這一前沿技術(shù)棧。
Spring Boot以其約定優(yōu)于配置的理念簡(jiǎn)化了后端開(kāi)發(fā)流程,而Vue 3以其強(qiáng)大的響應(yīng)式系統(tǒng)和組合式API推動(dòng)了前端技術(shù)的發(fā)展。兩者結(jié)合,不僅提升了開(kāi)發(fā)效率,還促進(jìn)了前后端的緊密協(xié)作與解耦,為現(xiàn)代Web應(yīng)用的快速發(fā)展提供了強(qiáng)大動(dòng)力。本書(shū)旨在通過(guò)構(gòu)建一個(gè)甜點(diǎn)管理系統(tǒng),引導(dǎo)讀者從零開(kāi)始,逐步掌握前后端分離開(kāi)發(fā)的全流程。
未來(lái),隨著技術(shù)的不斷進(jìn)步,前后端分離架構(gòu)的應(yīng)用將更加廣泛。通過(guò)本書(shū)的學(xué)習(xí),讀者將能夠緊跟技術(shù)潮流,掌握前后端分離開(kāi)發(fā)的精髓,為自己的職業(yè)發(fā)展鋪就一條堅(jiān)實(shí)的道路。同時(shí),也期望本書(shū)能夠?yàn)橥苿?dòng)Web開(kāi)發(fā)技術(shù)的進(jìn)步貢獻(xiàn)一份力量。
本書(shū)主要內(nèi)容
本書(shū)可視為一本以項(xiàng)目實(shí)踐為導(dǎo)向的書(shū)籍,適合想要學(xué)習(xí)如何使用Spring Boot和Vue 3進(jìn)行前后端分離開(kāi)發(fā)的讀者。通過(guò)本書(shū)的學(xué)習(xí),讀者將能夠緊跟技術(shù)潮流,掌握前后端分離開(kāi)發(fā)的精髓。
全書(shū)共分為9章,涵蓋了Spring Boot與Vue 3全棧開(kāi)發(fā)概述、Spring Boot與Vue 3項(xiàng)目開(kāi)發(fā)環(huán)境搭建、甜點(diǎn)管理系統(tǒng)實(shí)踐項(xiàng)目概述、初始項(xiàng)目開(kāi)發(fā)環(huán)境、實(shí)踐項(xiàng)目整體布局、分類管理模塊實(shí)現(xiàn)、甜點(diǎn)管理模塊實(shí)現(xiàn)、安全訪問(wèn)功能實(shí)現(xiàn)及項(xiàng)目打包與部署等內(nèi)容。
第1章Spring Boot與Vue 3全棧開(kāi)發(fā)概述,聚焦MVC和MVVM開(kāi)發(fā)模式、Spring Boot框架、Vue 3框架等全棧開(kāi)發(fā)概念。
第2章Spring Boot與Vue 3項(xiàng)目開(kāi)發(fā)環(huán)境搭建,描述了本書(shū)全棧開(kāi)發(fā)所需軟件的安裝流程,并就一些軟件的配置細(xì)節(jié)進(jìn)行了闡述。
第3章甜點(diǎn)管理系統(tǒng)實(shí)踐項(xiàng)目概述,包括登錄、退出、分類管理、甜點(diǎn)管理等功能模塊,引導(dǎo)讀者了解整個(gè)項(xiàng)目的開(kāi)發(fā)需求。
第4章初始項(xiàng)目開(kāi)發(fā)環(huán)境,主要內(nèi)容包括數(shù)據(jù)庫(kù)設(shè)計(jì)、前端Vue 3項(xiàng)目創(chuàng)建、后端Spring Boot項(xiàng)目構(gòu)建以及資源部署等關(guān)鍵環(huán)節(jié)。
第5章實(shí)踐項(xiàng)目整體布局,詳細(xì)闡述了甜點(diǎn)管理系統(tǒng)實(shí)踐項(xiàng)目的整體布局設(shè)計(jì)與實(shí)現(xiàn)過(guò)程。重點(diǎn)聚焦于使用Element Plus組件庫(kù),實(shí)現(xiàn)前端界面的構(gòu)建與優(yōu)化。
第6章分類管理模塊實(shí)現(xiàn),深入解析了分類信息的新增、列表、編輯、刪除功能的實(shí)現(xiàn)細(xì)節(jié)。 其中列表功能集成了分頁(yè)查詢機(jī)制,控制器父類提供Web層通用數(shù)據(jù)處理方法。
第7章甜點(diǎn)管理模塊實(shí)現(xiàn),專注于甜點(diǎn)信息的新增、列表、編輯、刪除功能。其中列表功能集成了相對(duì)復(fù)雜的分頁(yè)查詢機(jī)制,并包含了圖片資源上傳顯示等功能。
第8章安全訪問(wèn)功能實(shí)現(xiàn),詳盡闡述了登錄與Token生成機(jī)制,以及基于Token的安全訪問(wèn)控制。此外,還進(jìn)一步優(yōu)化了登錄框架。
第9章項(xiàng)目打包與部署,涵蓋了運(yùn)行環(huán)境的搭建、數(shù)據(jù)庫(kù)的導(dǎo)入、前端與后端項(xiàng)目的部署,以及完成部署后的前后端協(xié)同測(cè)試。
本書(shū)特色
(1) 前沿技術(shù),深度剖析。緊跟技術(shù)浪潮,詳細(xì)講解Spring Boot與Vue 3的技術(shù)實(shí)踐環(huán)節(jié),為關(guān)鍵步驟配以清晰注釋與圖示,降低讀者的學(xué)習(xí)門檻,便于讀者站在新技術(shù)前沿,掌握未來(lái)趨勢(shì)。
(2) 項(xiàng)目引領(lǐng),實(shí)踐進(jìn)階。本書(shū)以解決實(shí)際問(wèn)題為導(dǎo)向,采用項(xiàng)目驅(qū)動(dòng)教學(xué)法,輔以詳盡代碼示例與實(shí)踐練習(xí),層層遞進(jìn)解析Spring Boot與Vue 3前后端分離技術(shù)精髓,助力讀者穩(wěn)步掌握核心技能。
(3) 全棧視角,前后端貫通。采用前后端分離架構(gòu),全面覆蓋Spring Boot與Vue 3開(kāi)發(fā)的全鏈條,構(gòu)建堅(jiān)實(shí)的技術(shù);A(chǔ)。
(4) 安全為先,穩(wěn)固防線。特別關(guān)注項(xiàng)目安全,詳述Token驗(yàn)證等安全機(jī)制實(shí)現(xiàn),為項(xiàng)目保駕護(hù)航,確保應(yīng)用穩(wěn)定運(yùn)行。
配套資源
為便于教與學(xué),本書(shū)配有微課視頻、源代碼、案例素材、教學(xué)課件、教學(xué)大綱、教案、安裝程序、教學(xué)進(jìn)度表、期末考核及評(píng)分標(biāo)準(zhǔn)。
(1) 獲取微課視頻方式: 先刮開(kāi)并用手機(jī)版微信App掃描本書(shū)封底的文泉云盤(pán)防盜碼,授權(quán)后再掃描書(shū)中相應(yīng)的視頻二維碼,觀看教學(xué)視頻。
(2) 獲取源代碼、案例素材和安裝程序等方式: 先刮開(kāi)并用手機(jī)版微信App掃描本書(shū)封底的文泉云盤(pán)防盜碼,授權(quán)后再掃描下方二維碼,即可獲取。
(3) 其他配套資源可以掃描本書(shū)封底的書(shū)圈二維碼,關(guān)注后回復(fù)本書(shū)書(shū)號(hào),即可下載。
源代碼
案例教材
安裝程序
全書(shū)網(wǎng)址
讀者對(duì)象
本書(shū)主要面向廣大從事Web開(kāi)發(fā)、后端開(kāi)發(fā)、前端開(kāi)發(fā)、全棧開(kāi)發(fā)及軟件工程的專業(yè)人員,從事高等教育的教師、高等學(xué)校的在讀學(xué)生及相關(guān)領(lǐng)域的廣大科研人員。
致謝
本書(shū)由上海城建職業(yè)學(xué)院曹宇、章飛、張立為編寫(xiě)。在編寫(xiě)本書(shū)的過(guò)程中,作者參考了諸多相關(guān)資料,在此向相關(guān)資料的作者表示衷心的感謝。限于個(gè)人水平和時(shí)間倉(cāng)促,書(shū)中難免存在疏漏之處,歡迎廣大讀者批評(píng)指正。
作者2025年1月
第1章Spring Boot與Vue 3全棧開(kāi)發(fā)概述
1.1MVC模式和MVVM模式
1.1.1MVC模式
1.1.2MVVM模式
1.2前端框架Vue和后端框架Spring Boot
1.2.1前端框架Vue 3
1.2.2后端框架Spring Boot
1.3練習(xí)
第2章Spring Boot與Vue 3項(xiàng)目開(kāi)發(fā)環(huán)境搭建
2.1搭建前端開(kāi)發(fā)和運(yùn)行環(huán)境
2.1.1安裝Chrome瀏覽器
2.1.2安裝Node.js平臺(tái)
2.1.3npm常用命令
2.1.4創(chuàng)建Vue 3前端項(xiàng)目
2.1.5安裝VSCode
2.2搭建后端開(kāi)發(fā)和運(yùn)行環(huán)境
2.2.1安裝JDK
2.2.2安裝IDEA
2.2.3安裝MySQL和MySQL Workbench
2.3練習(xí)
第3章甜點(diǎn)管理系統(tǒng)實(shí)踐項(xiàng)目概述
3.1登錄和退出
3.2分類管理
3.2.1查詢列表
3.2.2新增
3.2.3編輯
3.2.4刪除
3.3甜點(diǎn)管理
3.3.1查詢列表
3.3.2新增
3.3.3編輯
3.3.4刪除
3.4練習(xí)
第4章初始項(xiàng)目開(kāi)發(fā)環(huán)境
4.1數(shù)據(jù)庫(kù)設(shè)計(jì)
4.1.1連接MySQL環(huán)境
4.1.2創(chuàng)建數(shù)據(jù)庫(kù)、表并添加測(cè)試數(shù)據(jù)
4.2創(chuàng)建前端Vue 3項(xiàng)目
4.3創(chuàng)建后端Spring Boot項(xiàng)目
4.3.1Spring Initializr方式創(chuàng)建Spring Boot項(xiàng)目
4.3.2Maven方式創(chuàng)建Spring Boot項(xiàng)目
4.3.3部署圖片資源
4.4練習(xí)
第5章實(shí)踐項(xiàng)目整體布局
5.1集成Element Plus組件庫(kù)
5.1.1安裝Element Plus
5.1.2注冊(cè)Element Plus
5.2實(shí)施路由配置和單頁(yè)布局
5.2.1路由配置
5.2.2單頁(yè)布局
5.3練習(xí)
第6章分類管理模塊實(shí)現(xiàn)
6.1分類新增
6.1.1后端實(shí)現(xiàn)
6.1.2前端實(shí)現(xiàn)
6.1.3測(cè)試功能
6.1.4優(yōu)化代碼
6.2分類列表
6.2.1后端實(shí)現(xiàn)
6.2.2前端實(shí)現(xiàn)
6.2.3測(cè)試功能
6.2.4增設(shè)查詢
6.3分類編輯
6.3.1后端實(shí)現(xiàn)
6.3.2前端實(shí)現(xiàn)
6.3.3測(cè)試功能
6.4分類刪除
6.4.1后端實(shí)現(xiàn)
6.4.2前端實(shí)現(xiàn)
6.4.3測(cè)試功能
6.5控制器父類
6.6練習(xí)
第7章甜點(diǎn)管理模塊實(shí)現(xiàn)
7.1甜點(diǎn)列表
7.1.1后端實(shí)現(xiàn)
7.1.2前端實(shí)現(xiàn)
7.1.3測(cè)試功能
7.2甜點(diǎn)新增
7.2.1后端實(shí)現(xiàn)
7.2.2前端實(shí)現(xiàn)
7.2.3測(cè)試功能
7.3甜點(diǎn)編輯
7.3.1后端實(shí)現(xiàn)
7.3.2前端實(shí)現(xiàn)
7.3.3測(cè)試功能
7.4甜點(diǎn)刪除
7.4.1后端實(shí)現(xiàn)
7.4.2前端實(shí)現(xiàn)
7.4.3測(cè)試功能
7.5練習(xí)
第8章安全訪問(wèn)功能實(shí)現(xiàn)
8.1登錄和生成Token
8.1.1后端實(shí)現(xiàn)
8.1.2前端實(shí)現(xiàn)
8.1.3測(cè)試功能
8.2使用Token實(shí)施安全訪問(wèn)
8.2.1后端實(shí)現(xiàn)
8.2.2前端實(shí)現(xiàn)
8.2.3測(cè)試功能
8.3完善登錄框架
8.3.1后端實(shí)現(xiàn)
8.3.2前端實(shí)現(xiàn)
8.3.3測(cè)試功能
8.4練習(xí)
第9章項(xiàng)目打包與部署
9.1打包項(xiàng)目
9.1.1導(dǎo)出數(shù)據(jù)庫(kù)
9.1.2打包前端Vue 3項(xiàng)目
9.1.3打包后端Spring Boot項(xiàng)目
9.2部署應(yīng)用
9.2.1搭建運(yùn)行環(huán)境
9.2.2導(dǎo)入數(shù)據(jù)庫(kù)
9.2.3部署前端項(xiàng)目
9.2.4部署后端項(xiàng)目
9.2.5前后端應(yīng)用協(xié)同測(cè)試
9.3練習(xí)
參考文獻(xiàn)