{"id":13488938,"url":"https://github.com/macrozheng/mall-app-web","last_synced_at":"2025-05-14T21:06:25.394Z","repository":{"id":168464797,"uuid":"578489446","full_name":"macrozheng/mall-app-web","owner":"macrozheng","description":"mall-app-web是一个电商系统的移动端项目，基于uni-app实现。主要包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等功能。","archived":false,"fork":false,"pushed_at":"2025-01-13T02:45:13.000Z","size":2993,"stargazers_count":842,"open_issues_count":1,"forks_count":620,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-04-15T00:43:27.779Z","etag":null,"topics":["uniapp","vue","vuejs","vuex"],"latest_commit_sha":null,"homepage":"https://www.macrozheng.com/app/","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":"2022-12-15T07:15:19.000Z","updated_at":"2025-04-14T04:45:51.000Z","dependencies_parsed_at":null,"dependency_job_id":"d8f46e35-7807-4c20-9923-59baaf7d07de","html_url":"https://github.com/macrozheng/mall-app-web","commit_stats":null,"previous_names":["macrozheng/mall-app-web"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-app-web","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-app-web/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-app-web/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/macrozheng%2Fmall-app-web/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/macrozheng","download_url":"https://codeload.github.com/macrozheng/mall-app-web/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254227611,"owners_count":22035669,"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":["uniapp","vue","vuejs","vuex"],"created_at":"2024-07-31T18:01:24.537Z","updated_at":"2025-05-14T21:06:20.378Z","avatar_url":"https://github.com/macrozheng.png","language":"Vue","funding_links":[],"categories":["Vue"],"sub_categories":[],"readme":"# mall-app-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-admin-web\"\u003e\u003cimg src=\"http://macro-oss.oss-cn-shenzhen.aliyuncs.com/mall/badge/%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE-mall--admin--web-green.svg\" alt=\"前端项目\"\u003e\u003c/a\u003e\n  \u003ca href=\"https://gitee.com/macrozheng/mall-app-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-app-web`是一个电商系统的移动端项目，基于`uni-app`实现。主要包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等功能。\n\n### 项目演示\n\n项目在线演示地址：[https://www.macrozheng.com/app/](https://www.macrozheng.com/app/)  \n\n### 效果展示\n\n![](http://img.macrozheng.com/mall/project/mall_app_web_preview_01.png)![](http://img.macrozheng.com/mall/project/mall_app_web_preview_02.png)\n\n![](http://img.macrozheng.com/mall/project/mall_app_web_preview_03.png)![](http://img.macrozheng.com/mall/project/mall_app_web_preview_04.png)\n\n![](http://img.macrozheng.com/mall/project/mall_app_web_preview_05.png)![](http://img.macrozheng.com/mall/project/mall_app_web_preview_06.png)\n\n![](http://img.macrozheng.com/mall/project/mall_app_web_preview_07.png)![](http://img.macrozheng.com/mall/project/mall_app_web_preview_08.png)\n\n![](http://img.macrozheng.com/mall/project/mall_app_web_preview_09.png)![](http://img.macrozheng.com/mall/project/mall_app_web_preview_10.png)\n\n\n\n### 技术选型\n\n| 技术         | 说明             | 官网                                    |\n| ------------ | ---------------- | --------------------------------------- |\n| Vue          | 核心前端框架     | https://vuejs.org                       |\n| Vuex         | 全局状态管理框架 | https://vuex.vuejs.org                  |\n| uni-app      | 移动端前端框架   | https://uniapp.dcloud.io                |\n| mix-mall     | 电商项目模板     | https://ext.dcloud.net.cn/plugin?id=200 |\n| luch-request | HTTP请求框架     | https://github.com/lei-mu/luch-request  |\n\n### 项目结构\n\n``` lua\nsrc -- 源码目录\n├── api -- luch-request网络请求定义\n├── components -- 通用组件封装\n├── js_sdk -- 第三方sdk源码\n├── static -- 图片等静态资源\n├── store -- vuex的状态管理\n├── utils -- 工具类\n└── pages -- 前端页面\n    ├── address -- 地址管理页\n    ├── brand -- 商品品牌页\n    ├── cart -- 购物车页\n    ├── category -- 商品分类页\n    ├── coupon -- 优惠券页\n    ├── index -- 首页\n    ├── money -- 支付页\n    ├── notice -- 通知页\n    ├── order -- 订单页\n    ├── product -- 商品页\n    ├── public -- 登录页\n    ├── set -- 设置页\n    ├── user -- 会员页\n    └── userinfo -- 会员信息页\n```\n\n## 搭建步骤\n\n- 本项目使用了`uni-app`专用开发工具`HBuilder X`（App开发版）开发，下载地址：https://www.dcloud.io/hbuilderx.html\n- 该项目为前后端分离项目，访问本地访问接口需搭建后台环境，搭建请参考后端项目[传送门](https://github.com/macrozheng/mall)；\n- 注意由于`mall-app-web`中的接口都在`mall-portal`模块中，所以一定要启动该模块；\n- 访问在线接口无需搭建后台环境，只需将`utils/appConfig.js`文件中的`API_BASE_URL`改为线上地址即可：https://portal-api.macrozheng.com\n- 克隆源代码到本地，使用`HBuilder X`打开；\n- 在`HBuilder X`中使用`运行-\u003e运行到浏览器-\u003eChrome`运行项目，运行成功后会自动打开下面地址（将浏览器改为手机模式）：http://localhost:8060\n- 如果浏览器没有启动的话，可以直接访问如下地址访问：http://localhost:8060\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-app-web/blob/master/LICENSE)\n\nCopyright (c) 2020-2024 macrozheng","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacrozheng%2Fmall-app-web","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmacrozheng%2Fmall-app-web","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmacrozheng%2Fmall-app-web/lists"}