前言
經過一段時間vue的學習鸟蟹，因此決定做一個項目來練練手泣洞，看看學習成果如何全庸。vue.js作為一個漸進式的js框架秀仲，和其它兩大框架比起來相對來說簡單易用，比較容易上手壶笼。源碼地址：github神僵。受gif圖大小影響，以下動態(tài)圖如加載過慢請耐心等待覆劈。
技術棧
前端
- vue 前端頁面展示
- vue-router spa
- axios 異步請求
- sessionStorage 個人信息的存儲
- Eslint 代碼規(guī)范
- vant 部分引入(輕量保礼、可靠的移動端 Vue 組件庫)
后端
- koa：基于Nodejs封裝的一個框架
- koa-generator：創(chuàng)建koa項目所用的腳手架
- koa-router：后端服務路由控制
- MySQL：數據庫
- koa2-cors：處理跨域
實現功能
- 輪播圖
- 分類模塊
- 搜索功能
- 課程詳情展示
- 課程視頻選擇模塊
- 評論功能
- 評論按時間沛励、熱度展示
- 相關課程推薦
- 換一批功能
- 課程加入課程表
- 課程表刪除模塊(全選、非全選)
- 登錄/登出
- 注冊
項目預覽
效果總覽
效果圖.gif
搜索功能
效果圖.gif
登錄功能
效果圖.gif
分類模塊
效果圖.gif
評論模塊
效果圖.gif
加入課程表
效果圖.gif
課程表刪除
效果圖.gif
注意：評論和加入/刪除課程表需要登錄
結語
功能模塊具體實現后續(xù)完善~~如果你對此感興趣的話可自行查看源碼炮障。如果有什么錯誤或者不足之處目派，歡迎大家斧正，十分感謝胁赢！學習的路還很長企蹭，紙上得來終覺淺，務必多實踐智末。
