{"id":13938061,"url":"https://github.com/wunci/vue-video","last_synced_at":"2025-04-06T18:16:36.265Z","repository":{"id":144078796,"uuid":"102252010","full_name":"wunci/vue-video","owner":"wunci","description":"vue + vue-router + vuex + (fetch-\u003eaxios)","archived":false,"fork":false,"pushed_at":"2023-01-28T08:41:15.000Z","size":4371,"stargazers_count":262,"open_issues_count":2,"forks_count":97,"subscribers_count":11,"default_branch":"master","last_synced_at":"2025-03-30T16:12:49.600Z","etag":null,"topics":["axios","fetch","node","sass","vue","vue-router","vuex","webpack"],"latest_commit_sha":null,"homepage":"http://video.wclimb.site","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/wunci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2017-09-03T08:50:13.000Z","updated_at":"2024-11-17T22:14:27.000Z","dependencies_parsed_at":null,"dependency_job_id":"3455a675-4d9c-44e4-a0c0-3a096f68ff03","html_url":"https://github.com/wunci/vue-video","commit_stats":null,"previous_names":["wclimb/vue-video"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wunci%2Fvue-video","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wunci%2Fvue-video/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wunci%2Fvue-video/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/wunci%2Fvue-video/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/wunci","download_url":"https://codeload.github.com/wunci/vue-video/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":247526764,"owners_count":20953143,"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":["axios","fetch","node","sass","vue","vue-router","vuex","webpack"],"created_at":"2024-08-07T23:04:12.457Z","updated_at":"2025-04-06T18:16:36.240Z","avatar_url":"https://github.com/wunci.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# 写在前面\n\n  该项目有两个版本，vue和react\n  \n\u003e 前端项目地址 https://github.com/wunci/vue-video    \n\n\u003e 后端项目地址 https://github.com/wunci/video-admin  \n\n\u003e API接口地址 https://github.com/wunci/video-admin/blob/master/API.md (未更新，接口现在重写过)\n\nreact版现在已经完成\n\n\u003e react版项目地址 https://github.com/wunci/react-video  \n\n## 技术栈(Vue2.js + Node.js 全栈项目)\n\n\u003e 由于页面不是很多，vuex用的不多，关键掌握怎么实现就好了\n\n`vue2` + `vuex` + `vue-router` + `webpack` + `fetch/axios` + `sass` + `flex` + `svg` + `阿里字体图标`\n\n## 运行\n\n```\ngit clone https://github.com/wunci/vue-video.git\n\ncd vue-video\n\nnpm install  建议使用淘宝镜像(https://npm.taobao.org/) =\u003e  cnpm i\n\nnpm run dev (运行项目)\n\nnpm run build (打包项目)\n\nps: 如果打包之后文件运行不了，请打包之前把路由的 mode:'history'注释掉，该功能去掉了url中丑陋的 # 号\n\n```\n## 功能\n\n* 1. 注册登录登出 + 验证码 密码检测，如果用户不存在则自动创建\n* 2. 检测是否登录，如果没有登录则不允许评论和评价\n* 3. 可以上传影片到后台，进行前台展示\n* 4. 评分功能，初始化评分可以自由设置，如果没有人like则默认显示原始评分，如果有则计算当前vide的评分\n* 5. 修改用户名，检测用户名是否跟其他人重复\n* 6. 上传头像，默认没有头像\n* 7. 评论功能，评论之后可以在个人中心展示，并且可以删除\n* 8. 搜索功能，可以搜索存在的影片，如果没有则显示无结果\n* 9. 自己喜欢的video和评论的内容会在个人中心显示\n\n综上：\n\n- [x] 注册\n- [x] 登录\n- [x] 登出\n- [x] 验证码\n- [x] 详情页\n- [x] 分类\n- [x] 分类影视列表\n- [x] 修改用户名\n- [x] 上传头像\n- [x] 评论\n- [x] 删除评论(可以左滑评论删除)\n- [x] 搜索\n- [x] 个人中心数据\n\n如果觉得对你有帮助还望关注一下，有问题可以及时提哟，觉得不错的话`star`一下也是可以的哟\n\n## 前端线上地址\n\n项目是手机端的，请使用谷歌浏览器手机预览模式\n\n\u003e 首页默认一种类别只显示10个，可以查看更多显示全部 \n\n\n## 后端线上地址\n\n技术栈：`Node` + `Koa2` + `Mysql` \nGitHub: [管理后台](https://github.com/wunci/video-admin)\n\n\n## 目录结构\n\n```\n|-- build                            // webpack配置文件\n|-- config                           // 项目打包路径\n|-- src                              // 源码目录\n|   |-- assets                       // 图片文件\n|   |-- base                   \t\t // 移动端适配\n|   |-- components                   // 组件\n|   |-- data                         // 接口\n|   |-- router\t\t\t\t\t\t // 路由配置\n|   |-- store                        // 状态管理\n|   |-- style                        // 样式\n|    \tApp.vue                      // 页面入口文件\n|    \tmain.js                      // 程序入口文件\n|-- static                           // 静态资源\n|-- .babelrc                         // ES6语法编译配置\n|-- .editorconfig                    // 代码编写规格\n|-- .gitignore                       // git忽略的文件\n|-- .postcssrc.js                    // post-loader的插件配置文件\n|-- index.html                       // 入口html文件\n|-- package.json                     // 项目及工具的依赖配置文件\n\n```\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwunci%2Fvue-video","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwunci%2Fvue-video","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwunci%2Fvue-video/lists"}