A Vue.js project
clone项目到本地,进入项目文件夹,安装依赖
git clone https://github.com/Psychee/vue-app.git cd vue-app npm install 然后运行项目 npm run dev 最后打开浏览器,输入localhost:8081即可访问。效果图如下:
注意:由于接口为免费版,一分钟最多访问40次,请勿过于频繁的操作。
应用包括以下n个路由
/movie/hot首页,显示正在上映的十条电影信息,下拉加载更多;/movie/top250显示评分最高的十条电影信息,下拉加载更多;/movie/coming显示即将上映的十条电影信息,下拉加载更多;/movie/movie_one/:id电影详情页面;/book包含4种标签,只显示各个标签的前6条数据(由于接口访问次数有限,下拉展示更多标签功能已删除);/book/book_more/:name显示当前标签下的十条电影信息,下拉加载更多;/book/book_one/:id图书详情页面;/photo图片页面,以瀑布流的方式展示多张图片;/photo/photo_detail/:id显示大图;/photo/photo_collect_detail/:id'显示收藏大图;/search/suggest搜索页面,搜索框+推荐的八条电影名称和八条图书名称。/search/search_movie/:name搜索电影列表。/search/search_book/:name搜索图书列表。/user用户主页。/user/user_set设置页。/user/user_me个人信息页。/user/user_me/user_name修改昵称。/user/user_me/user_sex修改性别。/user/user_me/user_email修改性别。/user/user_login登录页。/user/user_reg注册页。/user/collect/collect_movie电影收藏页。/user/collect/collect_book图书收藏页。/user/collect/collect_photo图片收藏页。
