隨著數(shù)字化時(shí)代的到來，Web開發(fā)技術(shù)日新月異，其中前后端分離架構(gòu)已成為構(gòu)建高效、可擴(kuò)展Web應(yīng)用的主流趨勢。本書緊跟技術(shù)前沿，旨在為開發(fā)者提供一本系統(tǒng)、實(shí)用的學(xué)習(xí)參考用書，助力其掌握這一前沿技術(shù)棧。

Spring Boot以其約定優(yōu)于配置的理念簡化了后端開發(fā)流程，而Vue 3以其強(qiáng)大的響應(yīng)式系統(tǒng)和組合式API推動了前端技術(shù)的發(fā)展。兩者結(jié)合，不僅提升了開發(fā)效率，還促進(jìn)了前后端的緊密協(xié)作與解耦，為現(xiàn)代Web應(yīng)用的快速發(fā)展提供了強(qiáng)大動力。本書旨在通過構(gòu)建一個甜點(diǎn)管理系統(tǒng)，引導(dǎo)讀者從零開始，逐步掌握前后端分離開發(fā)的全流程。

未來，隨著技術(shù)的不斷進(jìn)步，前后端分離架構(gòu)的應(yīng)用將更加廣泛。通過本書的學(xué)習(xí)，讀者將能夠緊跟技術(shù)潮流，掌握前后端分離開發(fā)的精髓，為自己的職業(yè)發(fā)展鋪就一條堅(jiān)實(shí)的道路。同時(shí)，也期望本書能夠?yàn)橥苿覹eb開發(fā)技術(shù)的進(jìn)步貢獻(xiàn)一份力量。

本書主要內(nèi)容

本書可視為一本以項(xiàng)目實(shí)踐為導(dǎo)向的書籍，適合想要學(xué)習(xí)如何使用Spring Boot和Vue 3進(jìn)行前后端分離開發(fā)的讀者。通過本書的學(xué)習(xí)，讀者將能夠緊跟技術(shù)潮流，掌握前后端分離開發(fā)的精髓。

全書共分為9章，涵蓋了Spring Boot與Vue 3全棧開發(fā)概述、Spring Boot與Vue 3項(xiàng)目開發(fā)環(huán)境搭建、甜點(diǎn)管理系統(tǒng)實(shí)踐項(xiàng)目概述、初始項(xiàng)目開發(fā)環(huán)境、實(shí)踐項(xiàng)目整體布局、分類管理模塊實(shí)現(xiàn)、甜點(diǎn)管理模塊實(shí)現(xiàn)、安全訪問功能實(shí)現(xiàn)及項(xiàng)目打包與部署等內(nèi)容。

第1章Spring Boot與Vue 3全棧開發(fā)概述，聚焦MVC和MVVM開發(fā)模式、Spring Boot框架、Vue 3框架等全棧開發(fā)概念。

第2章Spring Boot與Vue 3項(xiàng)目開發(fā)環(huán)境搭建，描述了本書全棧開發(fā)所需軟件的安裝流程，并就一些軟件的配置細(xì)節(jié)進(jìn)行了闡述。

第3章甜點(diǎn)管理系統(tǒng)實(shí)踐項(xiàng)目概述，包括登錄、退出、分類管理、甜點(diǎn)管理等功能模塊，引導(dǎo)讀者了解整個項(xiàng)目的開發(fā)需求。

第4章初始項(xiàng)目開發(fā)環(huán)境，主要內(nèi)容包括數(shù)據(jù)庫設(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)過程。重點(diǎn)聚焦于使用Element Plus組件庫，實(shí)現(xiàn)前端界面的構(gòu)建與優(yōu)化。

第6章分類管理模塊實(shí)現(xiàn)，深入解析了分類信息的新增、列表、編輯、刪除功能的實(shí)現(xiàn)細(xì)節(jié)。 其中列表功能集成了分頁查詢機(jī)制，控制器父類提供Web層通用數(shù)據(jù)處理方法。

第7章甜點(diǎn)管理模塊實(shí)現(xiàn)，專注于甜點(diǎn)信息的新增、列表、編輯、刪除功能。其中列表功能集成了相對復(fù)雜的分頁查詢機(jī)制，并包含了圖片資源上傳顯示等功能。

第8章安全訪問功能實(shí)現(xiàn)，詳盡闡述了登錄與Token生成機(jī)制，以及基于Token的安全訪問控制。此外，還進(jìn)一步優(yōu)化了登錄框架。

第9章項(xiàng)目打包與部署，涵蓋了運(yùn)行環(huán)境的搭建、數(shù)據(jù)庫的導(dǎo)入、前端與后端項(xiàng)目的部署，以及完成部署后的前后端協(xié)同測試。

本書特色

(1) 前沿技術(shù)，深度剖析。緊跟技術(shù)浪潮，詳細(xì)講解Spring Boot與Vue 3的技術(shù)實(shí)踐環(huán)節(jié)，為關(guān)鍵步驟配以清晰注釋與圖示，降低讀者的學(xué)習(xí)門檻，便于讀者站在新技術(shù)前沿，掌握未來趨勢。

(2) 項(xiàng)目引領(lǐng)，實(shí)踐進(jìn)階。本書以解決實(shí)際問題為導(dǎo)向，采用項(xiàng)目驅(qū)動教學(xué)法，輔以詳盡代碼示例與實(shí)踐練習(xí)，層層遞進(jìn)解析Spring Boot與Vue 3前后端分離技術(shù)精髓，助力讀者穩(wěn)步掌握核心技能。

(3) 全棧視角，前后端貫通。采用前后端分離架構(gòu)，全面覆蓋Spring Boot與Vue 3開發(fā)的全鏈條，構(gòu)建堅(jiān)實(shí)的技術(shù)�；�礎(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é)，本書配有微課視頻、源代碼、案例素材、教學(xué)課件、教學(xué)大綱、教案、安裝程序、教學(xué)進(jìn)度表、期末考核及評分標(biāo)準(zhǔn)。

(1) 獲取微課視頻方式： 先刮開并用手機(jī)版微信App掃描本書封底的文泉云盤防盜碼，授權(quán)后再掃描書中相應(yīng)的視頻二維碼，觀看教學(xué)視頻。

(2) 獲取源代碼、案例素材和安裝程序等方式： 先刮開并用手機(jī)版微信App掃描本書封底的文泉云盤防盜碼，授權(quán)后再掃描下方二維碼，即可獲取。

(3) 其他配套資源可以掃描本書封底的書圈二維碼，關(guān)注后回復(fù)本書書號，即可下載。

源代碼

案例教材

安裝程序

全書網(wǎng)址

讀者對象

本書主要面向廣大從事Web開發(fā)、后端開發(fā)、前端開發(fā)、全棧開發(fā)及軟件工程的專業(yè)人員，從事高等教育的教師、高等學(xué)校的在讀學(xué)生及相關(guān)領(lǐng)域的廣大科研人員。

致謝

本書由上海城建職業(yè)學(xué)院曹宇、章飛、張立為編寫。在編寫本書的過程中，作者參考了諸多相關(guān)資料，在此向相關(guān)資料的作者表示衷心的感謝。限于個人水平和時(shí)間倉促，書中難免存在疏漏之處，歡迎廣大讀者批評指正。

作者2025年1月