SpringBoot+Vue视频干货
視頻干貨在結(jié)尾,不想讀文章的小伙伴請到結(jié)尾獲取地址
前言:
疫情期間,小梁同學(xué)收到學(xué)校老師的作業(yè)安排,作業(yè)內(nèi)容就是用SpringBoot+Vue開發(fā)一個實驗室助理信息管理系統(tǒng),完成時間自然是這學(xué)期末,當(dāng)做課程答辯的項目。面對新知識的來臨小梁感到了不知所措,慢慢著試探著是否要開始學(xué)習(xí)SpringBoot。
一開始的思想:學(xué)習(xí)SpringBoot之前是不是要復(fù)習(xí)一遍SpringMVC和Spring啊!沒學(xué)透徹。之前聽同學(xué)說過要學(xué)SpringBoot得先學(xué)Spring和SpringMVC。一番心理斗爭之后決定直接上B站找視頻先看看SpringBoot再說。
第一階段:
小梁就從播放量最高的幾個中找了一個比較不錯的,尚硅谷出版的111個視頻。看完前幾個之后,感覺還可以,用起來非常便捷,于是就沒再復(fù)習(xí)SpringMVC和Spring
下面就開始了自我學(xué)習(xí)之路,視頻用的是IDEA,之前沒用過,這回跟著學(xué)學(xué)。小梁在學(xué)弟那里搞來一個壓縮包,破解完就能用了,還挺樂,自言自語到:誰說收費的,我這個可以用60多年那!緊接著,小梁以1.5X的速度播放每一個視頻,短短幾天時間看完了40多個視頻,光看也不行,上面有CRUD的例子,我就跟著自己敲了一遍,途中遇到問題這也是不可避免的,有些時候自己屢屢思路,細(xì)心檢查一遍就解決了,但有些時候是真的無能為力不知如何下手,看不出哪個地方錯誤,或者說應(yīng)該用什么手段去解決。在這個時候,小梁也終于被一個Thymeleaf模板標(biāo)簽的問題卡住,還好加了一個交流群,小梁興奮的打開了交流群的窗口,用最甜美的話來上一句:“大佬們,誰來幫我看一下這個問題呀!”,一開始那叫個安靜啊!小梁一直盯著電腦屏幕,在手等之時之間,來了一位大佬名字叫“我很菜”,噼里啪啦的上來問我一頓,并解答了問題,還加上了QQ。
小梁屁顛的又開始跟著視頻敲了,不過,世界總是殘酷的,又一個新的問題誕生了,是關(guān)于前后端傳值的問題,小梁再次找到了交流群,這次并沒有那么理想,問題遲遲沒有解決,小梁百感交集,又找到了之前加QQ的大佬,大佬一時半會也沒發(fā)現(xiàn)問題,就把源碼發(fā)給了他,一天之后終于讓人大快人心,解決了。就這樣SpringBoot學(xué)到了JPA那塊就停下來了,開始思考,這個要怎么跟Vue聯(lián)系起來呢?
在此獻(xiàn)上springboot的學(xué)習(xí)視頻:
SpringBoot_權(quán)威教程_spring boot_springboot核心篇+springboot整合篇-_雷豐陽_尚硅谷https://www.bilibili.com/video/BV1Et411Y7tQ
如果想要IDEA破解版的請聯(lián)系qq:545629073,壓縮包上傳不了
第二階段:
世界有時候是殘酷的,但他也在暗中的對你好,就在學(xué)習(xí)SpringBoot的時候發(fā)現(xiàn)了一個視頻正好是SpringBoot+Vue前后端分離開發(fā)的,標(biāo)題標(biāo)注4個小時學(xué)會,呵呵,來整吧。
上來就是看那,還是一如既往的1.5X速度,不過這次有點跟不上了,因為老師嘴開光了,正常速度就挺快,所以只能開1.25X了。老師講的非常詳細(xì)唯一的缺點就是沒有教怎么配置Vue環(huán)境,還有一個視頻音質(zhì)成了電音,可能是話筒爛了。沒有Vue環(huán)境怎么寫,上百度,搜了一個小白網(wǎng)址,跟著用起了黑窗口,學(xué)到了一些命令,沒有詳細(xì)了解命令的我,項目總是跑不起來,報了一大堆錯誤,之后查了一大堆資料,還是無能為力,再次回到了交流群,以溫柔而又細(xì)膩的聲音問起了:“哪位大佬用過Vue呀”,此時此刻的小房間里好像沒有了以前的那種親切感,啊,之前的那個你到底去哪了!不過好心人還是有的,告訴我刪除node_modules文件夾重新npm run install。是真的好用啊,小梁激動的心情當(dāng)時就想飛過去當(dāng)面感謝!
Vue的自學(xué)之路也是坎坷的,每學(xué)一個老師的視頻基本都會加上老師的微信,遇到問題找老師,但是得到的恢復(fù)都是寥寥無幾,可能是人家比較忙吧,也可能是人家也不認(rèn)識你,不想幫這個忙。
對于vue的了解學(xué)習(xí)視頻:
【2020版】4小時學(xué)會Spring Boot+Vue前后端分離開發(fā)
https://www.bilibili.com/video/BV137411B7vB
第三階段:
視頻學(xué)了差不多,辛辛苦苦已經(jīng)搭建好了一個主頁面,還有一個登陸頁面,登錄頁面是自己找的資源進(jìn)行修改的,主頁面中左側(cè)菜單欄也設(shè)置好了。下面就來實現(xiàn)登陸功能,老師講的是用JPA操作數(shù)據(jù)庫,我也就跟著一起用,
登陸功能
找JPA的視頻
第四階段:
不同的角色再登錄的時候有不同的功能列表,我怎么樣實現(xiàn)分權(quán)限管理呢?一愁愁3天,黑天想白天想,自己試著用多router.js文件的方式改造還是不行。吃飯的時候跟爸媽嘮叨,自己學(xué)的東西實在是太難了,爸媽知道自己在嘮叨,習(xí)慣了,所以就沒理會。
沒有辦法,只能再找視頻學(xué)習(xí),畢竟這個視頻不全,主講的不是Vue。就這樣小梁同學(xué)找到了一個208個的視頻。what?無情,這么多,開玩樂呢?沒有辦法,只能硬著頭皮看了,首先大概的挑著看了一下,都講了哪些內(nèi)容,然后有選擇性的看。現(xiàn)實還是挺美好的,這個老師的視頻沒有超過10分鐘的。壓縮一下208個一個8分鐘,還算能接受,看了十幾個視頻之后終于有思路了。為什么說現(xiàn)實殘酷呢,剛剛有思路,又被下一個問題給你憋回去了。之前學(xué)習(xí)的前后端交互是用SpringData JPA的雖然知道怎么寫前端了,但是后臺接口怎么寫啊!這208個視頻并沒有講接口怎么寫,他的接口都是寫好的,沒辦法只能看著JSON數(shù)據(jù)模仿了。一個晚上接口寫好了,
登陸分角色管理實現(xiàn)了
終于,權(quán)限管理寫出來了。別提有多開心了。。。但想著這剛是個開始,又埋起頭來學(xué)習(xí)。
vue的學(xué)習(xí)視頻-做前端界面非常實用,推薦!:
20-Vue實戰(zhàn)項目:電商管理系統(tǒng)(Element-UI)
https://www.bilibili.com/video/BV1EE411B7SU
第五階段:
3.17開始學(xué)習(xí)springboot一直到4月1日將springboot基本內(nèi)容學(xué)完
4.2開始做項目4.23完結(jié)所有基本功能包括CRUD、導(dǎo)出、等所有業(yè)務(wù)
開學(xué)之后第一個答辯,并且是提前答辯
總結(jié)
小編寫的可能是流水賬,哈哈,其實就是隨感而發(fā),記錄一下自己的學(xué)習(xí)之路。當(dāng)時寫下來這個項目不知道有多費勁,經(jīng)歷了很多心酸與日夜,相信很多人都跟我一樣,都是一個普普統(tǒng)統(tǒng)的程序員,為了登上一個更高的臺階而不斷的努力提升自己,因為別人都在努力,你還有什么理由懶惰,你的懶惰最終會轉(zhuǎn)化為很多不如意,還不如快點動起來,早日達(dá)到自己想要的高度
如果你堅持下來了,那么可能就會成為所謂的大牛,如果稀里糊涂,只會寫CRUD,那么就跟普通的程序員沒什么兩樣。像這種簡單的東西,人人學(xué)學(xué)都會的,算不上什么技術(shù),光寫CRUD不行,多看看算法,練習(xí)練習(xí)數(shù)據(jù)結(jié)構(gòu),你會發(fā)現(xiàn)自己又不一樣了。
最后送上要做一個springboot+vue+jpa項目的學(xué)習(xí)步驟,以下是我自己學(xué)習(xí)的過程,如果大家感覺不錯可以參考
springboot+vue+jpa的學(xué)習(xí)步驟
1.首先學(xué)習(xí)springboot:
https://www.bilibili.com/video/BV1Et411Y7tQ
根據(jù)自己的需求看到JPA或者M(jìn)ybatis就行
2.了解一下Vue
https://www.bilibili.com/video/BV137411B7vB?p=4
視頻建議都看完
3.學(xué)習(xí)vue更好的視頻
https://www.bilibili.com/video/BV1EE411B7SU
這個視頻有選擇性的看,想看啥上面都有標(biāo)題,將的非常好,推薦
4.如果你想要了解SpringData JPA,請看下面的視頻
https://www.bilibili.com/video/BV1hE411s72B?from=search&seid=16684491715455302041
有選擇的看里面的內(nèi)容,主要是表與表之間的關(guān)系,一對一、一對多、多對多
總結(jié)
以上是生活随笔為你收集整理的SpringBoot+Vue视频干货的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: JPA_登录校验Controller代码
- 下一篇: 数据结构-图的深度优先遍历(DFS)和广