[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-9030":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":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":19,"rankGlobal":10,"rankLanguage":10,"license":20,"archived":21,"fork":21,"defaultBranch":22,"hasWiki":23,"hasPages":21,"topics":24,"createdAt":10,"pushedAt":10,"updatedAt":29,"readmeContent":30,"aiSummary":31,"trendingCount":16,"starSnapshotCount":16,"syncStatus":32,"lastSyncTime":33,"discoverSource":34},9030,"mall-app-web","macrozheng\u002Fmall-app-web","macrozheng","mall-app-web是一个电商系统的移动端项目，基于uni-app+Vue3实现。主要包括首页门户、商品搜索、商品展示、品牌专区、购物车、订单流程、支付、会员中心等功能。","https:\u002F\u002Fwww.macrozheng.com\u002Fapp\u002F",null,"Vue",1033,799,7,1,0,3,18,60.01,"Apache License 2.0",false,"master",true,[25,26,27,28],"uniapp","vue","vuejs","vuex","2026-06-12 04:00:42","# mall-app-web\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-admin-web\">\u003Cimg src=\"http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fbadge\u002F%E5%89%8D%E7%AB%AF%E9%A1%B9%E7%9B%AE-mall--admin--web-green.svg\" alt=\"前端项目\">\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgitee.com\u002Fmacrozheng\u002Fmall-app-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该项目为前后端分离项目的前端部分，后端项目`mall`地址：[传送门](https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall)。\n\n## 项目介绍\n\n`mall-app-web`是一个电商系统的移动端项目，基于`uni-app`实现。主要包括首页门户、商品推荐、商品搜索、商品展示、购物车、订单流程、会员中心、客户服务、帮助中心等功能。\n\n### 项目演示\n\n项目在线演示地址：[https:\u002F\u002Fwww.macrozheng.com\u002Fapp\u002F](https:\u002F\u002Fwww.macrozheng.com\u002Fapp\u002F)  \n\n### 效果展示\n\n![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_01.png)![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_02.png)\n\n![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_03.png)![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_04.png)\n\n![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_05.png)![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_06.png)\n\n![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_07.png)![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_08.png)\n\n![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_09.png)![](http:\u002F\u002Fmacro-oss.oss-cn-shenzhen.aliyuncs.com\u002Fmall\u002Fproject\u002Fmall_app_web_preview_10.png)\n\n\n\n### 技术选型\n\n| 技术         | 说明             | 官网                                    |\n| ------------ | ---------------- | --------------------------------------- |\n| Vue          | 核心前端框架     | https:\u002F\u002Fvuejs.org                       |\n| Vuex         | 全局状态管理框架 | https:\u002F\u002Fvuex.vuejs.org                  |\n| uni-app      | 移动端前端框架   | https:\u002F\u002Funiapp.dcloud.io                |\n| mix-mall     | 电商项目模板     | https:\u002F\u002Fext.dcloud.net.cn\u002Fplugin?id=200 |\n| luch-request | HTTP请求框架     | https:\u002F\u002Fgithub.com\u002Flei-mu\u002Fluch-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:\u002F\u002Fwww.dcloud.io\u002Fhbuilderx.html\n- 该项目为前后端分离项目，访问本地访问接口需搭建后台环境，搭建请参考后端项目[传送门](https:\u002F\u002Fgithub.com\u002Fmacrozheng\u002Fmall)；\n- 注意由于`mall-app-web`中的接口都在`mall-portal`模块中，所以一定要启动该模块；\n- 访问在线接口无需搭建后台环境，只需将`utils\u002FappConfig.js`文件中的`API_BASE_URL`改为线上地址即可：https:\u002F\u002Fportal-api.macrozheng.com\n- 克隆源代码到本地，使用`HBuilder X`打开；\n- 在`HBuilder X`中使用`运行->运行到浏览器->Chrome`运行项目，运行成功后会自动打开下面地址（将浏览器改为手机模式）：http:\u002F\u002Flocalhost:8060\n- 如果浏览器没有启动的话，可以直接访问如下地址访问：http:\u002F\u002Flocalhost:8060\n\n## 公众号\n\n学习不走弯路，关注公众号「**macrozheng**」，回复「**学习路线**」，获取mall项目专属学习路线！\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-app-web\u002Fblob\u002Fmaster\u002FLICENSE)\n\nCopyright (c) 2020-2024 macrozheng","mall-app-web是一个基于uni-app实现的电商系统移动端项目。该项目集成了首页门户、商品推荐、搜索与展示、购物车管理、订单处理、会员中心以及客户服务等多个核心功能模块，采用Vue作为前端开发框架，并结合Vuex进行全局状态管理，确保了应用在不同平台上的高效运行和良好用户体验。适用于需要快速搭建并上线移动电商平台的企业或个人开发者使用。",2,"2026-06-11 03:20:53","top_language"]