{"id":22693126,"url":"https://github.com/springbear2020/atguigu-store","last_synced_at":"2025-07-21T10:02:51.956Z","repository":{"id":187242486,"uuid":"676145465","full_name":"springbear2020/atguigu-store","owner":"springbear2020","description":"基于 Vue.js 实现的 SPA 尚品汇在线电商项目，包含前台应用系统和后台管理系统两大部分，涵盖首页、购物车、订单支付和数据管理等众多子模块。","archived":false,"fork":false,"pushed_at":"2024-10-26T04:09:54.000Z","size":10367,"stargazers_count":3,"open_issues_count":0,"forks_count":3,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-06-26T13:47:52.110Z","etag":null,"topics":["axios","element-ui","mockjs","swiper","vue2"],"latest_commit_sha":null,"homepage":"","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/springbear2020.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}},"created_at":"2023-08-08T14:29:00.000Z","updated_at":"2025-05-12T09:47:01.000Z","dependencies_parsed_at":null,"dependency_job_id":"3d1bd8d9-9935-424e-8ea8-d0cd7d49f567","html_url":"https://github.com/springbear2020/atguigu-store","commit_stats":null,"previous_names":["springbear2020/atguigu-store"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/springbear2020/atguigu-store","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springbear2020%2Fatguigu-store","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springbear2020%2Fatguigu-store/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springbear2020%2Fatguigu-store/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springbear2020%2Fatguigu-store/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/springbear2020","download_url":"https://codeload.github.com/springbear2020/atguigu-store/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/springbear2020%2Fatguigu-store/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":266278176,"owners_count":23904038,"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","mockjs","swiper","vue2"],"created_at":"2024-12-10T02:09:28.341Z","updated_at":"2025-07-21T10:02:51.934Z","avatar_url":"https://github.com/springbear2020.png","language":"Vue","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/static/v1?label=%E5%BC%80%E5%8F%91%E6%97%B6%E9%97%B4\u0026message=22/11/07-22/12/07\u0026color=007bff\"/\u003e\n    \u003cimg src=\"https://img.shields.io/static/v1?label=node.js\u0026message=16.18.0\u0026color=dc3545\"/\u003e\n    \u003cimg src=\"https://img.shields.io/static/v1?label=vue.js\u0026message=2.6.14\u0026color=ffc107\"/\u003e\n    \u003cimg src=\"https://img.shields.io/static/v1?label=vue-admin-template\u0026message=4.4.0\u0026color=17a2b8\"/\u003e \n    \u003ca href=\"https://github.com/springbear2020/atguigu-store\" target=\"_blank\"\u003e\n        \u003cimg src=\"https://img.shields.io/static/v1?label=%E5%BC%80%E6%BA%90%E9%A1%B9%E7%9B%AE\u0026message=atguigu-store\u0026color=18a745\"/\u003e\n    \u003c/a\u003e\n\u003c/p\u003e\n\n# 一、快速开始\n\n## 1.1 前台应用系统\n\n1. 克隆仓库：使用 Git 克隆仓库或直接下载仓库压缩包到您的计算机来获取源代码。\n2. 打开工程：使用 WebStorm 开发工具打开 store-frontend 前台应用系统模块。\n3. 安装依赖：在控制台使用 npm install 命令安装项目所需依赖。\n4. 启动项目：使用 npm run serve 命令运行项目，运行成功后访问 http://localhost:8080。\n\n## 1.2 后台管理系统\n\n1. 克隆仓库：使用 Git 克隆仓库或直接下载仓库压缩包到您的计算机来获取源代码。\n2. 打开工程：使用 WebStorm 开发工具打开 store-backend 后台管理系统模块。\n3. 安装依赖：在控制台使用 npm install 命令安装项目所需依赖。\n4. 启动项目：使用 npm run dev 命令运行项目，运行成功后将自动打开登录首页或访问 http://localhost:9528 进行登录。\n\n# 二、项目介绍\n\n基于 Vue.js 实现的 SPA 尚品汇在线电商项目，包含前台应用系统和后台管理系统两大部分，涵盖首页、购物车、订单支付和数据管理等众多子模块。\n\n# 三、接口文档\n\n| 系统         | 基础请求路径                                | 文档地址                                                     |\n| :----------- | :------------------------------------------ | :----------------------------------------------------------- |\n| 前台应用系统 | http://gmall-h5-api.atguigu.cn              | [尚品汇前台API接口文档.doc](./document/doc/尚品汇前台API接口文档.doc) |\n| 后台权限管理 | http://39.98.123.211:8170/dev-api/admin/acl | http://39.98.123.211:8170/swagger-ui.html                    |\n| 后台管理系统 | http://39.98.123.211:8510/dev-api/admin     | http://39.98.123.211:8510/swagger-ui.html                    |\n\n# 四、功能架构\n\n![](document/img/4-功能架构.png)\n\n# 五、系统路由\n\n## 5.1 前台应用系统\n\n![](document/img/2-前台路由.png)\n\n## 5.2 后台管理系统\n\n![](document/img/3-后台路由.png)\n\n# 六、技术选型\n\n![](document/img/1-前台技术.png)\n\n# 七、工程结构\n\n```lua\nsrc\n├── api \t\t-- api 网络接口\n├── assets \t\t-- 静态图片资源文件\n├── components  -- 通用组件封装\n├── mock\t\t-- 模拟数据\n├── icons \t\t-- svg 矢量图片文件\n├── router \t\t-- vue-router 路由配置\n├── store \t\t-- vuex 的状态管理\n├── styles \t\t-- 全局 css 样式\n├── utils \t\t-- 工具函数\n└── views \t\t-- 路由组件\n```\n\n# 八、效果展示\n\n## 8.1 前台应用系统\n\n### 8.1.1 首页\n\n![](document/img/5-前台首页.png)\n\n### 8.1.2 商品搜索\n\n![](document/img/6-商品搜索.png)\n\n### 8.1.3 商品详情\n\n![](document/img/7-商品详情.png)\n\n### 8.1.4 购物车\n\n![](document/img/8-购物车.png)\n\n### 8.1.5 登录注册\n\n![](document/img/9-登录注册.png)\n\n### 8.1.6 订单交易\n\n![](document/img/10-订单交易.png)\n\n### 8.1.7 订单支付\n\n![](document/img/11-订单支付.png)\n\n### 8.1.8 我的订单\n\n![](document/img/12-我的订单.png)\n\n## 8.2 后台管理系统\n\n### 8.2.1 登录\n\n![](document/img/13-后台登录.png)\n\n### 8.2.2 首页\n\n![](document/img/14-后台首页.png)\n\n### 8.2.3 平台属性\n\n![](document/img/16-平台属性.png)\n\n### 8.2.4 品牌管理\n\n![](document/img/15-品牌管理.png)\n\n### 8.2.5 SPU 管理\n\n![](document/img/17-SPU管理.png)\n\n### 8.2.6 SKU 管理\n\n![](document/img/18-SKU管理.png)\n\n# 九、许可证\n\n```\nMIT License\n\nCopyright (c) 2023 Spring-_-Bear\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringbear2020%2Fatguigu-store","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fspringbear2020%2Fatguigu-store","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fspringbear2020%2Fatguigu-store/lists"}