开源的微信商城，含小程序端，后台管理系统，服务器后端，附完整源码_微信小程序项目源码无后端_voke.的博客-程序员宅基地

技术标签：微信商城源码微信小程序小程序商城

微信小程序商城

项目概述

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

微信小程序
-微信小程序包含主页、商品分类、商品详情、加购物车，微信授权登录，微信支付，个人中心等功能，满足线上商城基本需求。

-后台管理系统

后台管理系统负责商品的上架、下架、订单管理、以及公告和样式的调整
在这里插入图片描述

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

本文链接：https://blog.csdn.net/shisen0530/article/details/107185084

原作者删帖不实内容删帖广告或垃圾文章投诉

智能推荐

IOS 制作静态库及注意事项_IT-梦的博客-程序员宅基地

第一种方法：直接新建一个工程，具体操作请参照博客 http://blog.csdn.net/pjk1129/article/details/7255163 原作者写得非常详细，在此谢过。第二种方法：在原有工程上操作，打开已存在的工程，然后添加一个要做成.a静态库的 Target在此，简单命名为mylibrary制作静态库及注意事项" style="margin:0px; paddi

Git和GitHub常识_invalid_request_1284_豆浆、的博客-程序员宅基地

什么是GitGit是一个免费、开源的版本控制软件什么是版本控制系统版本控制是一种记录一个或若干个文件内容变化，以便将来查阅特定版本修订情况得系统。 Ø 系统具体功能记录文件的所有历史变化随时可恢复到任何一个历史状态多人协作开发或修改错误恢复什么是GithubGithub是全球最大的社交编程及代码托管网站（https://github.com/）。Github可以托管各种git库，并提供一个web..._invalid_request_1284

《概率论与数理统计》—读书笔记_概率论与数理统计读书笔记_studyeboy的博客-程序员宅基地

概率论的基本概念概率论与数理统计是研究和揭示随机现象统计规律性的一门数学学科。统计规律性：在大量重复试验或观察中所呈现出的固有规律性。随机现象：在个别试验中其结果呈现出不确定性，在大量重复试验中其结果又具有统计规律性的现象。随机试验满足一下三个特点的试验称为随机试验：可以在相同条件下重复的进行；每次试验的可能结果不止一个，并且能事先明确试验的所有可能结果；进行一次试验之前不能确定哪一个结果会出现。样本空间、随机事件样本空间样本空间：随机试验的所有可能结果组成的集合。样_概率论与数理统计读书笔记

一个SQL Server故障排除及数据库连接方法_weixin_30322405的博客-程序员宅基地

一、一个SQL Server故障排除由于停电或不正常关机再重新启动电脑后，SQL Server服务管理器就不能启动服务了。到网上搜索这个问题，也按照搜索到的方法做了，也解决不了。这可把我急坏了，我可不想重装SQL Server。后来我想是不是可把电脑时间调到运行正常之前呢？照自己想法把电脑时间往前调了两天，然后再来启动服务，OK一切正常。能够正常启动了，看看数据一个都不少。再把时间...

ISAPI Rewrite实现iis防盗链_iis7.5 防盗链 isapi_rewrite 3.0_老白干的博客-程序员宅基地

为了实现图片防盗链，根据网络上搜集的资料加上自己的实践，终于实现了iis下的图片防盗链功能。服务器系统windows 2003 server，参考资料来源：http://www.hua-lin.net/blog/isapi_rewrite-stop-leeching-39实施步骤：1.下载比较出名的www.helicontech.com提供的ISAPI Rewrite软件的免费版本（免_iis7.5 防盗链 isapi_rewrite 3.0

python多线程爬取网页_weixin_30627341的博客-程序员宅基地

#-*- encoding:utf8 -*-'''Created on 2018年12月25日@author: Administrator'''from multiprocessing.dummy import Pool as plimport csvimport requestsfrom lxml import etreedef spider(...

随便推点

hgoi#20190508_cpongo3的博客-程序员宅基地

T1-Bachgold Problem给你一个整数n（2≤n≤100000），问最多能将其分解成多少质数的和。在第一行输出最多的质数数量k，下一行输出k个整数，为这些质数。解法贪心，分解成2和3明显是最优的ac代码#include<bits/stdc++.h>using namespace std;int n;int main(){...

三步解决Mac上谷歌浏览器Chrome无缘无故“总在最前” - Chrome始终位于最前端的解决办法_谷歌浏览器始终在最前端_Rudon滨海渔村的博客-程序员宅基地

简单三步保证“标签页”起码有两个右键重要的标签页，选择“将标签页移至新窗口” 关掉当前的窗口即可！下面有图...详细步骤（带图）保证“标签页”起码有两个，没就“打开新的标签页” 对着重要的标签页右键（双指同时轻触TouchPad），选择“将标签页移至新窗口” 关掉有问题的当前窗口，即可！完美解决！..._谷歌浏览器始终在最前端

我的电脑学习历程.序章_我的电脑学习过程_super_admi的博客-程序员宅基地

其实,我是一个菜鸟,不论是从技术上说,还是从入IT这一行的资历来说.我是2010年才正式加入IT这个行业的,但最初接触电脑的时间,还是是比较赶早的,要追溯到1996年左右.因此,最近我常有总结一些自己的电脑历程的想法,但一直下不定决心.今天看了一个女程序员的总结后,我开始动笔.1996-2010,我的求道之始._我的电脑学习过程

LMER的JAVAWeb笔记_LMER的博客-程序员宅基地

JAVA网络编程初识网络编程中的两个问题：如何精确的定位到网络上的一台或多台主机找到主机后如何进行通信网络编程中的要素IP 和端口号网络通信协议IP地址InetAddress类唯一定位一台网络上的计算机127.0.0.1：本机 localhostpublic class test { public static void main(String[] args) { try { //查询本机地址

模板引擎文档 - layui.laytpl 例子_layui.laytpl 用例_Bingo_BIG的博客-程序员宅基地

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, mini..._layui.laytpl 用例

kettle error: 使用sys用户连接oracle报错：ORA-28009: connection as SYS should be as SYSDBA or SYSOPER_jdbc connection as sys should be as sysdba or syso_RayBreslin的博客-程序员宅基地

一、问题描述使用oracle自带的sql developer登录sys是没有问题的：但是，使用sys登录kettle确实是有问题的，错误连接数据库 [oracle] : org.pentaho.di.core.exception.KettleDatabaseException: Error occurred while trying to connect to the data..._jdbc connection as sys should be as sysdba or sysoper