微信小程序商城

  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. Python 精选笔试面试习题—sorted 与 sort 单例模式、统计字符个数Count、垃圾回收、lambda函数、静态方法、类方法、实例方法、分布式锁、
  2. 他676分考上清华却没微信,看到他的手机后大家沉默了
  3. AngularJs 基础教程​ —— Select(选择框)
  4. python爬歌词生成词云图_爬取每日热搜词,生成地图词云图
  5. 命令行下操作常用语句
  6. 将DevExpress.Utils.ImageCollection变量的image导出
  7. 数字图像处理基本运算
  8. nodejs(6)express学习
  9. poj 3468 A Simple Problem with Integers(线段树区区)
  10. 记录一次处理 kdevtmpfsi 挖矿病毒
  11. Java 算法 判定字符位置
  12. java启动线程时 extends与implements的一个差异
  13. 无锁同步-C++11之Atomic和CAS
  14. 【SQL基础】SQL增删改查基本语句
  15. 云存储收银系统_爱宝云收银系统
  16. 如何用命令行更改计算机用户名,修改计算机用户名,系统自带输入法无法切换(电脑系统win10)...
  17. 【PHP】关于系统性能追踪工具molten
  18. 《Flask Web开发:基于Python的Web应用开发实战》笔记(原创)
  19. 学习《第一行代码》之实战项目-搜杰天气
  20. 别愁了,预测模型这样做!

热门文章

  1. 学习分享——基于深度学习的NILM负荷分解(一)对DL的看法准备工作
  2. postfix+Dovecot自建邮箱服务器
  3. duck typing java_Duck typing
  4. JavaScript 编程精解 中文第三版 二十、Node.js
  5. HDU - 5976 Detachment(贪心思维)
  6. 目标检测(后处理):从 NMS 到 Soft-NMS 到 Softer NMS
  7. 中国各省份省会地图json数据
  8. win7 下删除XP系统安装启动项
  9. 什么是PM?团队角色
  10. 鼠标移动框选动态绘制图形,基于zrender