運行項目
由于某些不可控的因素,并沒有將項目放在個人服務器供大家線上瀏覽,所以只能是clone下來再榄,在本地進行運行查看效果。
git clone https://github.com/waterwong/douban.git
cd douban
npm install
npm run dev
最終效果圖如下:
項目結構
整體項目結構按照vue-cli進行搭建享潜,也是一個非常普通的vue-cli結構困鸥。
├─build
├─config
├─node_modules
├─src
│ ├─assets
│ ├─components
│ └─router
└─static
調用接口
- https://api.douban.com/v2/movie/search?q={text} 電影搜索api;
- https://api.douban.com/v2/movie/in_theaters 正在上映的電影剑按;
- https://api.douban.com/v2/movie/coming_soon 即將上映的電影窝革;
- https://api.douban.com/v2/movie/subject/:id 電影詳情條目;
- https://api.douban.com/v2/movie/celebrity/:id 影人詳情條目吕座。
由于豆瓣API的限制虐译,不能使用ajax的方式獲取,所以引入vue-resource吴趴,使用jsonp的形式去獲取漆诽。
由于時間的關系,這個項目還有很多東西沒有進行優(yōu)化锣枝,可能會出現(xiàn)一些bug厢拭,所以歡迎各位指出,我也會盡快對項目進行更新撇叁。項目地址:豆瓣電影