开源的微信商城,含小程序端,后台管理系统,服务器后端,附完整源码

微信小程序商城

  1. 项目概述

一个完整的微信小程序商城,包含微信小程序,管理系统,服务端后台,项目预览如下:

  • 微信小程序
    -微信小程序包含主页、商品分类、商品详情、加购物车,微信授权登录,微信支付,个人中心等功能,满足线上商城基本需求。
  • 在这里插入图片描述在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

-后台管理系统

后台管理系统负责商品的上架、下架、订单管理、以及公告和样式的调整
在这里插入图片描述在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
2. 项目本地部署教程

2.1 服务后端部署教程

2.1.1 配置数据库

打开Navicat,选择server-master目录下的hiolabsDB.sql文件执行,生成数据库表。在这里插入图片描述
2.1.2 修改数据库配置文件
选择\src\common\config目录下的database.js文件,根据设置的数据库名和密码进行配置。
在这里插入图片描述
2.1.3 修改小程序APPID秘钥等信息

选择\src\common\config目录下的config.js文件,根据设置的数据库名和密码进行配置。
在这里插入图片描述
2.1.4 npm install
执行npm install 安装依赖
如果有报错可以先安装cnpm,再执行cnpm install
执行成功后会生成相应文件,文件目录如下
在这里插入图片描述

2.1.5 npm start
执行npm start 启动服务
在这里插入图片描述
服务启动成功后就可以配置小程序和管理后台了

2.2 小程序部署教程

2.2.1 注册微信小程序获取APPID和秘钥
微信小程序的注册需要未绑定的邮箱,建议新注册一个邮箱进行开发,小程序中微信支付功能需要企业小程序,注册时不要选择个人,否则没有微信支付功能,注册企业微信小程序需要营业执照,可以去淘宝办一个。注册成功后获取APPID和秘钥,新建一个项目,选择hioshop-miniprogram-master文件所在目录,输入APPID。

2.2.2 修改服务地址
打开config.js文件夹下的api.js文件,修改ApiRootUrl地址,这里服务是部署在本地,地址写’http://localhost:8360/api/’,如果以后项目上线,需要将服务部署在服务器上,到时需要修改ApiRootUrl地址。

2.3 管理系统部署教程

2.3.1 npm install
打开hioshop-admin-master目录,执行 npm install指令,安装依赖

2.3.2 npm run dev 执行

会出现下面情况
在这里插入图片描述
找到 hioshop-admin-master\node_modules\element-ui\packages\form\src目录下label-wrap.vue文件,修改第23行部分,加上单引号,保存
在这里插入图片描述
控制台Ctrl +C保存按照提示选 y 回车

2.3.2 重新执行 npm run dev 指令

如果没有错误,就会出现下面界面
在这里插入图片描述
2.3.2 项目的打包部署
再hioshop-admin-master目录下控制台执行 npm run build:web 指令
在这里插入图片描述
成功后在dist目录下将会生成web文件夹,这就是项目打包生成的静态网页
在这里插入图片描述
双击index.html就可以在网页打开项目
在这里插入图片描述
源码下载链接
//download.csdn.net/download/shisen0530/12587390

  • 32
    点赞
  • 426
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
yshop基于当前流行技术组合的前后端分离商城系统: SpringBoot2+MybatisPlus+SpringSecurity+jwt+redis+Vue的前后端分离的商城系统, 包商城、拼团、砍价、商户管理、 秒杀、优惠券、积分、分销、会员、充值、多门店等功能,更适合企业或个人二次开发。 功能: 一、商品模块:商品添加、规格设置,商品上下架等 二、订单模块:下单、购物车、支付,发货、收货、评价、退款等 三、营销模块:积分、优惠券、分销、砍价、拼团、秒杀、多门店等 四、微信模块:自定义菜单、自动回复、微信授权、图文管理、模板消息推送 五、配置模块:各种配置 六、用户模块:登陆、注册、会员卡、充值等 七、其他等 项目结构: 项目采用分模块开发方式 yshop-weixin 微信相关模块 yshop-common 公共模块 yshop-admin 后台模块 yshop-logging 日志模块 yshop-tools 第三方工具模块 yshop-generator 代码生成模块 yshop-shop 商城模块 yshop-mproot mybatisPlus docker部署: 1、创建一个存储第三方软件服务Docker Compose文件目录:      mkdir -p /yshop/soft 2、然后在该目录下新建一个docker-compose.yml文件:     vim /yshop/soft/docker-compose.yml 3、接着创建上面docker-compose.yml里定义的挂载目录:     mkdir -p /yshop/mysql/data /yshop/redis/data /yshop/redis/conf 4、创建Redis配置文件redis.conf:     touch /yshop/redis/conf/redis.conf 5、docker 部署参考根目录docker文件夹 6、以上创建好之后参考docker下文件,先执行软件安装:   cd /yshop/soft   docker-compose up -d  启动   docker ps -a 查看镜像 7、运行docker/applicatiion目录下 docker-compose,当然之前一定要打包jar包,构建镜像 切换到Dockerfile 文件下: docker build -t yshop-admin .   3.2.1版本已经正式发布啦!: 1、秒杀列表与详情页面UI优化 2、拼团商品详情UI优化 3、优惠券列表UI优化 4、修复小程序官方登陆升级调整的问题 5、放开商品详情必须要登陆才能查看的权限 6、拼团列表新增浏览数与访客数 6、修复收藏的问题 7、修复退款问题 8、修复Email配置问题 9、修复积分支付0的问题 10、修复APP充值问题 11、其他等修复优化,详情请看git commit提交记录
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值