![输入图片说明](https://images.gitee.com/uploads/images/2019/0711/174845_6db7724e_5094767.png "在这里输入图片标题")




一个基于springboot的开源商城 uniapp端

Mall4j商城系统uniapp版本，做啥都不愁。即使不跨端，uni-app也是更好的小程序开发框架、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目，你都可以快速交付，不需要转换开发思维、不需要更改开发习惯。


该项目仅供学习参考、可供个人学习使用、如需商用联系作者进行授权，否则必将追究法律责任



## 前言
![输入图片说明](https://images.gitee.com/uploads/images/2021/0301/142445_a8976d9e_5094767.png "屏幕截图.png")

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。
![输入图片说明](https://images.gitee.com/uploads/images/2021/0301/140954_a32581f8_5094767.png "屏幕截图.png")

mall4j商城开源以来引起了广泛关注，为了感谢各位开发者对我们的支持，我们今天决定把mall4j商城的前端uniapp的基础版开源出来供各位学习，让我们共同进步，共同成长~


## 开发环境启动

### 1.安装nodejs

[NodeJS](https://nodejs.org/) 项目要求最低 18.12.0，推荐 20.9.0

如果不了解怎么安装nodejs的，可以参考 [菜鸟教程的nodejs相关](https://www.runoob.com/nodejs/nodejs-install-setup.html)

### 2.启动

- 项目要求使用 [pnpm](https://www.pnpm.cn/) 包管理工具
- 使用编辑器打开项目，在根目录执行以下命令安装依赖

  ```
  pnpm install
  ```

- 运行

  ```
  pnpm run dev:h5
  ```

- 部署

  ```
  pnpm run build:h5
  ```

- 如果不想使用 pnpm，请删除 `package.json` 文件中 `preinstall` 脚本后再进行安装

  ```json
  {
      "scripts" : {
          "preinstall": "npx only-allow pnpm"  // 使用其他包管理工具（npm、yarn、cnpm等）请删除此命令
      }
  }
  ```


## 项目链接

java后台：https://gitee.com/gz-yami/mall4j

vue后台：https://gitee.com/gz-yami/mall4v

原生微信小程序：https://gitee.com/gz-yami/mall4m

uniapp端：https://gitee.com/gz-yami/mall4uni


## uni-app相关截图

![un-app总截图](https://gitee.com/gz-yami/mall4uni/raw/master/static/screenshot/uniappInfo.png)

![un-app首页截图](https://gitee.com/gz-yami/mall4uni/raw/master/static/screenshot/uniappIndex.png)

![un-app购物车截图](https://gitee.com/gz-yami/mall4uni/raw/master/static/screenshot/uniappCart.png)

![un-app个人中心截图](https://gitee.com/gz-yami/mall4uni/raw/master/static/screenshot/uniappMy.png)

![un-app商品sku截图](https://gitee.com/gz-yami/mall4uni/raw/master/static/screenshot/uniappSku.png)



## 小程序相关截图

![小程序截图](https://images.gitee.com/uploads/images/2019/0706/085234_4eb7509b_5094767.jpeg "小程序截图")



## 演示地址

后台：<http://mall4j-admin.mall4j.com>  账号：admin/123456

小程序：1. 扫描二维码

![小程序](https://gitee.com/gz-yami/mall4j/raw/master/screenshot/miniQrcode.jpg)

​		2. 搜索小程序 **mall4j商城**



更多内容请查看 主项目 [https://gitee.com/gz-yami/mall4j](https://gitee.com/gz-yami/mall4j)