vue/vuex 仿豆瓣电影APP

最新推荐文章于 2019-06-04 02:25:34 发布
转载 最新推荐文章于 2019-06-04 02:25:34 发布 · 374 阅读 · 0 ·
CC 4.0 BY-SA版权
原文链接：https://juejin.im/post/5ad5b083f265da237e0a396b
文章标签：

#javascript #ViewUI

本项目为一个基于Vue.js的豆瓣电影应用，采用Vue全家桶技术栈实现，包括vue-router进行路由管理、vuex用于状态管理、vue-lazyload实现图片懒加载等功能。通过jsonp实现跨域请求数据，并使用better-scroll完成滚动效果及上拉加载更多功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

项目地址：

https://github.com/rockstone20/douban-movie

原来计划用weex写的，无奈坑点较多，暂时放弃了，将来再出WEEX版的DEMO。

依赖

vue-router 路由 vuex 状态管理 vue-lazyload 图片懒加载 jsonp 跨域请求接口 better-scroll 制作滚动插件，上拉加载数据等

# 安装依赖
npm install

# 启动服务
npm start 或 npm run dev 
复制代码

贴几张效果图

仿豆瓣电影APP
12-26
通过hbuilder实现了app获取实时数据，只完成了榜单和热映的部分和top250的显示
mui 仿豆瓣电影app
09-14
mui视频教程带你快速开发一套电影类项目，做完一个mui前端开发项目，再做其他的很简单，直接copy就好 跨平台混编框架MUI开发电影影视类APP，APP视频教程MUI视频学习课程MUI课
react-douban 仿豆瓣电影app项目
大灰狼的小绵羊哥哥的博客
08-25 2065
前言 A React.js project 一个基于React.js仿豆瓣电影项目(demo)，使用react-router、webpack、redux等技术，包含左右滑动，上拉加载更多等功能，数据来源：豆瓣API 项目github源码：https://github.com/chenshaomei/react-douban 项目效果图： image.png ima
仿豆瓣电影
09-08
仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影仿豆瓣电影
用vue20实现仿豆瓣app将用到vuerouterwebpackaxiosvuex
08-10
在仿豆瓣App中，可能有多个组件需要访问和修改相同的电影列表、用户信息等数据，Vuex 提供了一个单一的存储仓库，确保状态变化的一致性和可追踪性。通过actions、mutations和getters，我们可以规范地处理状态的改变...
vue20实现web豆瓣电影
08-10
在“vue2.0实现web豆瓣电影”项目中，我们将使用Vue 2.0来构建一个Web应用，模拟豆瓣电影的功能，如搜索电影、展示电影详情等。下面将详细介绍如何使用Vue.js进行此类项目的开发。 首先，我们需要搭建Vue.js的开发...
Vue-cli仿制豆瓣app开源项目
资源摘要信息:"基于vue cli 仿写豆瓣 app" 本项目是一个基于Vue CLI开发的仿豆瓣应用。Vue CLI是一个基于Vue.js进行快速开发的完整系统，提供了从项目创建、开发到构建的全流程脚手架工具，非常适合用于单页面应用...
vue技术栈豆瓣api豆瓣电影
08-10
Vue.js技术栈与豆瓣API整合实现豆瓣电影应用详解 在当今Web开发领域，Vue.js作为一款轻量级、高性能的前端框架，深受开发者喜爱。它以其简洁的语法、高效的渲染和强大的组件化特性，使得构建复杂的单页应用程序...
vue2x豆瓣电影展示项目
08-12
在这个“vue2x豆瓣电影展示项目”中，我们将会探索 Vue 2.x 如何用于构建一个豆瓣电影的展示应用。 首先，项目结构通常包括以下几个关键部分： 1. `src` 目录：这是项目的源代码存放地，包含以下子目录： - `...
vue框架仿豆瓣模板
08-28
仿豆瓣的vue页面框架，超级好用，良心保证，安心使用。
Vue豆瓣电影
08-12
技术栈 vue2.0 vue-router vuex：vue全家桶
基于vant, vue, axios, vuex的移动端项目, 仿豆瓣电影和网易云音乐
03-05
主要功能： 1. rem适配 2. 欢迎页 骨架屏 3. 地区定位 加载地区热映电影 即将上映 top250 4. 电影搜索 5. 电影详情 6. 影人详情 7. 跳转到电影网站观看电影 8. 电影收藏（想看，看过） 9. 歌单查看 10. 全屏播放器 可拖拽mini播放器 歌词滚动 11. ......
vue实现豆瓣电影（API调用）
05-25
vue实现豆瓣电影，详情见博客 https://blog.youkuaiyun.com/Y920036515/article/details/106870357?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522165347255816781432927601%2522%252C%2522scm%2522%253A%252220140713.130102334.pc%255Fblog.%2522%257D&request_id=165347255816781432927601&biz_id=0&spm=1018.2226.3001.4450
前端网页设计模仿豆瓣主页
04-05
模仿豆瓣首页html前端源代码，前端学习，需要的可以down
Vue简易案例四（豆瓣电影）
weixin_34234823的博客
06-04 831
1、请求数据接口，数据绑定 2、Vue处理数据（过滤器、计算属性） 3、事件处理@、修饰符 4、监视器watch 5、组件切换（vue-router） 6、过渡效果transtion <!DOCTYPE html> <html> <head> <title>组件切换练习</title> <meta charset...
vue-cli从零开始实现一个仿豆瓣app（四）
qq_40063133的博客
03-06 538
最后一页是详细页，详细页的小功能比之前的要多。首先是对影片内容的展示，包括头部的图片，中间的影片信息和评分情况。比较值得说的就是展示评分信息模块。这个模块从数据库中查询某一影片的评分情况，做一下简单统计各星级的评分人数并计算出比例，然后用div的宽度表示比例。//获取该影片的评价情况，首先获取分数和评分人数，然后获取各个分数段的评分人数 this.$axios.post('/api...
vue-cli从零开始实现一个仿豆瓣app（三）
qq_40063133的博客
03-04 629
话说昨天说完首页了，那今天就来说一下列表页。列表页其实很简单，主要就是在首页点击某个类别的按钮就跳转到该列表页，展现该类别的所有影片简介。很显然，四个类别是可以利用同一个组件的，只是渲染的数据有所不同。我们要做的就是根据在首页点击的按钮传入不同的参数，比如1，2，3，4分别代表四个类别，而在列表页就获取这个参数并向服务器请求该类别的数据。我们在前面做轮播组件的时候给组件绑定了一个跳转事件： ...
vue之豆瓣电影（四）
qq_40816649的博客
10-12 385
安装vuex npm install vuex --save 配置： main.js中 import Vuex from 'vuex' Vue.use(Vuex) 安装axios npm install axios 在要使用的.vue组件的script标签里面import axios from 'axios'引入 这里我们会涉及到跨域的问题如果直接去请求接口的话是不行的，这里需要在vue-cl...
Vue/Vuex/Vue-router 购物商城实现与优化技巧
"一个使用Vue.js、Vuex和Vue-router技术构建的购物商城项目，具有原生切换动画效果。提供在线预览、安卓APK下载和源码仓库链接。项目中涉及的技术包括Vue CLI、Vue Router、Vuex、Axios、Mock.js、Vue Touch、...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值