猫眼php,用vue开发一个猫眼电影web app

前言：之前一直在学习原生的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',

component: inTheaters

{

path: '/movie/:id',

component: moviesMsg

{

path: '/comingSoon',

component: comingSoon

{

path: '/serchResult',

component: serchResult

{

path: '/starMsg/:id',

component: starMsg

{

path: '/comment/:id',

component: comment

{

path: '/smallComment/:id',

component: smallComment

{

path: '/searchPage',

component: searchPage

}

]

})`

再来几张截图

写在最后

demo地址

github地址

觉得有用的帮忙给个star！

ps: 本人大三狗，热爱前端，求一份前端实习工作！邮箱zhixuanziben@gmail.com

猫眼php,用vue开发一个猫眼电影web app相关推荐

用vue开发一个猫眼电影web app
前言:之前一直在学习原生的JavaScript,但是无奈功力太浅,学了很长时候也只能写一些简单的小demo,知道遇见了vue,一切都变了,他的双向绑定和组件化思想让我迅速的爱上了他,可是光学不练是没有 ...
JAVA毕业设计vue开发一个简单音乐播放器计算机源码+lw文档+系统+调试部署+数据库
JAVA毕业设计vue开发一个简单音乐播放器计算机源码+lw文档+系统+调试部署+数据库 JAVA毕业设计vue开发一个简单音乐播放器计算机源码+lw文档+系统+调试部署+数据库本源码技术栈: 项目 ...
[vue] 使用vue开发一个todo小应用，谈下你的思路
[vue] 使用vue开发一个todo小应用,谈下你的思路结构: 输入部分( input )和输出部分( ul ) 逻辑:用户输入之后,通过事件触发拿到用户输入的数据存起来, 将用户数据集合通过 v ...
java计算机毕业设计vue开发一个简单音乐播放器（附源码、数据库）
java计算机毕业设计vue开发一个简单音乐播放器(附源码.数据库) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm也行)+ Ec ...
java计算机毕业设计vue开发一个简单音乐播放器源码+mysql数据库+系统+lw文档+部署
java计算机毕业设计vue开发一个简单音乐播放器源码+mysql数据库+系统+lw文档+部署 java计算机毕业设计vue开发一个简单音乐播放器源码+mysql数据库+系统+lw文档+部署本源码技 ...
java计算机毕业设计vue开发一个简单音乐播放器MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计vue开发一个简单音乐播放器MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计vue开发一个简单音乐播放器MyBatis+系统+LW文档+源码+调试部署本源 ...
Vue 开发一个简略版的飞机大战小游戏
文章目录使用 Vue 开发一个简略版的飞机大战小游戏一.实现思路二.所需知识点三.实现步骤使用 Vue 开发一个简略版的飞机大战小游戏如题,假设你为了向更多访问你博客的人展示你的技术,你决 ...
go build 无文件_Go之Gin+Vue开发一个线上外卖应用
我们将开始使用Gin框架开发一个api项目,我们起名为:云餐厅.如同饿了么,美团外卖等生活服务类应用一样,云餐厅是一个线上的外卖应用,应用的用户可以在线浏览商家,商品并下单. 该项目分为客户端和服务端 ...
[译]使用 Rust 开发一个简单的 Web 应用，第 4 部分 —— CLI 选项解析
原文地址:A Simple Web App in Rust, Part 4 -- CLI Option Parsing 原文作者:Joel's Journal 译文出自:掘金翻译计划本文永久链接:g ...

猫眼php,用vue开发一个猫眼电影web app

猫眼php,用vue开发一个猫眼电影web app相关推荐

最新文章

热门文章