[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8715":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":39,"readmeContent":40,"aiSummary":41,"trendingCount":16,"starSnapshotCount":16,"syncStatus":15,"lastSyncTime":42,"discoverSource":43},8715,"vue3-admin","newbee-ltd\u002Fvue3-admin","newbee-ltd","🔥 🎉Vue 3 + Vite 2 + Vue-Router 4 + Element-Plus + Echarts 5 + Axios 开发的后台管理系统","https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444?suid=3808363978174302&source=android",null,"Vue",3468,851,36,2,0,9,30.79,"GNU General Public License v3.0",false,"main",true,[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38],"element","element-plus","element-ui","elementplus","elementui","newbee-mall","spring-boot","springboot","vue","vue-router","vue-router4","vue3","vuejs","vuex","vuex4","2026-06-12 02:01:57","# vue3-admin\n\nVue3 + Vite + Vue-Router + Element-Plus + Echarts + Axios 后台管理系统。\n\n![vue3-admin-summary](https:\u002F\u002F13-doc.oss-cn-beijing.aliyuncs.com\u002Fimages\u002F2022\u002F03\u002Fvue3-admin-summary.png)\n\n![Build Status](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fbuild-passing-green.svg)\n![Version 3.0.0](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fversion-3.0.0-yellow.svg)\n[![License](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-GPL3.0-blue.svg)](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue3-app\u002Fblob\u002Fmaster\u002FLICENSE)\n\nnewbee-mall 项目是一套电商系统，基于 Spring Boot 和 Vue 以及相关技术栈开发。 前台商城系统包含首页门户、商品分类、新品上线、首页轮播、商品推荐、商品搜索、商品展示、购物车、订单结算、订单流程、个人订单管理、会员中心、帮助中心等模块。 后台管理系统包含数据面板、轮播图管理、商品管理、订单管理、会员管理、分类管理、设置等模块。\n\n**vue3-admin** **版本线上预览地址：**[http:\u002F\u002Fvue3-admin.newbee.ltd](http:\u002F\u002Fvue3-admin.newbee.ltd)，测试账号密码：admin 123456\n\n## newbee-mall （新蜂商城）系列项目概览\n\n![newbee-mall-course-2023](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-cloud\u002Fraw\u002Fmain\u002Fstatic-files\u002Fnewbee-mall-course-2023.png)\n\n| 项目名称             | 仓库地址                                                     | 备注                                                         |\n| :------------------- | ------------------------------------------------------------ | ------------------------------------------------------------ |\n| newbee-mall          | [newbee-mall in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall)\u003Cbr>[newbee-mall in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall) | 初始版本、Spring Boot、Thymeleaf、MyBatis、MySQL             |\n| newbee-mall-plus     | [newbee-mall-plus in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-plus)\u003Cbr\u002F>[newbee-mall-plus in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall-plus) | 升级版本、优惠券、秒杀、支付、Spring Boot、Thymeleaf、MyBatis、MySQL、Redis |\n| newbee-mall-cloud    | [newbee-mall-cloud in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-cloud)\u003Cbr\u002F>[newbee-mall-cloud in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall-cloud) | 微服务版本、分布式事务、Spring Cloud Alibaba、Nacos、Sentinel、OpenFeign、Seata |\n| newbee-mall-api      | [newbee-mall-api in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-api)\u003Cbr\u002F>[newbee-mall-api in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall-api) | 前后端分离、Spring Boot、MyBatis、Swagger、MySQL             |\n| newbee-mall-api-go   | [newbee-mall-api-go in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-api-go)\u003Cbr\u002F>[newbee-mall-api-go in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall-api-go) | 前后端分离、Go、Gin、MySQL                                   |\n| newbee-mall-vue-app  | [newbee-mall-vue-app in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue-app)\u003Cbr\u002F>[newbee-mall-vue-app in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue-app) | 前后端分离、Vue2、Vant                                       |\n| newbee-mall-vue3-app | [newbee-mall-vue3-app in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue3-app)\u003Cbr\u002F>[newbee-mall-vue3-app in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fnewbee-mall-vue3-app) | 前后端分离、Vue3、Vue-Router4、Pinia、Vant4                  |\n| vue3-admin           | [vue3-admin in GitHub](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fvue3-admin)\u003Cbr\u002F>[vue3-admin in Gitee](https:\u002F\u002Fgitee.com\u002Fnewbee-ltd\u002Fvue3-admin) | 前后端分离、Vue3、Element-Plus、Vue-Router4、Vite            |\n\n**坚持不易，如果觉得项目还不错的话可以给项目一个 Star 吧，也是对我一直更新代码的一种鼓励啦，谢谢各位的支持。**\n\n## 开发及部署文档\n\n- [开篇词：通关 Vue3 企业级项目开发，升职加薪快人一步](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [项目须知和课程约定](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [大势所趋：“前后端分离”开发模式](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 简介及开发环境搭建](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 组合 API 入口 Setup 浅析](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 之响应式系统 API](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 之生命周期钩子函数、提供注入](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 性能和业务层面上的提升](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vite2 原理分析及简单插件编写](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue-Router4 使用方法及路由原理](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战项目启动篇](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [后端 API 开发技术选型之 Spring Boot](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [后端基础运行环境和开发工具准备](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Spring Boot 项目搭建及快速上手](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Spring Boot 实践之 Web 功能开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Spring Boot 实践之文件上传处理](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Spring Boot 实践之整合 MyBatis 操作数据库](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Spring Boot 实践之整合 Lombok](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Spring Boot 实践之整合 Swagger 生成接口文档](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [后端 API 项目启动和运行注意事项](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [接口参数处理和统一响应结果](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之用户登录接口开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之用户身份认证详解](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之轮播图管理模块接口开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之商品分类管理模块接口开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之商品管理模块接口开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之商品配置管理模块接口开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [API 接口开发实战之订单管理模块接口开发](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [前后端鉴权的四种方式](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vite2 + Vue3 + Element-Plus 搭建管理后台项目](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之管理后台左右栏目布局](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之登录鉴权](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之首页大盘数据](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之首页配置](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之分类管理](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之商品管理](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之订单管理](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [Vue3 实战之会员管理、账户修改](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [pm2 实现一键部署云端服务器](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n- [常见问题汇总讲解](https:\u002F\u002Fjuejin.cn\u002Fbook\u002F6933939264455442444)\n\n## 联系作者\n\n> 大家有任何问题或者建议都可以在 [issues](https:\u002F\u002Fgithub.com\u002Fnewbee-ltd\u002Fvue3-admin\u002Fissues) 中反馈给我，我会慢慢完善这个项目。\n\n- 我的邮箱：2449207463@qq.com\n- QQ技术交流群：707779034 932227898 552142710\n\n关注公众号：**程序员十三**，回复\"勾搭\"进群交流。\n\n![wx-gzh](https:\u002F\u002Fnewbee-mall.oss-cn-beijing.aliyuncs.com\u002Fwx-gzh\u002F%E7%A8%8B%E5%BA%8F%E5%91%98%E5%8D%81%E4%B8%89-%E5%85%AC%E4%BC%97%E5%8F%B7.png)\n\n## 软件著作权\n\n>本系统已申请软件著作权，受国家版权局知识产权以及国家计算机软件著作权保护！\n\n![](https:\u002F\u002Fnewbee-mall.oss-cn-beijing.aliyuncs.com\u002Fposter\u002Fstore\u002Fnewbee-mall-copyright.png)\n\n## 页面展示\n\n以下为 vue3-admin 系统的部分页面预览图：\n\n![preview](https:\u002F\u002Fuser-images.githubusercontent.com\u002F10935614\u002F111867147-251df580-89ad-11eb-924f-6140b70a2cc0.png)\n\n## 感谢\n\n- [Vue3](https:\u002F\u002Fvue3js.cn\u002Fdocs\u002Fzh\u002F)\n- [Element-Plus](https:\u002F\u002Felement-plus.gitee.io\u002F#\u002Fzh-CN)\n- [Vite](https:\u002F\u002Fcn.vitejs.dev\u002F)\n- [Vue-Router](https:\u002F\u002Fnext.router.vuejs.org\u002Fzh\u002Findex.html)\n- [Echarts](https:\u002F\u002Fecharts.apache.org\u002Fzh\u002Findex.html)\n- [Axios](http:\u002F\u002Fwww.axios-js.com\u002F)\n\n## 捐助\n\n全部捐赠，将用于后续的开源项目和服务器的开销\n\n| 支付宝 | 微信支付 | QQ钱包 | \n| :------: | :------: |  :------: | \n| \u003Cimg width=\"200\" height=\"200\"  src=\"https:\u002F\u002Fs.yezgea02.com\u002F1617009373128\u002F4771617009362_.pic.jpg\"> | \u003Cimg width=\"200\" height=\"200\" src=\"https:\u002F\u002Fs.yezgea02.com\u002F1617009369561\u002F4761617009362_.pic.jpg\"> | \u003Cimg width=\"200\" height=\"200\" src=\"https:\u002F\u002Fs.yezgea02.com\u002F1617009376339\u002F4781617009362_.pic.jpg\"> | \n","vue3-admin 是一个基于 Vue 3、Vite 2、Vue-Router 4、Element-Plus、Echarts 5 和 Axios 构建的后台管理系统。该项目提供了丰富的管理功能，包括数据面板、轮播图管理、商品管理、订单管理、会员管理和分类管理等模块。技术上，它采用了最新的前端框架和库，确保了高性能和良好的开发体验。适用于需要快速搭建现代化后台管理系统的企业或个人开发者，特别适合电商类应用的后台管理需求。","2026-06-11 03:19:24","top_language"]