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、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。