vue-project

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 图片收藏页。

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。
3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考学习用!
4、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。