撸了个商城系统，已在Github上开源了，快来看看吧！

我就是我 2022-08-28 10:51 189阅读 0赞

### 介绍 ###

mall 是一个基于 golang、 gin、 gorm、 vue3、element plus 开发的商城系统，包括golang后端、 Vue后台管理员前端 ，主要功能有商品管理、订单管理、用户管理。

### 仓库地址 ###

Github地址：[https://github.com/zchengo/mall][https_github.com_zchengo_mall]

### 最近更新 ###

**更新时间：2021-10-2**

**更新内容：** 优化了部分代码，修复了几个问题

### 技术选型 ###

前端技术：

<table> 
 <thead> 
  <tr> 
   <th>技术</th> 
   <th>说明</th> 
   <th>相关文档</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Vue3</td> 
   <td>前端框架</td> 
   <td>https://v3.cn.vuejs.org</td> 
  </tr> 
  <tr> 
   <td>Vue-Router</td> 
   <td>页面路由</td> 
   <td>https://next.router.vuejs.org</td> 
  </tr> 
  <tr> 
   <td>Axios</td> 
   <td>网络请求库</td> 
   <td>https://axios-http.com</td> 
  </tr> 
  <tr> 
   <td>Vuex</td> 
   <td>状态管理</td> 
   <td>https://next.vuex.vuejs.org</td> 
  </tr> 
  <tr> 
   <td>Element Plus</td> 
   <td>前端UI组件库</td> 
   <td>https://element-plus.org</td> 
  </tr> 
 </tbody> 
</table>

后端技术：

<table> 
 <thead> 
  <tr> 
   <th>技术</th> 
   <th>说明</th> 
   <th>相关文档</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>Gin</td> 
   <td>Web框架</td> 
   <td>https://gin-gonic.com</td> 
  </tr> 
  <tr> 
   <td>Gorm</td> 
   <td>ORM框架</td> 
   <td>https://gorm.io</td> 
  </tr> 
  <tr> 
   <td>Jwt</td> 
   <td>用户认证</td> 
   <td>https://github.com/golang-jwt/jwt</td> 
  </tr> 
  <tr> 
   <td>Captcha</td> 
   <td>验证码生成器</td> 
   <td>https://github.com/mojocn/base64Captcha</td> 
  </tr> 
  <tr> 
   <td>Viper</td> 
   <td>配置管理</td> 
   <td>https://github.com/spf13/viper</td> 
  </tr> 
 </tbody> 
</table>

### 运行环境 ###

<table> 
 <thead> 
  <tr> 
   <th>环境</th> 
   <th>版本</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>go</td> 
   <td>1.17.1</td> 
  </tr> 
  <tr> 
   <td>mysql</td> 
   <td>8.0.16</td> 
  </tr> 
  <tr> 
   <td>node.js</td> 
   <td>14.13.1</td> 
  </tr> 
  <tr> 
   <td>npm</td> 
   <td>6.14.8</td> 
  </tr> 
 </tbody> 
</table>

### 安装与启动 ###

**使用git安装：**

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

**相关资源文件：**

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

**修改配置文件：**

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

**初始化并运行：**

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

$ cd server
    $ go generate
    $ go build -o server main.go (windows编译命令为 go build -o server.exe main.go )
    
    # 运行二进制
    $ ./server (windows运行命令为 server.exe)
    
    $ cd web
    $ npm install
    $ npm run serve

**使用浏览器访问：**

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

用户名: admin 密码: 123

登录后，可以看到商城首页：

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YW36YW355qE54y_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YW36YW355qE54y_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 1]  
![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YW36YW355qE54y_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 2]

### 使用说明 ###

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

### 问题反馈 ###

本项目持续更新、优化，在使用过程中遇到问题，请在评论区反馈！

**完结撒花！点赞、收藏走一波！谢谢！**

[https_github.com_zchengo_mall]: https://github.com/zchengo/mall
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YW36YW355qE54y_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/5e79421ba4c942ec9cdeb307a2540d50.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YW36YW355qE54y_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: /images/20220828/4122a19848e34a21bdc5442071418684.png
[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBA6YW36YW355qE54y_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center 2]: https://img-blog.csdnimg.cn/a9f65d98b07c455bb8feb8f8acca326b.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBA6YW36YW355qE54y_,size_20,color_FFFFFF,t_70,g_se,x_16#pic_center