運行項目
由于某些不可控的因素,并沒有將項目放在個人服務(wù)器供大家線上瀏覽,所以只能是clone下來,在本地進行運行查看效果。
git clone https://github.com/waterwong/douban.git
cd douban
npm install
npm run dev
最終效果圖如下:
demo.gif
項目結(jié)構(gòu)
整體項目結(jié)構(gòu)按照vue-cli進行搭建,也是一個非常普通的vue-cli結(jié)構(gòu)。
├─build
├─config
├─node_modules
├─src
│ ├─assets
│ ├─components
│ └─router
└─static
調(diào)用接口
- 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的形式去獲取。
由于時間的關(guān)系,這個項目還有很多東西沒有進行優(yōu)化,可能會出現(xiàn)一些bug,所以歡迎各位指出,我也會盡快對項目進行更新。項目地址:豆瓣電影