mall 是一套商城系统，基于 golang、 gin、 gorm、 vue3、element plus、 vant weapp 开发，包括 golang服务端、 Vue后台管理员前端、微信小程序用户前端，主要功能有商品管理、订单管理、用户管理、商品浏览、收藏加购、地址管理、订单查询等。

前端技术：

后端技术：

微信小程序技术：

使用git下载项目到本地：

git clone https://github.com/zchengo/mall.git

数据库文件在 mall/demo/sql 目录中，推荐使用 Navicat 来运行SQL文件。图片文件在 mall/demo/image 目录中，请在自己的电脑中新建一个目录，用于存放这些图片。

修改配置文件：

配置文件位于 /server/config.yaml，请按实际情况进行修改

初始化并运行：

推荐使用 Goland 打开 server 目录，找到 Terminal(终端)，执行如下命令。

$ cd server
$ go generate
$ go build -o server main.go (windows编译命令为 go build -o server.exe main.go )

# 运行二进制
$ ./server (windows运行命令为 server.exe)

推荐使用 Goland 或 WebStorm 打开 web 目录，找到 Terminal(终端)，执行如下命令。

$ cd web
$ npm install
$ npm run serve

成功启动后，即可通过浏览器访问：http://localhost:8080/#/login

用户名: admin 密码: 123

需要使用微信开发者工具打开 app 目录， 找到 Terminal(终端)，执行如下命令。

$ cd app 
$ npm install

在编译运行微信小程序之前，你需要进行以下设置：

1、在微信开发者工具右上角->【详情】->【本地设置】-> 选择【使用npm模块】和【不校验合法域名，web-view（业务域名）、TLS版本...】。

2、在微信开发者工具的工具栏->【工具】->【构建npm】。

3、如果你没有自己的 appid 和 appSecret， 也就是说你没有修改 mall/server 目录下的配置文件里的 appid 和 appSecret，那么你是无法登录小程序商城的，你可以通过修改 mall/app/app.json 文件：将 "pages/login/login" 与 "pages/main/home/home" 交换位置，让他优先加载首页，从而跳过登录页。

4、如果你想要使用微信扫码的方式预览小程序商城，你需要修改 mall/app/utils/request.js 中的 'http://localhost:8000/app', 将 localhost 改成本地网络的ip地址，同时还要保证你扫码预览的手机所连接的网络必须是同一个网络（就是手机连接的网络和运行mall/app的电脑所连接的网络要一样）。

也为了能够正常访问图片，你需要修改 mall/demo/sql/product.sql 执行所生成的 product表 的image_url字段中的路径，同样也是把localhost 改成本地网络的ip地址。

web后台管理员前端：

微信小程序用户前端：

1、本商城系统使用MIT开源许可证，完全免费，请放心使用。

2、部分图标来源www.iconfont.cn，图标仅供学习使用。

本项目持续更新、优化，在使用过程中遇到问题，可以提交 Issues，也可以通过以下方式反馈：

作者的知乎：https://www.zhihu.com/people/ku-ku-de-yuan-4

作者的CSDN：https://blog.csdn.net/m0_47890251?spm=1000.2115.3001.5343