摘要:前言之前一直在學習原生的,但是無奈功力太淺,學了很長時候也只能寫一些簡單的小,知道遇見了,一切都變了,他的雙向綁定和組件化思想讓我迅速的愛上了他,可是光學不練是沒有什么成就感的,想著豆瓣提供了免費的接口,不如就利用這個接口做一個電影網站,想
技術棧前言:之前一直在學習原生的javascript,但是無奈功力太淺,學了很長時候也只能寫一些簡單的小demo,知道遇見了vue,一切都變了,他的雙向綁定和組件化思想讓我迅速的愛上了他,可是光學不練是沒有什么成就感的,想著豆瓣提供了免費的api接口,不如就利用這個接口做一個電影網站,想想還是有點小激動的!
技術棧當然首選vue全家桶啦,但是我這個demo是利用的豆瓣api,而且沒有后臺,所以vuex也就沒什么用了,因此技術棧是vue + vue-router + vue-resource + vue-cli。
功能分析功能參考了手機上的貓眼電影app,但是發現網上并沒有在線選座的接口,于是這個功能無法實現,發現這個問題之后,趕緊去看看豆瓣api都提供什么信息,然而電影評論信息不提供,WTF!怎么辦?評論信息都沒有,那信息量也太少了吧,這是開源運動就顯得很棒了,在github上有人提供非官方版本的api,可以獲得電影的短評和長評信息!有了api開始干!
效果預覽 項目主要結構 路由部分`export default new Router({
routes: [
{ path: "/inTheaters", name: "inTheaters", component: inTheaters }, { path: "/movie/:id", name: "moviesMsg", component: moviesMsg }, { path: "/comingSoon", name: "comingSoon", component: comingSoon }, { path: "/serchResult", name: "serchResult", component: serchResult }, { path: "/starMsg/:id", name: "starMsg", component: starMsg }, { path: "/comment/:id", name: "comment", component: comment }, { path: "/smallComment/:id", name: "smallComment", component: smallComment }, { path: "/searchPage", name: "searchPage", component: searchPage }
]
})`
demo地址
github地址
覺得有用的幫忙給個star!
ps: 本人大三狗,熱愛前端,求一份前端實習工作!郵箱zhixuanziben@gmail.com
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/86817.html
摘要:界面如下圖電影詳情展示此功能是提供電影詳情的界面,包括演員上映時間導員劇情簡介宣傳視頻宣傳視頻由于豆瓣官方的限制無法獲取,所以只有正在熱映板塊從貓眼獲取的電影信息才有。 Vue電影信息影評網站 此網站是我的畢業設計,題目是基于HTML5的電影信息匯總弄網站,由于最近在看Vue.js,所以就想用Vue.js來構建一個前端網站,這里code就不大篇幅的寫了,主要講一下網站的功能和所用到的技...
摘要:界面如下圖電影詳情展示此功能是提供電影詳情的界面,包括演員上映時間導員劇情簡介宣傳視頻宣傳視頻由于豆瓣官方的限制無法獲取,所以只有正在熱映板塊從貓眼獲取的電影信息才有。 Vue電影信息影評網站 此網站是我的畢業設計,題目是基于HTML5的電影信息匯總弄網站,由于最近在看Vue.js,所以就想用Vue.js來構建一個前端網站,這里code就不大篇幅的寫了,主要講一下網站的功能和所用到的技...
摘要:目標通過正則表達式爬取貓眼電影電影的排名名字電影封面圖片主演上映時間貓眼評分,將爬取的內容寫入文件中。為了加快爬取網頁的速度,可以開啟循環和多線程當需要爬取的信息很大時,這是一個不錯的技巧。 目標 通過Request+正則表達式爬取貓眼電影TOP100電影的排名、名字、電影封面圖片、主演、上映時間、貓眼評分,將爬取的內容寫入文件中。 流程框架 進入到貓眼電影TOP100的頁面,此時的U...
摘要:另外由于豆瓣上一些電影評分數量太少而不顯示,所以這里的電影數量會和票房數量有所差異。月度票房將類型片的票房按月劃分,得到了這張圖。 去年末的時候,我招收了新的 實訓生 。本文是其中一位 @齊大圣 同學在實訓兩個月時完成的項目案例。(碼上行動群里同學應該都看過這個名字,現在也是助教之一。)項目最初的想法是, 從互聯網上的公開信息中采集2018年在國內上映電影的票房、評分、類型、演員等信息...
閱讀 1118·2021-10-09 09:43
閱讀 18474·2021-09-22 15:52
閱讀 1059·2019-08-30 15:44
閱讀 3050·2019-08-30 15:44
閱讀 3244·2019-08-26 14:07
閱讀 904·2019-08-26 13:55
閱讀 2566·2019-08-26 13:41
閱讀 3087·2019-08-26 13:29