{"id":13488956,"url":"https://github.com/macrozheng/mall-admin-web","last_synced_at":"2025-05-14T22:05:23.420Z","repository":{"id":37745074,"uuid":"133310647","full_name":"macrozheng/mall-admin-web","owner":"macrozheng","description":"mall-admin-web是一个电商后台管理系统的前端项目，基于Vue+Element实现。 主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。","archived":false,"fork":false,"pushed_at":"2025-04-07T02:39:52.000Z","size":1815,"stargazers_count":12157,"open_issues_count":11,"forks_count":7333,"subscribers_count":319,"default_branch":"master","last_synced_at":"2025-05-14T22:03:24.413Z","etag":null,"topics":["axios","element-ui","v-charts","vue","vue-router","vuex"],"latest_commit_sha":null,"homepage":"https://www.macrozheng.com/admin/","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/macrozheng.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,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2018-05-14T05:48:19.000Z","updated_at":"2025-05-14T19:34:27.000Z","dependencies_parsed_at":"2023-02-08T18:02:01.746Z","dependency_job_id":"a71a7ba8-ca44-46e9-a3c4-20606aa0e651","html_url":"https://github.com/macrozheng/mall-admin-web","commit_stats":{"total_commits":156,"total_committers":2,"mean_commits":78.0,"dds":0.4551282051282052,"last_synced_commit":"144bde2b35907cb7b63b70a540e3f35bc3ae4494"},"previous_names":[],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-admin-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-admin-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-admin-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-admin-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/macrozheng","download_url":"https://codeload.github.com/macrozheng/mall-admin-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254235687,"owners_count":22036962,"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":["axios","element-ui","v-charts","vue","vue-router","vuex"],"created_at":"2024-07-31T18:01:24.899Z","updated_at":"2025-05-14T22:05:23.366Z","avatar_url":"https://github.com/macrozheng.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# mall-admin-web\n\u003cp\u003e\n  \u003ca href=\"#公众号\"\u003e\u003cimg src=\"http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/badge/%E5%85%AC%E4%BC%97%E5%8F%B7-macrozheng-blue.svg\" alt=\"公众号\"\u003e\u003c/a\u003e\n  \u003ca href=\"#公众号\"\u003e\u003cimg src=\"http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/badge/%E4%BA%A4%E6%B5%81-%E5%BE%AE%E4%BF%A1%E7%BE%A4-2BA245.svg\" alt=\"交流\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/macrozheng/mall\"\u003e\u003cimg src=\"http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/badge/%E5%90%8E%E5%8F%B0%E9%A1%B9%E7%9B%AE-mall-blue.svg\" alt=\"后台项目\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://github.com/macrozheng/mall-swarm\"\u003e\u003cimg src=\"http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/badge/Cloud%E7%89%88%E6%9C%AC-mall--swarm-brightgreen.svg\" alt=\"SpringCloud版本\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://gitee.com/macrozheng/mall-admin-web\"\u003e\u003cimg src=\"http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/badge/%E7%A0%81%E4%BA%91-%E9%A1%B9%E7%9B%AE%E5%9C%B0%E5%9D%80-orange.svg\" alt=\"码云\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n## 前言\n\n该项目为前后端分离项目的前端部分，后端项目`mall`地址：[传送门](https://github.com/macrozheng/mall) 。\n\n## 项目介绍\n\n`mall-admin-web`是一个电商后台管理系统的前端项目，基于Vue+Element实现。主要包括商品管理、订单管理、会员管理、促销管理、运营管理、内容管理、统计报表、财务管理、权限管理、设置等功能。\n\n### 项目演示\n\n项目在线演示地址：[https://www.macrozheng.com/admin/](https://www.macrozheng.com/admin/)\n\n![后台管理系统功能演示](http://img.macrozheng.com/mall/project/mall_admin_show.png)\n\n### 技术选型\n\n| 技术              | 说明                  | 官网                                                         |\n| ----------------- | --------------------- | ------------------------------------------------------------ |\n| Vue               | 前端框架              | [https://vuejs.org/](https://vuejs.org/)                     |\n| Vue-router        | 路由框架              | [https://router.vuejs.org/](https://router.vuejs.org/)       |\n| Vuex              | 全局状态管理框架      | [https://vuex.vuejs.org/](https://vuex.vuejs.org/)           |\n| Element           | 前端UI框架            | [https://element.eleme.io/](https://element.eleme.io/)       |\n| Axios             | 前端HTTP框架          | [https://github.com/axios/axios](https://github.com/axios/axios) |\n| v-charts          | 基于Echarts的图表框架 | [https://v-charts.js.org/](https://v-charts.js.org/)         |\n| Js-cookie         | cookie管理工具        | [https://github.com/js-cookie/js-cookie](https://github.com/js-cookie/js-cookie) |\n| nprogress         | 进度条控件            | [https://github.com/rstacruz/nprogress](https://github.com/rstacruz/nprogress) |\n| vue-element-admin | 项目脚手架参考        | [https://github.com/PanJiaChen/vue-element-admin](https://github.com/PanJiaChen/vue-element-admin) |\n\n### 项目布局\n\n``` lua\nsrc -- 源码目录\n├── api -- axios网络请求定义\n├── assets -- 静态图片资源文件\n├── components -- 通用组件封装\n├── icons -- svg矢量图片文件\n├── router -- vue-router路由配置\n├── store -- vuex的状态管理\n├── styles -- 全局css样式\n├── utils -- 工具类\n└── views -- 前端页面\n    ├── home -- 首页\n    ├── layout -- 通用页面加载框架\n    ├── login -- 登录页\n    ├── oms -- 订单模块页面\n    ├── pms -- 商品模块页面\n    └── sms -- 营销模块页面\n```\n\n## 搭建步骤\n- 下载node并安装：[https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi](https://nodejs.org/dist/v12.14.0/node-v12.14.0-x64.msi);\n- 该项目为前后端分离项目，访问本地访问接口需搭建后台环境，搭建请参考后端项目[传送门](https://github.com/macrozheng/mall);\n- 访问在线接口无需搭建后台环境，只需将`config/dev.env.js`文件中的`BASE_API`改为[https://admin-api.macrozheng.com](https://admin-api.macrozheng.com)即可;\n- 如果你对接的是[mall-swarm](https://github.com/macrozheng/mall-swarm) 微服务后台的话，所有接口都需要通过网关访问，需要将`config/dev.env.js`文件中的`BASE_API`改为[http://localhost:8201/mall-admin](http://localhost:8201/mall-admin) ；\n- 克隆源代码到本地，使用IDEA打开，并完成编译;\n- 在IDEA命令行中运行命令：`npm install`,下载相关依赖;\n- 在IDEA命令行中运行命令：`npm run dev`,运行项目;\n- 访问地址：[http://localhost:8090](http://localhost:8090) 即可打开后台管理系统页面;\n- 具体部署过程请参考：[mall前端项目的安装与部署](https://www.macrozheng.com/mall/deploy/mall_deploy_web.html)\n- 前端自动化部署请参考：[使用Jenkins一键打包部署前端应用，就是这么6！](https://www.macrozheng.com/mall/reference/jenkins_vue.html)\n\n## 公众号\n\n学习不走弯路，关注公众号「**macrozheng**」，回复「**学习路线**」，获取mall项目专属学习路线！\n\n加微信群交流，公众号后台回复「**加群**」即可。\n\n![公众号图片](http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/banner/qrcode_for_macrozheng_258.jpg)\n\n## 许可证\n\n[Apache License 2.0](https://github.com/macrozheng/mall-admin-web/blob/master/LICENSE)\n\nCopyright (c) 2018-2024 macrozheng\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacrozheng%2Fmall-admin-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmacrozheng%2Fmall-admin-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacrozheng%2Fmall-admin-web/lists"}