{"id":21224387,"url":"https://github.com/guodonglw/vue3.0-admin","last_synced_at":"2025-07-13T07:36:03.159Z","repository":{"id":37743311,"uuid":"223917250","full_name":"guodonglw/vue3.0-admin","owner":"guodonglw","description":"vue3.0 + typescript + element-ui + 后台系统","archived":false,"fork":false,"pushed_at":"2023-01-05T13:53:34.000Z","size":1764,"stargazers_count":256,"open_issues_count":23,"forks_count":87,"subscribers_count":8,"default_branch":"master","last_synced_at":"2025-05-19T21:04:44.410Z","etag":null,"topics":["admin","element-ui","flex","typescript","vue","vue3"],"latest_commit_sha":null,"homepage":null,"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/guodonglw.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}},"created_at":"2019-11-25T10:04:21.000Z","updated_at":"2024-12-23T01:12:19.000Z","dependencies_parsed_at":"2022-08-24T16:02:04.696Z","dependency_job_id":null,"html_url":"https://github.com/guodonglw/vue3.0-admin","commit_stats":null,"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"purl":"pkg:github/guodonglw/vue3.0-admin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guodonglw%2Fvue3.0-admin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guodonglw%2Fvue3.0-admin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guodonglw%2Fvue3.0-admin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guodonglw%2Fvue3.0-admin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/guodonglw","download_url":"https://codeload.github.com/guodonglw/vue3.0-admin/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/guodonglw%2Fvue3.0-admin/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":263166740,"owners_count":23424230,"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":["admin","element-ui","flex","typescript","vue","vue3"],"created_at":"2024-11-20T22:58:06.752Z","updated_at":"2025-07-02T15:36:21.007Z","avatar_url":"https://github.com/guodonglw.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003ch1 align=\"center\"\u003evue3-admin\u003c/h1\u003e\n\n## 简介\nvue3-admin是一个后台管理系统的前端页面展示，是由vue-cli4和elemnet-ui搭建实现的。使用了最新的vue框架，内部采用了组件化开发模式，尽可能使得每个组件都遵循单一\n功能原则。虽然刚开始看起来可能略感疲惫（由于子组件功能单一，所以内部通信较多），但是对后期的维护有着非常大的好处。项目采用弹性盒（flex）布局，故而在移动端也有着较好的显示效果，可在移动端进行打开demo查看。\n\n## 服务器超时未续费，已停机，当前无法预览，感兴趣的朋友自己拉取代码运行吧，抱歉\n\n## 演示(由于作者自己买的低配版阿里云服务器，所以可能导致请求时间略长)\n[在线demo](http://39.105.222.188/vue3.0-admin/#/login)\n\n移动端可扫码查看\n\n![avatar](./qrCode.png)\n\n## 更快更好的开发体验，请查看下面的项目\n[vue3实战项目](https://github.com/guodonglw/vue3-admin)\n\n## 开发\n```bash\n# 克隆项目\ngit clone git@github.com:guodonglw/vue3.0-admin.git\n\n# 进入项目目录\ncd vue3.0-admin\n\n# 安装依赖\nnpm install\n\n# 建议不要用 cnpm 安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题\nnpm install --registry=https://registry.npm.taobao.org\n\n# 启动服务\nnpm run serve\n\n# 如遇到node-sass的问题，可尝试\nnpm rebuild node-sass\n```\n\n浏览器访问 http://localhost:8080\n\n## 发布\n\n```bash\n# 构建生产环境\nnpm run build\n```\n\n打包会出现dist文件夹，用Chrome浏览器打开index.html页面即可\n\n## Browsers support\n\nModern browsers\n\n| [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png\" alt=\"Firefox\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eFirefox | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png\" alt=\"Chrome\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eChrome | [\u003cimg src=\"https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png\" alt=\"Safari\" width=\"24px\" height=\"24px\" /\u003e](https://godban.github.io/browsers-support-badges/)\u003c/br\u003eSafari |\n| --------- | --------- | --------- |\n| last 2 versions| last 2 versions| last 2 versions\n  \n## 备注\n\n```javascript\n// 建议首先查看路由文件(了解项目路由以及如何进行动态生成前端路由)\n// 页面查看顺序(登录页（views/Login）-\u003e 首页(views/Home/Dashboard))，其中views/Home为其他页面的公共引用部分\n// 与后端交互接口（请查看service/index.ts，数据由mock.js产生；实际开发请查看util/request.ts）\n// 后台系统包括了登录，异步生成路由，echarts数据可视化，table表增删改查等功能，希望该demo示例可以帮助到有需要的朋友快速上手\n// 根据vue-cli示例，主页面index.vue中会采用vue2的写法，在子组件中则有较大的变化，请仔细查看区别\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguodonglw%2Fvue3.0-admin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fguodonglw%2Fvue3.0-admin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fguodonglw%2Fvue3.0-admin/lists"}