前言
之前寫了一些關(guān)于 Java EE 的文章扫沼,主要是理論性質(zhì)的,目的是幫助大家快速了解 Java EE 的核心內(nèi)容庄吼,早日進(jìn)入 Java Web 開發(fā)的大坑缎除。當(dāng)然只有理論是不夠的,開發(fā)是一門技術(shù)活总寻,有很多細(xì)節(jié)需要在實踐中理解器罐,所以我決定做一個實踐教程。
選用 Vue.js + Spring Boot 來開發(fā)這個項目渐行,是因為這兩種框架是當(dāng)下最新轰坊、最熱門的技術(shù)之一铸董,也是實現(xiàn)所謂 前后端分離 的最佳選擇之一。
網(wǎng)上相關(guān)教程很多肴沫,但要么只是做了一個 DEMO 粟害,要么對許多關(guān)鍵問題一筆帶過。我的目標(biāo)是根據(jù)這個教程颤芬,可以把一個完整的項目還原出來悲幅,所以我會盡量詳細(xì)地描述開發(fā)的過程。當(dāng)然驻襟,每個人的理解方式不同夺艰,可能有些細(xì)節(jié)沒講到位,歡迎大家在評論區(qū)提問沉衣,也可以通過郵箱 (Evan_Nightly@163.com) 聯(lián)系我郁副,我一定會認(rèn)真解答。
一豌习、項目概述
這個項目我把它命名為 “白卷”存谎,因為它是從 0 開始逐漸開發(fā)的,而它的本質(zhì)是一個 圖書管理系統(tǒng)肥隆,系統(tǒng)里的內(nèi)容也需要逐步添加既荚,象征著知識的從無到有,從有到多栋艳。另外我還給它起了一個英文名字恰聘,叫 White Jotter(白色筆記本),純粹是為了諧音吸占。
項目的基本結(jié)構(gòu)如下圖:
(一)開發(fā)思路
雖說項目是前后端分離的晴叨,但畢竟主要開發(fā)人員只有我一人(薅了個學(xué)弟幫忙,但演變成了我邊做邊給他講)矾屯,所以只能在前后端之間不斷穿梭兼蕊。但在做教程的時候,我會盡量模塊化地去講解件蚕。
其實要做一個這種教程還真不容易孙技,幾乎是要把項目再做一遍。排作。牵啦。
系統(tǒng)主要分為三大模塊:首頁(展示模塊)、圖書館(核心功能模塊)和筆記本(擴(kuò)展功能模塊)纽绍,每個模塊對應(yīng)多個具體功能蕾久。
(二)需求分析
有一種說法是開發(fā)項目需要花費百分之八十的精力在分析設(shè)計上,剩下的百分之二十才是擼代碼。這個數(shù)值準(zhǔn)不準(zhǔn)不知道僧著,但是這種思想是正確的履因。我過去想做什么總是直接開干,做過許多無用功盹愚,希望大家不要一門心思撲在代碼上栅迄,多花些精力做項目的總體設(shè)計、需求分析這些皆怕,對個人的成長絕對有好處毅舆。
因為這是個小項目,我就不浪費太多篇幅了愈腾,只對應(yīng)上面的 圖書館 模塊憋活,做一個簡單的需求分析。
第一部分:功能摘要
1.圖書展示
2.圖書管理
3.信息查詢
4.其它功能
第二部分:功能需求
1.圖書展示
該頁面需要良好的圖書展示功能虱黄,能夠反映出圖書的基本信息悦即,并做到簡潔、美觀橱乱,與網(wǎng)站整體風(fēng)格一致辜梳。
圖書需展示的信息如下:
書名、作者泳叠、簡介作瞄、封面等。
2.圖書管理
圖書分類
根據(jù)網(wǎng)站總體設(shè)計危纫,圖書的分類由用戶自定義(可支持多級分類)宗挥,并以標(biāo)簽作為輔助。
分類具有嚴(yán)格的層級關(guān)系种蝶,屬于樹狀結(jié)構(gòu)属韧,而標(biāo)簽則相互獨立。
用戶可利用分類或標(biāo)簽進(jìn)行圖書的篩選蛤吓。
圖書上傳
用戶可以上傳本地電子書或?qū)嶓w書信息至服務(wù)器。
電子書需要的信息有:書名糠赦、作者会傲、簡介、封面拙泽、分類淌山、標(biāo)簽、附件
實體書需要的信息有:書名顾瞻、作者泼疑、簡介、封面荷荤、分類退渗、標(biāo)簽移稳、存放位置
信息維護(hù)
修改: 用戶可以根據(jù)需要修改圖書的信息。除了上傳時的信息外会油,還可以輸入額外的內(nèi)容个粱,如:評分、閱讀情況翻翩、閱讀筆記都许。(可增加自定義欄)
刪除: 用戶可以根據(jù)需要刪除圖書條目。
3.信息查詢
圖書檢索
添加搜索欄嫂冻,進(jìn)行智能全文搜索胶征。(包括對分類和標(biāo)簽的搜索)
圖書排序
根據(jù)名稱、時間桨仿、評分等對圖書排序睛低。
4.其它功能
標(biāo)注
閱讀過程中可以添加筆記并保存。
(持續(xù)開發(fā)中)
二蹬敲、技術(shù)棧
項目比較完整的技術(shù)棧如下暇昂。
1.前端技術(shù)棧
1.Vue.js
2.ElementUI
3.axios
2.后端技術(shù)棧
1.SpringBoot
2.SpringSecurity
3.MySQL
在開發(fā)過程中還會不斷用到一些細(xì)碎的技術(shù),有必要的我會增添上去伴嗡。
---------------------?
作者:Evan-Nightly?
來源:CSDN?
原文:https://blog.csdn.net/Neuf_Soleil/article/details/88925013?
*? 聲明:轉(zhuǎn)載文章和圖片均來自公開網(wǎng)絡(luò)急波,版權(quán)歸作者本人所有。如果出處有誤或侵犯到原作者權(quán)益瘪校,請與我們聯(lián)系刪除或授權(quán)事宜澄暮。
如果您前端學(xué)習(xí)的過程中遇到難題,歡迎關(guān)注微信公眾號【筑夢前端】阱扬,大家一起交流討論解決泣懊!