微信小程序商城

  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

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

  1. C++ Fermat‘s little theorem费马小定理寻找模逆实现算法(附完整源码)

    C++ Fermat's little theorem费马小定理寻找模逆实现算法 C++ Fermat's little theorem费马小定理寻找模逆实现算法完整源码(定义,实现,main函数测试 ...

  2. ZZNUOJ_用C语言编写程序实现1539:读数字(附完整源码)

    题目描述 读入一个整数,然后请用汉语将它表示出来.比如对于10,请输出"十"(不含双引号).是不是很简单?是不是看到数据就不自觉地把答案念出来了?那还犹豫什么?赶紧A掉它吧! 输入 ...

  3. 微信小程序左滑删除效果的实现完整源码附效果图

    效果图: 功能描述,小程序列表左滑删除功能的实现完整源代码实现: <view wx:for='{{friends}}' wx:key="" wx:if='{{groupTyp ...

  4. 【HTML小游戏】推箱子网页版(附完整源码)

    最近刚刚更新完了HTML,CSS的万字总结,有很多人已经学习完了文章,感觉反馈还不错,今天,用HTML,CSS,JS的知识编写了一个童年经典游戏 - 推箱子,供学习参考. 文章目录 1. 效果展示 2 ...

  5. 模拟投票小程序C语言代码,微信小程序投票系统创建投票发布demo完整源码下载 一个很简单 - 下载 - 搜珍网...

    压缩包 : cc5b0189c052ed2f04381e14637b362c.zip 列表 wx_voteforyou-master/ wx_voteforyou-master/README.md w ...

  6. C++实现程序等待一段时间(附完整源码)

    C++实现程序等待一段时间 #include<iostream> #include<ctime> using namespace std;int main() {//设置延迟时 ...

  7. H5+echarts模拟全国程序员可视化大数据【附完整源码】

  8. ZZNUOJ_用C语言编写程序实现1217:统计立方数(附完整源码)

    题目描述 有一堆正整数,统计其中有多少立方数. 输入 输入数据有一些正整数,其每个数都小于2^32.若该数为0,则应结束统计. 输出 输出所统计的立方数个数 样例输入 1 3 5 7 9 11 15 ...

  9. HTML小游戏5 —— 水果忍者(附完整源码)

  10. ZZNUOJ_用C语言编写程序实现1375:画箭(附完整源码)

    题目描述 在冷兵器时代,弓箭是最可怕的致命武器.弓由弹性的弓臂和有韧性的弓弦构成:箭包括箭头.箭杆和箭羽.现在,我们想要用字符串表示箭,箭羽用'+'表示,箭杆的长度用减号的个数表示,比如"± ...

最新文章

  1. typedef 返回类型(*Function)(参数表) ——typedef函数指针
  2. vim学习笔记一(环境配置及编译文件)
  3. 终于当了回up主,来白嫖我历时半年总结的Java思维导图吧!!!
  4. POJ1185 炮兵阵地 状压DP
  5. MyBatis增强工具pndao-帮你自动写SQL
  6. 我的Go语言学习之旅八:创建一个简单的WEB服务器
  7. 编码之道:取个好名字很重要(转)
  8. swiftui_SwiftUI的混合包
  9. 来腾讯云开发者实验室 学习.NET
  10. 给定年月日计算是一年的第几天
  11. Oracle SUn
  12. 利用官方git svn插件迁移svn仓库
  13. 企业权限管理系统如何配置?深度解析永洪BI权限管理系统
  14. 杰理之出现一拖二通话下第二台手机通话近端听不见远端说话【篇】
  15. 我的世界服务器物品定价,我的世界商店特性官方解答 创作者决定最初定价
  16. Flutter TV应用的开发尝试
  17. 简单的手机html页面源代码,手机页面h5的简单demo
  18. 网易开源的分布式存储系统 Curve 正式成为 CNCF 沙箱项目
  19. Mysql 一次性执行多条语句的实现
  20. 牛客网之黑暗的字符串

热门文章

  1. 【前端学习】------学习准备
  2. 再添新认证!云和恩墨 zCloud 与华为 FusionCube 完成兼容性测试
  3. 大学考试的LINUX试题, 全做对了,保证你面试没问题(转)
  4. 一款开源的指纹识别SDK
  5. Riak 简介,第 1 部分: 与语言无关的 HTTP API
  6. 装修公司网站源码模板电脑、手机端、微信三合一Asp.net
  7. 一行代码实现呼出热键
  8. java方法声明无效_Java错误 - “无效的方法声明;需要返回类型”
  9. android6.0按键处理浅析
  10. html拆分单元格多行,拆分一个单元格中多行字符到不同单元格