隨著數(shù)字化時代的到來,Web開發(fā)技術(shù)日新月異,其中前后端分離架構(gòu)已成為構(gòu)建高效、可擴(kuò)展Web應(yīng)用的主流趨勢。本書緊跟技術(shù)前沿,旨在為開發(fā)者提供一本系統(tǒng)、實用的學(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)建一個甜點管理系統(tǒng),引導(dǎo)讀者從零開始,逐步掌握前后端分離開發(fā)的全流程。
未來,隨著技術(shù)的不斷進(jìn)步,前后端分離架構(gòu)的應(yīng)用將更加廣泛。通過本書的學(xué)習(xí),讀者將能夠緊跟技術(shù)潮流,掌握前后端分離開發(fā)的精髓,為自己的職業(yè)發(fā)展鋪就一條堅實的道路。同時,也期望本書能夠為推動Web開發(fā)技術(shù)的進(jìn)步貢獻(xiàn)一份力量。
本書主要內(nèi)容
本書可視為一本以項目實踐為導(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項目開發(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ā)所需軟件的安裝流程,并就一些軟件的配置細(xì)節(jié)進(jìn)行了闡述。
第3章甜點管理系統(tǒng)實踐項目概述,包括登錄、退出、分類管理、甜點管理等功能模塊,引導(dǎo)讀者了解整個項目的開發(fā)需求。
第4章初始項目開發(fā)環(huán)境,主要內(nèi)容包括數(shù)據(jù)庫設(shè)計、前端Vue 3項目創(chuàng)建、后端Spring Boot項目構(gòu)建以及資源部署等關(guān)鍵環(huán)節(jié)。
第5章實踐項目整體布局,詳細(xì)闡述了甜點管理系統(tǒng)實踐項目的整體布局設(shè)計與實現(xiàn)過程。重點聚焦于使用Element Plus組件庫,實現(xiàn)前端界面的構(gòu)建與優(yōu)化。
第6章分類管理模塊實現(xiàn),深入解析了分類信息的新增、列表、編輯、刪除功能的實現(xiàn)細(xì)節(jié)。 其中列表功能集成了分頁查詢機(jī)制,控制器父類提供Web層通用數(shù)據(jù)處理方法。
第7章甜點管理模塊實現(xiàn),專注于甜點信息的新增、列表、編輯、刪除功能。其中列表功能集成了相對復(fù)雜的分頁查詢機(jī)制,并包含了圖片資源上傳顯示等功能。
第8章安全訪問功能實現(xiàn),詳盡闡述了登錄與Token生成機(jī)制,以及基于Token的安全訪問控制。此外,還進(jìn)一步優(yōu)化了登錄框架。
第9章項目打包與部署,涵蓋了運(yùn)行環(huán)境的搭建、數(shù)據(jù)庫的導(dǎo)入、前端與后端項目的部署,以及完成部署后的前后端協(xié)同測試。
本書特色
(1) 前沿技術(shù),深度剖析。緊跟技術(shù)浪潮,詳細(xì)講解Spring Boot與Vue 3的技術(shù)實踐環(huán)節(jié),為關(guān)鍵步驟配以清晰注釋與圖示,降低讀者的學(xué)習(xí)門檻,便于讀者站在新技術(shù)前沿,掌握未來趨勢。
(2) 項目引領(lǐng),實踐進(jìn)階。本書以解決實際問題為導(dǎo)向,采用項目驅(qū)動教學(xué)法,輔以詳盡代碼示例與實踐練習(xí),層層遞進(jìn)解析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驗證等安全機(jī)制實現(xiàn),為項目保駕護(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)資料的作者表示衷心的感謝。限于個人水平和時間倉促,書中難免存在疏漏之處,歡迎廣大讀者批評指正。
作者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練習(xí)
第2章Spring Boot與Vue 3項目開發(fā)環(huán)境搭建
2.1搭建前端開發(fā)和運(yùn)行環(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ā)和運(yùn)行環(huán)境
2.2.1安裝JDK
2.2.2安裝IDEA
2.2.3安裝MySQL和MySQL Workbench
2.3練習(xí)
第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練習(xí)
第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練習(xí)
第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練習(xí)
第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練習(xí)
第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練習(xí)
第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練習(xí)
第9章項目打包與部署
9.1打包項目
9.1.1導(dǎo)出數(shù)據(jù)庫
9.1.2打包前端Vue 3項目
9.1.3打包后端Spring Boot項目
9.2部署應(yīng)用
9.2.1搭建運(yùn)行環(huán)境
9.2.2導(dǎo)入數(shù)據(jù)庫
9.2.3部署前端項目
9.2.4部署后端項目
9.2.5前后端應(yīng)用協(xié)同測試
9.3練習(xí)
參考文獻(xiàn)