{"id":13496392,"url":"https://github.com/shaobeichen/lvyou","last_synced_at":"2025-03-28T18:31:58.677Z","repository":{"id":143908574,"uuid":"84073601","full_name":"shaobeichen/lvyou","owner":"shaobeichen","description":":school_satchel:Vue.js 初步进阶案例，路由懒加载，进入页面前登录判断，返回导航判断，RestAPI接口使用，组件封装，Vuex状态封装，keep-alive页面缓存等功能","archived":true,"fork":false,"pushed_at":"2019-05-24T01:32:07.000Z","size":2580,"stargazers_count":195,"open_issues_count":0,"forks_count":47,"subscribers_count":16,"default_branch":"master","last_synced_at":"2025-03-24T17:16:18.848Z","etag":null,"topics":["leancloud","muse-ui","vue","vue-awesome-swiper","vue-cli","vue-lazyload","vue-resource","vue-router","vuejs","vuejs2","vuex"],"latest_commit_sha":null,"homepage":"","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/shaobeichen.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2017-03-06T13:00:33.000Z","updated_at":"2023-09-18T06:45:14.000Z","dependencies_parsed_at":null,"dependency_job_id":"0b2378e6-cc33-4122-8912-2572085fb5b0","html_url":"https://github.com/shaobeichen/lvyou","commit_stats":null,"previous_names":["leachzhou/lvyou"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shaobeichen%2Flvyou","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shaobeichen%2Flvyou/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shaobeichen%2Flvyou/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/shaobeichen%2Flvyou/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/shaobeichen","download_url":"https://codeload.github.com/shaobeichen/lvyou/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245507067,"owners_count":20626537,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["leancloud","muse-ui","vue","vue-awesome-swiper","vue-cli","vue-lazyload","vue-resource","vue-router","vuejs","vuejs2","vuex"],"created_at":"2024-07-31T19:01:47.332Z","updated_at":"2025-03-28T18:31:55.592Z","avatar_url":"https://github.com/shaobeichen.png","language":"Vue","readme":"\u003cp align=\"center\"\u003e\u003cimg src=\"https://github.com/LeachZhou/lvyou/blob/master/READMEIMG/icon.png?raw=true\"  width=\"200\" height=\"200\"\u003e\u003c/p\u003e\n\n# Lvyou (现由于leancloud问题，无法查看线上demo)\n\n[![Backers on Open Collective](https://opencollective.com/lvyou/backers/badge.svg)](#backers) [![Sponsors on Open Collective](https://opencollective.com/lvyou/sponsors/badge.svg)](#sponsors) ![npm](https://img.shields.io/badge/npm-3.8.9-green.svg)                                     ![npm](https://img.shields.io/badge/vue-2.2.1-green.svg)              ![npm](https://img.shields.io/badge/vue--resource-1.2.1-green.svg)            ![npm](https://img.shields.io/badge/vue--router-2.2.0-green.svg)      ![npm](https://img.shields.io/badge/vuex-2.2.1-green.svg)\n\n\u003e Vue.js 初步进阶案例，适合vue入门者进阶\n\n\u003e 路由懒加载，进入页面前登录判断，返回导航判断，RestAPI接口使用，组件封装，Vuex状态封装，keep-alive页面缓存等\n\n\u003e 旅游APP，为喜欢旅游的人专业提供旅游攻略，致力提升旅游体验。\n\n\u003e 目前功能不全，后期会慢慢完善，诸多问题，还望各位见谅。\n\n\n### 项目技术架构\n- vue\n- vue-router\n- vuex\n- vue-resource\n- vue-cli\n- less\n- webpack\n- muse-ui\n- vue-awesome-swiper\n- vue-lazyload\n- leancloud\n\n### 安装部署\n1.下载\n```\ngit clone https://github.com/LeachZhou/lvyou.git\n```\n2.进入项目\n```\ncd lvyou\n```\n3.安装依赖\n```\nnpm install\n```\n4.运行\n```\nnpm run dev\n```\n5.打包\n```\nnpm run build\n```\n\n### 功能\n- 首页\n- 发现详情页\n- 双列详情页\n- 话题页\n- 话题发布页\n- 干货页\n- 排行榜页\n- 干货详情页\n- 搜索页\n- 侧滑栏\n- 登录注册页\n- 用户页\n- 反馈信息页\n- 咨询客服\n- 注销\n- 图片懒加载\n- banner切换\n\n友情告知：后台数据采用leancloud RestAPI，因本人能力有限，一些请求未能请求成功，如果有人能够解决问题，欢迎随时[pull request](https://github.com/zhou1178539345/lvyou/pulls)。\n\n### 目录结构\n```\n├─ build                                   // webpack配置文件\n├─ config                                  // 项目设置\n├─ docs                                    // 项目部署文件\n├─ src\n│  ├─ assets                               // 静态文件\n│  │  ├─ css                               // 公共css\n│  │  └─ image                             // 图片文件\n│  ├─ components                           // 页面\n│  │  ├─ public                            // 公共组件\n│  │  │  ├─ addButton.vue                  // 话题页发布评论按钮组件\n│  │  │  ├─ backBar.vue                    // 返回顶部栏组件\n│  │  │  ├─ list.vue                       // 列表组件\n│  │  │  ├─ publicFooter.vue               // 底部导航栏\n│  │  │  ├─ publicHeader.vue               // 头部导航栏\n│  │  │  ├─ publicTitle.vue                // 公共标题栏\n│  │  │  ├─ spinner.vue                    // 加载组件\n│  │  │  ├─ swiper.vue                     // 首页banner组件\n│  │  │  └─ topicBanner.vue                // 话题banner组件\n│  │  ├─ detailPage.vue                    // 首页详情页\n│  │  ├─ editPage.vue                      // 发布评论页\n│  │  ├─ feedBack.vue                      // 反馈页\n│  │  ├─ goods.vue                         // 干货页\n│  │  ├─ goodsCharts.vue                   // 排行榜页\n│  │  ├─ goodsDetailPage.vue               // 干货详情页\n│  │  ├─ index.vue                         // 首页\n│  │  ├─ indexFourFour.vue                 // 首页双列详情页4\n│  │  ├─ indexFourOne.vue                  // 首页双列详情页1\n│  │  ├─ indexFourThree.vue                // 首页双列详情页3\n│  │  ├─ indexFourTwo.vue                  // 首页双列详情页2\n│  │  ├─ login.vue                         // 登录页\n│  │  ├─ search.vue                        // 搜索页\n│  │  ├─ test.vue                          // 测试页（备用）\n│  │  ├─ topic.vue                         // 话题页\n│  │  └─ user.vue                          // 用户页\n│  ├─ router\n│  │  └─ index.js                          //路由配置\n│  ├─ vuex\n│  │  └─ store.js                          // vuex配置\n│  ├─ App.vue                              // 页面入口文件\n│  └─ main.js                              // 程序入口文件\n├─ static                                  // 静态文件\n├─ .babelrc                                // ES6语法编译配置\n├─ .editorconfig                           // 代码编写规格配置\n├─ .gitignore                              // git 忽略项\n├─ .postcssrc.js\n├─ LICENSE                                 // 许可证\n├─ README.md                               // README\n├─ index.html                              // html模板\n└─ package.json                            // 配置依赖\n```\n\n### 运行效果\n![这里写图片描述](http://img.blog.csdn.net/20170712082912304)\n\n![这里写图片描述](http://img.blog.csdn.net/20170712083008201)\n\n![这里写图片描述](http://img.blog.csdn.net/20170712083045252)\n\n### APP\n~~[软件下载地址]()~~\n软件使用HBuilder进行应用打包，另外制作了启动页和appIcon\n\n![这里写图片描述](http://img.blog.csdn.net/20170712110116741)\n\n### 鸣谢\n- Vue\n- Muse-UI\n- leancloud\n- vue-awesome-swiper\n- vue-lazyload\n- HBuilder\n\n### END\n这是本人深入vue系统所制作的一个webapp，由于接口使用的是leancloud，很多功能没有实现，后期想用node.js自己写RestAPI，再完善组件和界面。欢迎大家STAR！\n\n## Contributors\n\nThis project exists thanks to all the people who contribute. \n\u003ca href=\"graphs/contributors\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/contributors.svg?width=890\u0026button=false\" /\u003e\u003c/a\u003e\n\n\n## Backers\n\nThank you to all our backers! 🙏 [[Become a backer](https://opencollective.com/lvyou#backer)]\n\n\u003ca href=\"https://opencollective.com/lvyou#backers\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/backers.svg?width=890\"\u003e\u003c/a\u003e\n\n\n## Sponsors\n\nSupport this project by becoming a sponsor. Your logo will show up here with a link to your website. [[Become a sponsor](https://opencollective.com/lvyou#sponsor)]\n\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/0/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/0/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/1/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/1/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/2/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/2/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/3/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/3/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/4/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/4/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/5/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/5/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/6/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/6/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/7/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/7/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/8/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/8/avatar.svg\"\u003e\u003c/a\u003e\n\u003ca href=\"https://opencollective.com/lvyou/sponsor/9/website\" target=\"_blank\"\u003e\u003cimg src=\"https://opencollective.com/lvyou/sponsor/9/avatar.svg\"\u003e\u003c/a\u003e\n\n\n","funding_links":["https://opencollective.com/lvyou"],"categories":["Vue"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaobeichen%2Flvyou","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaobeichen%2Flvyou","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaobeichen%2Flvyou/lists"}