{"id":13536497,"url":"https://github.com/doterlin/vue-user-center","last_synced_at":"2025-04-02T03:30:47.803Z","repository":{"id":84230601,"uuid":"82246551","full_name":"doterlin/vue-user-center","owner":"doterlin","description":"💻一个用vue.js(2.0)写的直播类应用web端个人中心","archived":false,"fork":false,"pushed_at":"2017-04-12T03:16:36.000Z","size":542,"stargazers_count":55,"open_issues_count":0,"forks_count":18,"subscribers_count":5,"default_branch":"master","last_synced_at":"2024-11-03T01:33:14.831Z","etag":null,"topics":["mvvm","spa","user-centered-design","vue","vue-resource","vue-router","vuex"],"latest_commit_sha":null,"homepage":"https://doterlin.github.io/vue-user-center","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/doterlin.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}},"created_at":"2017-02-17T02:06:04.000Z","updated_at":"2024-08-23T12:17:53.000Z","dependencies_parsed_at":"2023-05-24T01:30:24.794Z","dependency_job_id":null,"html_url":"https://github.com/doterlin/vue-user-center","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doterlin%2Fvue-user-center","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doterlin%2Fvue-user-center/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doterlin%2Fvue-user-center/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/doterlin%2Fvue-user-center/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/doterlin","download_url":"https://codeload.github.com/doterlin/vue-user-center/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246750869,"owners_count":20827794,"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":["mvvm","spa","user-centered-design","vue","vue-resource","vue-router","vuex"],"created_at":"2024-08-01T09:00:40.555Z","updated_at":"2025-04-02T03:30:47.449Z","avatar_url":"https://github.com/doterlin.png","language":"Vue","funding_links":[],"categories":["Demo示例"],"sub_categories":[],"readme":"# vue-user-center\n\u003e 一个用vue.js(2.0)写的直播类应用web端个人中心\n\n\u003e github地址：[https://github.com/doterlin/vue-user-center](https://github.com/doterlin/vue-user-center)\n\n\u003e 演示地址：[https://doterlin.github.io/vue-user-center/](https://doterlin.github.io/vue-user-center)\n\n![截图](https://github.com/doterlin/vue-user-center/blob/master/images/print-screen.png)\n\n## 下载\n```\ngit clone git@github.com:doterlin/vue-user-center.git\n```\n或者下载[zip](https://github.com/doterlin/vue-user-center/archive/master.zip)\n## 编译\n```\nnpm run build\n```\n\n## 框架及插件\n+ [vue.js](https://vuejs.org/v2/guide/) 主框架\n+ [vuex](https://vuex.vuejs.org/) 状态管理\n+ [vue-router](https://router.vuejs.org/) 路由管理\n+ [vue-resource](https://github.com/pagekit/vue-resource) http请求插件\n\n## 应用结构\n组件的父子关系和位置大概如下:\n\n![应用结构](https://github.com/doterlin/vue-user-center/blob/master/images/app-structure-ps.png)\n\n使用`chrome`插件`Vue.js devtools`也可以清晰的查看应用的组件组成及相关数据：\n\n![Vue.js devtools](https://github.com/doterlin/vue-user-center/blob/master/images/app-structure.png)\n\n\n## 说明\n+ 里面包含一些实用的小组件可复用(分页组件，数据展示表格，Loading组件等)\n+ 本项目开始时，但是不排除日后扩展，所以在状态管理处理时使用了`vuex`\n+ 所有对代码解释已在注释中，方便查看\n+ 一些组件有写到一些url，只是为了表明在实际开发时需要请求后台，在此示例中为了演示效果所以并没有用到\n+ loading状态是用`setTimeout`方法演示，并非真正请求后台\n+ 需要查看登录演示请移步[vue-example-login](https://github.com/doterlin/vue-example-login)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoterlin%2Fvue-user-center","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdoterlin%2Fvue-user-center","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdoterlin%2Fvue-user-center/lists"}