先奉上學(xué)習(xí)資料

SpringBoot And Angular2 入門實戰(zhàn)視頻教程：

鏈接：https://pan.baidu.com/s/1i4qqutVm_DHp4VkXBN5zRg
提取碼：gyvi

項目結(jié)構(gòu)

這是整個項目結(jié)構(gòu)，也是開發(fā)的指導(dǎo)思想，通過這張圖我們可以對項目有一個清晰的認(rèn)識

image.png

環(huán)境搭建

第一講介紹搭建前端angular2環(huán)境，還是比較使用原始的手動編譯、js引入方式，看看這部分也挺有意思的，了解一下更原始的開發(fā)方式，視頻距離現(xiàn)在有2年了，angular的版本也已經(jīng)從beta升級到4了，語法和開發(fā)方式都有比較大的變化，我們現(xiàn)在可以用cli更方便的寫代碼，所以視頻中前端的開發(fā)部分，我推薦使用ng-cli開發(fā)，頁面和邏輯可以參考視頻。前端開發(fā)的編輯器我推薦vscode，作者用的Atom，vscode打開項目速度更快。
第二講介紹后端環(huán)境搭建，作者選擇spring boot的版本是1.3.3release，我用的是1.5.3release，新版本的開發(fā)過程沒有遇到什么坑，不過在依賴上有一些差異。開發(fā)工具作者選擇的是eclipse，我用的是intellij idea旗艦版，占內(nèi)存更小，個人比較喜歡idea的界面。
在文章的末尾，我會貼上視頻對應(yīng)項目的github地址和我自己建的項目地址，同時介紹各個講次的主要內(nèi)容。

開發(fā)心得

application.properties文件我建議改成yml的格式，結(jié)構(gòu)會更清晰。加上profiles.active配置，設(shè)置不同環(huán)境下的配置，方便你在公司家里切換。
通過手打后端代碼，學(xué)習(xí)后端的項目結(jié)構(gòu)，可以學(xué)習(xí)到分層概念，controller、dao、service、model各個模塊互相分工又相互依賴，結(jié)構(gòu)清晰。
學(xué)習(xí)到后面你會發(fā)現(xiàn)前端ts代碼和后端java代碼太像了，結(jié)構(gòu)也很相似，后端項目的分層機(jī)制對前端開發(fā)也很有指導(dǎo)意義。
后端開發(fā)在配置跨域、加token驗證等方面，都是比較陌生的環(huán)節(jié)，這些環(huán)境配置，都是前后端聯(lián)調(diào)的關(guān)鍵節(jié)點，spring boot關(guān)鍵在一些注解和jpa，簡單的項目中，后端代碼的任務(wù)就是存取數(shù)據(jù)。
前端方面不需要多講，增加了semantic ui框架
其他的主要是實現(xiàn)業(yè)務(wù)的代碼
項目完成后，感覺有幾個不足之處：

1. like的時候需要同時更新user和photo數(shù)據(jù)，這里應(yīng)該使用事務(wù)管理
2. 接口報錯應(yīng)該有提示框
3. 獲取用戶的時候，拿到了所有數(shù)據(jù)包括密碼，這樣不合理
4. 退出登錄做得不好
5. 一些頁面要求用戶登錄的，可以加上路由守衛(wèi)
6. 中文編碼格式:mysql的數(shù)據(jù)庫原因，把mysql升級到5.7更方便設(shè)置編碼

項目地址

github上的視頻對應(yīng)項目地址：https://github.com/zdavidlnx/lagoon
我的項目地址：https://github.com/LeventZheng/angular4-SpringBoot/tree/master/lagoon

最后整理了一下講次結(jié)構(gòu)