成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

用vue開發(fā)一個貓眼電影web app

habren / 1842人閱讀

摘要：前言之前一直在學(xué)習原生的，但是無奈功力太淺，學(xué)了很長時候也只能寫一些簡單的小，知道遇見了，一切都變了，他的雙向綁定和組件化思想讓我迅速的愛上了他，可是光學(xué)不練是沒有什么成就感的，想著豆瓣提供了免費的接口，不如就利用這個接口做一個電影網(wǎng)站，想

前言：之前一直在學(xué)習原生的javascript，但是無奈功力太淺，學(xué)了很長時候也只能寫一些簡單的小demo，知道遇見了vue，一切都變了，他的雙向綁定和組件化思想讓我迅速的愛上了他，可是光學(xué)不練是沒有什么成就感的，想著豆瓣提供了免費的api接口，不如就利用這個接口做一個電影網(wǎng)站，想想還是有點小激動的！
技術(shù)棧

技術(shù)棧當然首選vue全家桶啦，但是我這個demo是利用的豆瓣api，而且沒有后臺，所以vuex也就沒什么用了，因此技術(shù)棧是vue + vue-router + vue-resource + vue-cli。

功能分析

功能參考了手機上的貓眼電影app，但是發(fā)現(xiàn)網(wǎng)上并沒有在線選座的接口，于是這個功能無法實現(xiàn)，發(fā)現(xiàn)這個問題之后，趕緊去看看豆瓣api都提供什么信息，然而電影評論信息不提供，WTF！怎么辦？評論信息都沒有，那信息量也太少了吧，這是開源運動就顯得很棒了，在github上有人提供非官方版本的api，可以獲得電影的短評和長評信息！有了api開始干!

效果預(yù)覽

項目主要結(jié)構(gòu)

路由部分

`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: 本人大三狗，熱愛前端，求一份前端實習工作！郵箱[email protected]

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/86817.html

相關(guān)文章

  • Vue 電影信息影評（豆瓣，貓眼）

    摘要：界面如下圖電影詳情展示此功能是提供電影詳情的界面，包括演員上映時間導(dǎo)員劇情簡介宣傳視頻宣傳視頻由于豆瓣官方的限制無法獲取，所以只有正在熱映板塊從貓眼獲取的電影信息才有。 Vue電影信息影評網(wǎng)站 此網(wǎng)站是我的畢業(yè)設(shè)計，題目是基于HTML5的電影信息匯總弄網(wǎng)站，由于最近在看Vue.js,所以就想用Vue.js來構(gòu)建一個前端網(wǎng)站，這里code就不大篇幅的寫了，主要講一下網(wǎng)站的功能和所用到的技...

    hzc 評論0 收藏0

  • Vue 電影信息影評（豆瓣，貓眼）

    摘要：界面如下圖電影詳情展示此功能是提供電影詳情的界面，包括演員上映時間導(dǎo)員劇情簡介宣傳視頻宣傳視頻由于豆瓣官方的限制無法獲取，所以只有正在熱映板塊從貓眼獲取的電影信息才有。 Vue電影信息影評網(wǎng)站 此網(wǎng)站是我的畢業(yè)設(shè)計，題目是基于HTML5的電影信息匯總弄網(wǎng)站，由于最近在看Vue.js,所以就想用Vue.js來構(gòu)建一個前端網(wǎng)站，這里code就不大篇幅的寫了，主要講一下網(wǎng)站的功能和所用到的技...

    Nekron 評論0 收藏0

  • Requests+正則表達式爬取貓眼電影

    摘要：目標通過正則表達式爬取貓眼電影電影的排名名字電影封面圖片主演上映時間貓眼評分，將爬取的內(nèi)容寫入文件中。為了加快爬取網(wǎng)頁的速度，可以開啟循環(huán)和多線程當需要爬取的信息很大時，這是一個不錯的技巧。 目標 通過Request+正則表達式爬取貓眼電影TOP100電影的排名、名字、電影封面圖片、主演、上映時間、貓眼評分，將爬取的內(nèi)容寫入文件中。 流程框架 進入到貓眼電影TOP100的頁面，此時的U...

    30e8336b8229 評論0 收藏0

  • 2018電影票房分析-誰才是票房之王

    摘要：另外由于豆瓣上一些電影評分數(shù)量太少而不顯示，所以這里的電影數(shù)量會和票房數(shù)量有所差異。月度票房將類型片的票房按月劃分，得到了這張圖。 去年末的時候，我招收了新的 實訓(xùn)生 。本文是其中一位 @齊大圣 同學(xué)在實訓(xùn)兩個月時完成的項目案例。（碼上行動群里同學(xué)應(yīng)該都看過這個名字，現(xiàn)在也是助教之一。）項目最初的想法是， 從互聯(lián)網(wǎng)上的公開信息中采集2018年在國內(nèi)上映電影的票房、評分、類型、演員等信息...

    stormjun 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<