[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8616":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":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":18,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":32,"readmeContent":33,"aiSummary":34,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":35,"discoverSource":36},8616,"mall-admin-web","macrozheng\u002Fmall-admin-web","macrozheng","mall-admin-web是一个电商后台管理系统的前端项目，基于Vue 3+Element Plus实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。","https:\u002F\u002Fwww.macrozheng.com\u002Fadmin\u002F",null,"Vue",12554,7452,318,3,0,2,7,32,45,"Apache License 2.0",false,"master",true,[26,27,28,29,30,31],"axios","element-ui","v-charts","vue","vue-router","vuex","2026-06-12 02:01:56","# mall-admin-web\n\n\u003Cp>\n  \u003Ca href=\"#公众号\">\u003Cimg src=\"http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbadge\u002F%E5%85%AC%E4%BC%97%E5%8F%B7-macrozheng-blue.svg\" alt=\"公众号\">\u003C\u002Fa>\n  \u003Ca href=\"#公众号\">\u003Cimg src=\"http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbadge\u002F%E4%BA%A4%E6%B5%81-%E5%BE%AE%E4%BF%A1%E7%BE%A4-2BA245.svg\" alt=\"交流\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall\">\u003Cimg src=\"http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbadge\u002F%E5%90%8E%E5%8F%B0%E9%A1%B9%E7%9B%AE-mall-blue.svg\" alt=\"后台项目\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall-swarm\">\u003Cimg src=\"http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbadge\u002FCloud%E7%89%88%E6%9C%AC-mall--swarm-brightgreen.svg\" alt=\"SpringCloud版本\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgitee.com\u002Fmacrozheng\u002Fmall-admin-web\">\u003Cimg src=\"http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbadge\u002F%E7%A0%81%E4%BA%91-%E9%A1%B9%E7%9B%AE%E5%9C%B0%E5%9D%80-orange.svg\" alt=\"码云\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n## 友情提示\n\n> 1. **快速体验项目**：[在线访问地址](https:\u002F\u002Fwww.macrozheng.com\u002Fadmin\u002Findex.html) 。\n> 2. **全套学习教程**：[《mall学习教程》](https:\u002F\u002Fwww.macrozheng.com) 。\n> 3. **分支说明**：`master`分支基于Vue3+Element-Plus，`dev-v2`分支基于Vue2+Element。\n\n## 前言\n\n该项目为前后端分离项目的前端部分，后端项目`mall`地址：[传送门](https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall) 。\n\n## 项目介绍\n\n`mall-admin-web`是一个电商后台管理系统的前端项目，基于Vue3+Element-Plus实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。\n\n### 项目演示\n\n项目在线演示地址：[https:\u002F\u002Fwww.macrozheng.com\u002Fadmin\u002F](https:\u002F\u002Fwww.macrozheng.com\u002Fadmin\u002F)\n\n![后台管理系统功能演示](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_admin_show.png)\n\n### 技术选型\n\n| 技术                        | 说明                  | 官网                                                    |\n| --------------------------- | --------------------- | ------------------------------------------------------- |\n| Vue                         | 前端框架              | https:\u002F\u002Fcn.vuejs.org\u002F                                   |\n| Element Plus                | 前端UI框架            | https:\u002F\u002Felement-plus.org\u002F                               |\n| Vue Router                  | 路由框架              | https:\u002F\u002Frouter.vuejs.org\u002F                               |\n| Pinia                       | 全局状态管理框架      | https:\u002F\u002Fpinia.vuejs.org\u002F                                |\n| Pinia Plugin Persistedstate | Pinia持久化插件       | https:\u002F\u002Fprazdevs.github.io\u002Fpinia-plugin-persistedstate\u002F |\n| Axios                       | 前端HTTP框架          | https:\u002F\u002Fgithub.com\u002Faxios\u002Faxios                          |\n| vue-charts                  | 基于Echarts的图表框架 | https:\u002F\u002Fgithub.com\u002Fecomfe\u002Fvue-echarts                   |\n| TinyMCE Vue                 | 富文本编辑器          | https:\u002F\u002Fgithub.com\u002Ftinymce\u002Ftinymce-vue                  |\n| Js-cookie                   | cookie管理工具        | https:\u002F\u002Fgithub.com\u002Fjs-cookie\u002Fjs-cookie                  |\n| vue-element-admin           | 项目脚手架            | https:\u002F\u002Fgithub.com\u002FPanJiaChen\u002Fvue-element-admin         |\n\n### 项目布局\n\n```lua\nsrc -- 源码目录\n├── apis -- axios网络请求接口定义\n├── assets -- 静态图片资源文件\n├── components -- 通用组件封装\n├── icons -- svg矢量图片文件\n├── router -- vue-router路由配置\n├── store -- pinia的状态管理\n├── styles -- 全局css样式\n├── types -- 类型定义\n├── utils -- 工具类\n└── views -- 前端页面\n    ├── home -- 首页\n    ├── layout -- 通用页面框架\n    ├── normal -- 常用页面（login和404）\n    ├── oms -- 订单模块页面\n    ├── pms -- 商品模块页面\n    ├── sms -- 商品模块页面\n    └── ums -- 用户模块页面\n```\n\n## 搭建步骤\n\n- 下载node并安装，支持v20以上版本（建议下载v20 LTS版本）：https:\u002F\u002Fnodejs.org\u002Fzh-cn\u002Fdownload\u002Farchive\u002Fv20.20.0\n- 该项目为前后端分离项目，访问本地访问接口需搭建后台环境，搭建请参考后端项目[传送门](https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall);\n- 访问在线接口无需搭建后台环境，只需将`.env.development`文件中的`VITE_BASE_SERVER_URL`改为[https:\u002F\u002Fadmin-api.macrozheng.com](https:\u002F\u002Fadmin-api.macrozheng.com)即可;\n- 如果你对接的是[mall-swarm](https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall-swarm) 微服务后台的话，所有接口都需要通过网关访问，需要将`.env.development`文件中的`VITE_BASE_SERVER_URL`改为[http:\u002F\u002Flocalhost:8201\u002Fmall-admin](http:\u002F\u002Flocalhost:8201\u002Fmall-admin) ；\n- 克隆源代码到本地，使用VSCode打开，并完成编译;\n- 在命令行中运行命令：`npm install`,下载相关依赖;\n- 在命令行中运行命令：`npm run dev`,运行项目;\n- 访问地址：[http:\u002F\u002Flocalhost:5173](http:\u002F\u002Flocalhost:5173)即可打开后台管理系统页面;\n- 具体部署过程请参考：[mall前端项目的安装与部署](https:\u002F\u002Fwww.macrozheng.com\u002Fmall\u002Fstart\u002Fmall_deploy_web.html)\n- 前端自动化部署请参考：[使用Jenkins一键打包部署前端应用，就是这么6！](https:\u002F\u002Fwww.macrozheng.com\u002Fmall\u002Freference\u002Fjenkins_vue.html)\n\n## 公众号\n\n加微信群交流，公众号后台回复「**加群**」即可。\n\n![公众号图片](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbanner\u002Fqrcode_for_macrozheng_258.jpg)\n\n## 许可证\n\n[Apache License 2.0](https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall-admin-web\u002Fblob\u002Fmaster\u002FLICENSE)\n\nCopyright (c) 2018-2026 macrozheng\n","mall-admin-web是一个电商后台管理系统的前端项目，基于Vue 3和Element Plus构建。它提供了包括商品、订单、会员、促销、运营、内容管理及统计报表、财务与权限设置等在内的全面功能模块。项目采用了现代化的前端技术栈，如Vue Router进行路由管理，Pinia作为状态管理工具，并使用Axios处理HTTP请求，同时集成了vue-charts以支持图表展示。适用于需要高效且功能完善的电商后台管理系统场景，无论是初创企业还是大型电商平台都能从中受益。","2026-06-11 03:18:54","top_language"]