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

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

微信小程序商城

项目概述

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

-后台管理系统

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

2.1 服务后端部署教程

2.1.1 配置数据库

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

选择srccommonconfig目录下的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-masternode_moduleselement-uipackagesformsrc目录下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

相关知识

基于微信小程序的花店鲜花商城系统(源码+论文)
微信小程序之植物识别demo(百度开发接口)
基于springboot+vue的花艺烘焙商城系统微信小程序
计算机毕业设计之 [含实训报告+源码等]javaweb花店管理系统[包运行成功]
基于微信小程序的电子产品租赁系统(源码+LW+调试文档+讲解)
微信小程序毕业设计:花店鲜花商城小程序毕设源码作品和开题报告
鲜花下单预约系统源码小程序源码 微信小程序 公众号源码
【源码+文档】基于微信小程序的网上花店系统
【全网首发】基于微信小程序的网上花店系统 鲜花销售小程序
java毕业设计鲜花管理系统的设计与实现(springboot+mysql+jdk1.8+meven)

网址: 开源的微信商城,含小程序端,后台管理系统,服务器后端,附完整源码 https://m.huajiangbk.com/newsview951445.html

所属分类:花卉
上一篇: freeter/飞特商城后台管理
下一篇: 李龙龙/花裤衩vue2后台管理系