搭建一款开源的微信商城小程序：海风小店

准备工作

申请小程序账号

申请小程序账号只需要按照官网文档说明操作即可，这里我就不展开说了，地址：https://developers.weixin.qq.com/miniprogram/introduction/

官网下载GitHub三个文件

服务端： https://github.com/iamdarcy/hioshop-server
微信小程序：https://github.com/iamdarcy/hioshop-miniprogram

管理端：GitHub: https://github.com/iamdarcy/hioshop-admin
安装顺序：

服务端 ==> 小程序 ==> 管理端

server ==> miniprogram ==> admin

服务端：本地开发环境配置

创建数据库hiolabsDB（注意数据库字符编码为utf8mb4），并导入项目根目录下的hioshop.sql

注意数据库版本一定要是 MySql 5.7 一定要是 MySql 5.7 一定要是 MySql 5.7

更改数据库配置 src/common/config/database.js

填写微信配置和其他设置，打开 src/common/config/config.js文件，如果微信支付、oss服务什么的你都还没申请，都可以先不填写，但是微信的appid 和secret 是必填的。

微信的appid 和secret 在微信小程序官网登录以后，在控制台页面的开发->开发设置->开发者ID中
填写七牛云地址 src/common/config/config.js
安装依赖npm install
启动 npm start

没报错的话，会在控制台显示200

浏览器测试 http://127.0.0.1:8360/

小程序端：本地开发环境配置

打开微信开发者工具

默认API改成本地地址

小程序预览显示数据表示数据库连接成功

服务端：本地开发环境配置

安装依赖后启动后会出现一个问题，这个问题是Element-ui自带的。
解决方法：在node_modules 搜索: div class=“el-form-item__label-wrap”
在语句中加上单引号就可以了

修改之后
启动 npm run dev
build 打包成静态文件 npm run build:web
此时代表项目启动成功，桌面上会出现下图这个程序界面，输入默认的管理员账号密码：

用户名：hiolabs，密码：hiolabs

参考：https://mp.weixin.qq.com/s/2lDVMnUJqfenO6MkiL132Q

https://blog.csdn.net/GZLEO77/article/details/108627277

https://www.bilibili.com/video/av89567916

搭建一款开源的微信商城小程序：海风小店相关推荐

微信小程序小程序模板小程序开发小程序商城小程序流量变现社区小程序开发小程序
小程序大家都知道,其实小程序这个是个很低的门槛,只要你会搭建基本的网站,基本的代码修改无需编程就可以拥有一份属于的小程序,不仅仅是小程序还可以通过流量主来收益,目前小程序开通流量主的门槛是1000用户 ...
jstree如何禁止平级拖拽?_小程序为鲜花店经营带来哪些价值？如何搭建一款鲜花小程序？...
随着生活水平的不断提高,人也越来越追求生活中的仪式感,为此,对鲜花的需求也更丰富多样.互联网+时代,人们更热衷于在网上订购鲜花,可选择性多,价格又有优惠,可配送到家,节约了大量的时间和精力去逛花市挑选 ...
2023全新抖音快手微信取图小程序/壁纸小程序源码+代码全开源
正文: 全新抖音快手微信取图小程序壁纸小程序源码全开源此版本并非最近网传版本,其他站的网传版本是没有数据库的,故此我直接花买下来的完整版本源码! 一款全新的抖音快手微信取图小程序全开源上线了.其 ...
【开源】微信小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax
Cax 小程序.小游戏以及 Web 通用 Canvas 渲染引擎 Github → github.com/dntzhang/ca- 综合 DEMO | 运动 DEMO 小程序 DEMO 正在审核中敬请 ...
【开源】微信小程序、小游戏以及 Web 通用 Canvas 渲染引擎 - Cax 1
Cax 小程序.小游戏以及 Web 通用 Canvas 渲染引擎 Github → https://github.com/dntzhang/cax 点我看看 DEMO 小程序 DEMO 正在审核中敬请 ...
小程序 - 各种小程序「微信/支付宝/百度等」 - 学习/实践
1.应用场景主要用于学习和快速高效开发小程序,完成需求开发. 2.学习/操作 1. 文档阅读小程序技术演进史 -- 推荐阅读手册: 教程 | <小程序开发指南>.// 开发者文档推 ...
c语言小程序情书,微信小程序-校园小情书前端+后端源码
校园小情书联盟这是一个关于微信小程序-校园小情书统一中央服务器的概念,现已开源了前后端源码,需要的可以下载源码自行部署,本文主要是介绍我一开始所想的一些概念. github后台源码地址:https: ...
脱离微信，在硬件设备运行小程序？小程序硬件框架大揭秘！
受访者 | 微信小程序硬件框架团队采访者 | 伍杏玲出品 | CSDN(ID:CSDNnews) 在 2017 年的微信公开课 PRO 上,张小龙谈到微信小程序的设计初衷:"我认为所有的 ...
PHP抽奖小程序/微信红包封面抽奖小程序/抽奖小程序开源源码
PHP抽奖小程序源码,微信红包封面抽奖小程序,全开源.带流量主(需要自行替换代码),独立后台,亲测完美可用. 下载 PHP抽奖小程序/微信红包封面抽奖小程序/抽奖小程序开源源码亲测截图:

搭建一款开源的微信商城小程序：海风小店

搭建一款开源的微信商城小程序：海风小店

搭建一款开源的微信商城小程序：海风小店相关推荐

最新文章

热门文章