imall 是一个本地生活服务类商城,包括微信小程序、商家后台、服务端。
技术 | 说明 | 相关文档 |
---|---|---|
vue3 | 前端框架 | https://v3.cn.vuejs.org |
vue-router | 页面路由 | https://next.router.vuejs.org |
axios | 网络请求库 | https://axios-http.com |
vuex | 状态管理 | https://next.vuex.vuejs.org |
element plus | 前端UI组件库 | https://element-plus.org |
vant weapp | 微信小程序UI组件库 | https://vant-contrib.gitee.io/vant-weapp |
gin | Web框架 | https://gin-gonic.com |
gorm | ORM框架 | https://gorm.io |
jwt | 用户认证 | https://github.com/golang-jwt/jwt |
captcha | 验证码生成器 | https://github.com/mojocn/base64Captcha |
viper | 配置管理 | https://github.com/spf13/viper |
redis | 数据缓存 | https://github.com/go-redis/redis |
elasticsearch | 搜索引擎 | https://github.com/olivere/elastic |
imall
├── app // 微信小程序
├── demo // 演示资源
├── server // 服务端
├── web // 商家后台
├── ... // 其他
本项目使用 Visual Studio Code、Navicat Premium、微信开发者工具等开发工具。
运行环境:
环境 | 版本 | 下载地址 |
---|---|---|
go | >= 1.17.1 | https://golang.google.cn/dl/ |
mysql | >= 8.0.28 | https://www.mysql.com/downloads/ |
redis | >= 6.0.16 | https://redis.io/download/ |
elasticsearch | >= 7.14.0 | https://www.elastic.co/cn/downloads/elasticsearch |
node | >= 14.13.1 | https://nodejs.org/en/download/ |
直接下载压缩包,或使用 Git 克隆项目:
$ git clone https://github.com/zchengo/imall.git
部署一:Go服务端(server)
修改配置文件:配置文件位于 /server/config.yaml,请按实际情况进行修改。
推荐使用 Goland 或 VSCode 打开 server 目录,在 Terminal(终端) 中,执行如下命令。
$ cd server
$ go mod tidy
$ go build -o server main.go (windows编译命令为 go build -o server.exe main.go )
# 运行二进制
$ ./server (windows运行命令为 server.exe)
部署二:商家后台(web)
推荐使用 WebStorm 或 VSCode 打开 web 目录,在 Terminal(终端) 中,执行如下命令。
$ cd web
$ npm install
$ npm run serve
成功启动后,即可通过浏览器访问:http://localhost:8080/#/login
账号: admin 密码: 12345
部署三:微信小程序(app)
需要使用微信开发者工具打开 app 目录,在 Terminal(终端) 中,执行如下命令。
$ cd app
$ npm install
在编译运行微信小程序之前,你需要进行以下设置:
在微信开发者工具右上角->【详情】->【本地设置】-> 选择【使用npm模块】和【不校验合法域名,web-view(业务域名)、TLS版本...】。最后,在微信开发者工具的工具栏->【工具】->【构建npm】。
运行结果
商家后台:
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
小程序商城:
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
说明:以上演示图片素材来源于网络,部分图标来源 www.iconfont.cn ,图片、图标仅供学习使用。
运行结果图片加载不出来吗?
使用梯子翻墙,或者在自己的电脑中,使用 vim 命令打开 /etc/hosts ,添加以下信息:
185.199.108.133 raw.githubusercontent.com
在使用过程中遇到问题,你可以提交 Issues ,也可以 知乎私信作者 或 CSDN私信作者
使用微信扫描下方赞赏码,可以给作者打赏。
MIT License Copyright (c) 2022 zchengo