學(xué)習(xí)筆記:
SPA:單頁應(yīng)用
場景 技術(shù)棧 IDE
1.中后臺管理系統(tǒng) 1.SpringBoot、vue-cli SPA、ElemenUI 1. WS、VS code、HB
2.H5前端開發(fā) 2.vue-cli SPA、npm、建議自己布局手寫樣式 2. WS、VS code、HB
3.跨端APP開發(fā) 3.uni-app、Flutter、RN、cordova(調(diào)用底層API) 3.HB、打包成可安裝的APP
1.一級路由demo
vue-router-demo
一個Vue的單頁應(yīng)用(一級路由)的腳手架程序構(gòu)造
1.進(jìn)入某個目錄如D:Vuestudys
2.通過命令創(chuàng)建項(xiàng)目:vue init vue-router-demo1(后幾項(xiàng)都選NO)
3.cd 進(jìn)入vue-router-demo1目錄
4.安裝依賴:npm install
5.運(yùn)行npm run dev
6.更改config目錄下的index.js文件,將端口改成80
7.進(jìn)行一級路由配置
App.vue
router文件夾的index.js文件
compoments文件夾創(chuàng)立相應(yīng)的組件
1.index.vue
2.Message.vue
改造之后變成根主鍵
后端:
1.RESTful風(fēng)格APL開發(fā)
2.swagger生成在線文檔
3.跨域注解方式
3.1 添加依賴
3.2 SpringBootMybatisApplication開啟注解
3.3 在配置文件里寫配置
http://localhost:8080/swagger-ui.html
前端:
1.vue-cli創(chuàng)建項(xiàng)目
2.vue-router路由配置
3.組件開發(fā)(vue文件)
4.引入axios(npm)
4.1 package.json
4.2 npm install
4.3 main.js引入
5.調(diào)用后端API實(shí)現(xiàn)增刪改查功能
個人學(xué)習(xí)心得:
從開學(xué)到現(xiàn)在已經(jīng)上了四周課了。其實(shí)在寒假我就已經(jīng)提前進(jìn)入到了許老師發(fā)展的寒假小打卡的任務(wù)中來,開始學(xué)習(xí)前端布局的相關(guān)知識等。說實(shí)話從寒假到現(xiàn)在為止,我的代碼水平以及相關(guān)知識有了很大的提高,也對編程逐漸起了興趣,并且我也想彌補(bǔ)一下我大一以及大二上學(xué)期的漏洞。因?yàn)樵诖笠患按蠖蠈W(xué)期,我的學(xué)習(xí)熱情并不是很到位,自己的編程基礎(chǔ)并不是很到位,對學(xué)習(xí)也不是很嚴(yán)格要求自己。但是自從寒假開始,我發(fā)覺要不在大學(xué)這段時間學(xué)點(diǎn)東西出來而荒廢過去,跟咸魚也沒有什么區(qū)別。
對于現(xiàn)在的學(xué)習(xí)我整體還是可以跟上的,不懂得也會有老師和同學(xué)們幫助我為我答疑解惑,我現(xiàn)在感到每天都過得非常充實(shí)。這得感謝許老師從寒假一直堅(jiān)持每天為我們錄視頻教我們學(xué)習(xí),也是許老師督促我們每日堅(jiān)持小打卡,才讓我對一開始把寫作業(yè)當(dāng)任務(wù)的形式學(xué)習(xí)而變成了對編程感興趣的自主學(xué)習(xí)。我現(xiàn)在的基礎(chǔ)可能還不到位,還得繼續(xù)慢慢加油學(xué)習(xí),下面也是我接下來的學(xué)習(xí)計(jì)劃:
1.多看多問多學(xué),有事沒事可以多了解了解相關(guān)知識,從普及基礎(chǔ)知識做起。
2.看計(jì)算機(jī)二級的材料,這學(xué)期準(zhǔn)備考計(jì)算機(jī)二級。
3.日常上課聽講整理筆記,不懂就問,多回顧回顧出現(xiàn)問題,下次也方便解決。
4.代碼能不復(fù)制粘貼就不復(fù)制粘貼,多打多練。
...
堅(jiān)持每天敲代碼,只要付出就會有收獲,加油!