此作品使用於:觀看Vtuber於Youtube進行的直播,上傳的影片、音樂,及Vtuber的個人資料

專案動機

大學畢業後的低潮期
從Vtuber身上獲得勇氣,開始願意面對現實
想讓更多人接觸、認識、理解並願意支持Vtuber這個文化
網站首頁

影片內容

JP

簡介

相關影片

重點技術
重點技術1. 爬蟲-<Jsoup>
爬取靜態網站(如:官網)

重點技術2. 爬蟲-<Selenium>
爬取動態網站(如:Youtube)
*** 因耗時過長,已被API取代 ***

重點技術3. 前端 - <Vue>
Vuex: 統一控管資料的狀態及資料的傳遞
VueRouter: 由前端模擬的路由、處理瀏覽權限的管理

重點技術4. ( Vuetify / Axios )
Vuetify: 提供多個UI組件,簡化了版面設計的過程
Axios: 發送get, post請求,並接收返回結果

重點技術5.後端 - <SpringBoot>
登入註冊 / 攔截器



重點技術6.( 影片收藏 / 頻道關注 / 歷史紀錄 )

重點技術7.圖片上傳

重點技術8.爬蟲排程 -<Windows工作排程器>
使用.bat檔執行打包好的jar檔

專案心得&教學回饋
蒐集資料的能力
指導老師的幫助
前端技術的理解
後端技術的使用
這次的專案製作,真的在很多方面都得到了很多人的幫助。
做自己想做的題材,是我的原動力。
而能把課程中的知識實際應用在作品上,帶給我滿滿的真實感與成就感。
希望大家都能獲得「去做什麼事情」的勇氣!!
Komentáře