Vue实现仿豆瓣电影

前言

这次用Vue实现豆瓣电影，然后上网上查阅了很多资料，这些东西基本上都加载不出来（原因大概是豆瓣的API接口更新了一下，所以以网的API好像都不能用了），而我又是第一次学Vue别人的拿来看不懂，没办法，自己做了个简版的。

如下图所示。

实现的页面有：

首页
详情页
榜单
查看评论
我的页面
搜索

这里例举首页和详情页的图大家参考。

项目结构

补充：其中的bottom是底部导航，header是头部样式，spinner是加载动画，star是显示星级评分。

运行方式

先：npm install，安装插件

再：npm run dev 运行

最后：http://localhost:8080/查看

打包的项目

GitHub - ybbgrain/html: html-css-js-----

2022.5.26更新

有些同学没有访问不了GitHub，CSDN我上传了一下资源，也是免费下载的

Vue实现豆瓣电影

图片好像发不了了，被csdn说版权有问题，打个马赛克把，其实都是有的。

Vue实现仿豆瓣电影相关推荐

豆瓣电影页面html代码,Vue.js 仿豆瓣电影DEMO 学习笔记一
豆瓣电影的首页效果 movie_1.png 豆瓣电影的列表页面 movie_2.png 豆瓣电影的电影内页面效果 movie_3.png 参照以上的三个页面,做出豆瓣电影的首页,列表页面以及电影的详细 ...
vue/vuex 仿豆瓣电影APP
项目地址: https://github.com/rockstone20/douban-movie 供新手学习和参考原来计划用weex写的,无奈坑点较多,暂时放弃了,将来再出WEEX版的DEMO. ...
java毕设项目开源啦，springboot+Thymeleaf的仿豆瓣电影论坛系统
一.项目介绍 1.1 项目简介摘要随着日益增长的生活水平,越来越多的人们喜欢上了看电影.听音乐和阅读,并且在看电影.听音乐和阅读后,也会根据此时此景来"吟诗一首",因此开发了 ...
react-douban 仿豆瓣电影app项目
前言 A React.js project 一个基于React.js仿豆瓣电影项目(demo),使用react-router.webpack.redux等技术,包含左右滑动,上拉加载更多等功能,数据来 ...
java计算机毕业设计 - 仿豆瓣电影的微信小程序
基于java的仿豆瓣电影微信小程序,框架采用的是springboot 1.数据库:MySql 2.技术:java 3.框架:springboot,微信小程序 ---------------- 项目效果 ...
Python学习笔记--Flask小项目之仿豆瓣电影界面
目录知识点效果图前期准备创建项目创建视图创建模板 1. 创建宏第一个宏(itemGroup) 第二个宏(listGroup) 2. 创建父模板 3. 创建首页模板 4. 创建" ...
vue实现仿猫眼电影
首页大致: 搭配四个标签页的切换:热映.影院.待映.经典电影 1.电影列表使用到了list懒加载 2.每次加载前使用到了Axios拦截点击查看电影详情页 (动态路由+vueX实现) 查看以及选择影厅 ...
vue 仿豆瓣爬坑之旅
最近一直在学vue,想用vue做点东西,在网上找了很多,最后决定仿豆瓣做一个适合pc和移动端的应用.由于平时工作都是做的PC端而且只用Chrome浏览器,不考虑兼容问题,这次想有所突破,考虑一下兼容移 ...
1-vuejs2.0实战：仿豆瓣app项目，创建自定义组件tabbar
大家好,我给大家分享一下仿豆瓣app的教程.当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app.----第一次写文章,写得不好请见谅. 为什么我们选择豆瓣app 来做这样一个教程? ...
vuejs2.0实战：仿豆瓣app项目，创建自定义组件tabbar
大家好,我给大家分享一下仿豆瓣app的教程.当然了,我们不是用原生去实现,而是用前端框架vuejs来实现豆瓣app.----第一次写文章,写得不好请见谅. 为什么我们选择豆瓣app 来做这样一个教程? ...

Vue实现仿豆瓣电影

前言

项目结构

运行方式

打包的项目

Vue实现仿豆瓣电影相关推荐

最新文章

热门文章