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