資訊專欄INFORMATION COLUMN
摘要：地址項目主頁展示項目功能正在熱映即將上映電影詳情頁和搜索頁展示地區(qū)切換加載更多搜索滾動加載使用腳手架搭建，按照步驟執(zhí)行即可庫使用的是直接引用使用路由使用的是默認的模式，后續(xù)打算更改為模式請求豆瓣在中配置代理項目中使用了以下正
github地址
項目主頁展示 項目功能https://github.com/bhan614/do...
正在熱映、即將上映、top250、電影詳情頁和搜索頁展示
地區(qū)切換
加載更多
搜索
滾動加載
Vue-cli使用vue-cli腳手架搭建，按照步驟執(zhí)行即可
npm install -g vue-cli vue init webpack doubanMovie cd doubanMovie npm install npm run devElement-ui
ui庫使用的是element-ui,直接引用使用
import Element from "element-ui" Vue.use(Element)Vue-router2
路由使用的是默認的hash模式，后續(xù)打算更改為html5 history模式
請求豆瓣api在proxyTable中配置代理
proxyTable: {
"/api": {
target: "http://api.douban.com/v2",
changeOrigin: true,
pathRewrite: {
"^/api": ""
}
}
}
項目中使用了以下api
/v2/movie/in_theaters 正在上映的電影
/v2/movie/coming_soon 即將上映的電影
/v2/movie/subject/:id 單個電影信息
/v2/movie/search?q={text} 電影搜索
vue-resource這里使用vue-resource進行數(shù)據(jù)交互、不過更推薦使用axios
Vuexvuex用來管理全局狀態(tài)，用起來很方便，可以查看vuex文檔進行學習
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://www.ezyhdfw.cn/yun/82946.html
摘要：從之前黃軼老師的高仿外賣開始接觸過這個滾動庫，感覺體驗感很好，用起來也比較順手，所以在后來的項目聯(lián)系中就一直在使用。 前言 雖然在此之前已經(jīng)有類似的仿豆瓣電影的webapp,但或是開發(fā)的有些簡潔功能不太完善，或是體驗感覺得可以再完善下，所以自己摸索著對比豆瓣和豆瓣電影兩款app做了一下，初步滿足了自己的想法，經(jīng)過幾次完善基本不會出現(xiàn)bug，如果發(fā)現(xiàn)存在問題請告訴我修改，謝謝！ 2017...
摘要：由于眾所周知的原因，谷歌字體只能過墻后才能被正常加載，而中的原生使用了谷歌字體，在這個案例中改為使用。代碼存在，國內(nèi)訪問速度沒那么快，初次加載較慢請耐心等待。如果項目對你有所幫助，不妨一下，你的支持是我前進的最大動力。 效果圖： showImg(https://segmentfault.com/img/remote/1460000008172654?w=303&h=545); show...
摘要：界面如下圖電影詳情展示此功能是提供電影詳情的界面，包括演員上映時間導員劇情簡介宣傳視頻宣傳視頻由于豆瓣官方的限制無法獲取，所以只有正在熱映板塊從貓眼獲取的電影信息才有。 Vue電影信息影評網(wǎng)站 此網(wǎng)站是我的畢業(yè)設計，題目是基于HTML5的電影信息匯總弄網(wǎng)站，由于最近在看Vue.js,所以就想用Vue.js來構(gòu)建一個前端網(wǎng)站，這里code就不大篇幅的寫了，主要講一下網(wǎng)站的功能和所用到的技...
摘要：界面如下圖電影詳情展示此功能是提供電影詳情的界面，包括演員上映時間導員劇情簡介宣傳視頻宣傳視頻由于豆瓣官方的限制無法獲取，所以只有正在熱映板塊從貓眼獲取的電影信息才有。 Vue電影信息影評網(wǎng)站 此網(wǎng)站是我的畢業(yè)設計，題目是基于HTML5的電影信息匯總弄網(wǎng)站，由于最近在看Vue.js,所以就想用Vue.js來構(gòu)建一個前端網(wǎng)站，這里code就不大篇幅的寫了，主要講一下網(wǎng)站的功能和所用到的技...
閱讀 3374·2021-10-11 11:08
閱讀 4495·2021-09-22 15:54
閱讀 975·2019-08-30 15:56
閱讀 921·2019-08-30 15:55
閱讀 3600·2019-08-30 15:52
閱讀 1423·2019-08-30 15:43
閱讀 1994·2019-08-30 11:14
閱讀 2563·2019-08-29 16:11
