{"id":15184928,"url":"https://github.com/hellosaofei/vue-admin-demo","last_synced_at":"2026-02-17T19:02:16.821Z","repository":{"id":238484873,"uuid":"796649928","full_name":"hellosaofei/vue-admin-demo","owner":"hellosaofei","description":"基于vue-element-template开发的一套后台管理系统","archived":false,"fork":false,"pushed_at":"2024-06-17T11:02:41.000Z","size":3850,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"develop","last_synced_at":"2025-10-04T07:54:15.625Z","etag":null,"topics":["admin","vue2","webpack"],"latest_commit_sha":null,"homepage":"http://deploy-demo.gulihanjiang.top/","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/hellosaofei.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":"2024-05-06T11:14:34.000Z","updated_at":"2025-07-12T05:20:07.000Z","dependencies_parsed_at":"2024-06-16T12:22:50.755Z","dependency_job_id":"bed4a0fc-6d09-40a0-9b30-5957f9dabb34","html_url":"https://github.com/hellosaofei/vue-admin-demo","commit_stats":{"total_commits":26,"total_committers":1,"mean_commits":26.0,"dds":0.0,"last_synced_commit":"04eb5f75932815ca07ed60d3489add497525caa7"},"previous_names":["hellosaofei/vue-admin-demo"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/hellosaofei/vue-admin-demo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellosaofei%2Fvue-admin-demo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellosaofei%2Fvue-admin-demo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellosaofei%2Fvue-admin-demo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellosaofei%2Fvue-admin-demo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/hellosaofei","download_url":"https://codeload.github.com/hellosaofei/vue-admin-demo/tar.gz/refs/heads/develop","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/hellosaofei%2Fvue-admin-demo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29554391,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-17T18:16:07.221Z","status":"ssl_error","status_checked_at":"2026-02-17T18:16:04.782Z","response_time":100,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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","vue2","webpack"],"created_at":"2024-09-27T17:42:39.635Z","updated_at":"2026-02-17T19:02:16.800Z","avatar_url":"https://github.com/hellosaofei.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cimg src=\"https://v2.cn.vuejs.org/images/logo.svg\" width=\"200\" height=\"200\" /\u003e\n\u003c/p\u003e\n\n\u003ch1 align=\"center\"\u003eVUE-ADMIN-DEMO\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003e一款\u003cb\u003e开箱即用\u003c/b\u003e的 Vue2 中后台管理系统框架[前端+后端]\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003cspan\u003e\u0026nbsp;[\u0026nbsp;\u003c/span\u003e\n  本项目演示地址：\n  \u003ca href=\"http://deploy-demo.gulihanjiang.top\" target=\"_blank\"\u003e点击这里\u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;]\u0026nbsp;\u003c/span\u003e\n\u003cp\u003e\n\u003cp align=\"center\"\u003e\n  \u003cspan\u003e\u0026nbsp;[\u0026nbsp;\u003c/span\u003e\n  后端集成：\n  \u003ca href=\"https://github.com/hellosaofei/express-demo\" target=\"_blank\"\u003e点击这里\u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;]\u0026nbsp;\u003c/span\u003e\n\u003cp\u003e\n\n## 1、简介\n\nVUE-ADMIN-DEMO:bear: 是一款开源的中后台管理平台，基于【[PanJiaChen](https://github.com/PanJiaChen)】大佬的项目【[vue-admin-template](https://github.com/PanJiaChen/vue-admin-template)】创建，并在该项目的基础上主要做了如下拓展：\n\n- :fire:真实的后端交互\n  开发环境和生产环境均弃用 `mock-server`,部分数据由`mockJS`生成并交给`express`转发\n- :boom:常见的业务组件封装\n  集成\u003cb\u003e`echarts`图表\u003c/b\u003e、\u003cb\u003e数字自增长\u003c/b\u003e、\u003cb\u003e水印\u003c/b\u003e、\u003cb\u003e二维码生成\u003c/b\u003e等常见的业务功能并进行组件封装\n- :heartbeat:原生 JS 案例实现\n  如`手写轮播图`，`手写瀑布流图片`\n- :skull:其他功能\n  `大文件切片上传`、`基于双token的无感刷新`、`一键换肤`\n\n## 2、特点\n\n- 🎯 使用 Element UI + Vue2 + Vuex + Axios 等主流技术。\n- 🍊 主动适配移动端、 PC 端。\n- 🌸 集成登陆、注销及权限验证。\n- 🎃 封装按钮和 Input 框的防抖、限流和背景水印以及左侧无限递归菜单。\n- 😍 二次封装 Dialog 对话框、Drawer 抽屉、Notification 通知、Message 消息提示等组件，操作更加方便快捷。\n- 🍓 二次封装 axios，方便接口更好的统一管理。\n- 🌍 集成 Echarts 图表。\n- 👻 集成 `mock` 接口服务。\n\n## 3、项目效果预览\n\n\u003ctable\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk0lqKg.png\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk0lT8f.png\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk0l728.png\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk0lHxS.png\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk03PYt.png\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk03ifP.png\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n  \u003ctr\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk03kSf.png\" /\u003e\u003c/td\u003e\n    \u003ctd\u003e\u003cimg src=\"https://s21.ax1x.com/2024/06/17/pk03Al8.png\" /\u003e\u003c/td\u003e\n  \u003c/tr\u003e\n\u003c/table\u003e\n\n## 4、源码\n\n\u003cp align=\"left\"\u003e\n  \u003cspan\u003e\u0026nbsp;[\u0026nbsp;\u003c/span\u003e\n  前端项目\n  \u003ca href=\"https://github.com/hellosaofei/vue-admin-demo.git\" target=\"_blank\"\u003e点击这里\u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;]\u0026nbsp;\u003c/span\u003e\n\u003cp\u003e\n\n\u003cp align=\"left\"\u003e\n  \u003cspan\u003e\u0026nbsp;[\u0026nbsp;\u003c/span\u003e\n  后端项目\n  \u003ca href=\"https://github.com/hellosaofei/express-demo.git\" target=\"_blank\"\u003e点击这里\u003c/a\u003e\n  \u003cspan\u003e\u0026nbsp;]\u0026nbsp;\u003c/span\u003e\n\u003cp\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellosaofei%2Fvue-admin-demo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhellosaofei%2Fvue-admin-demo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhellosaofei%2Fvue-admin-demo/lists"}