mpvue-xbyjShop
基于mpvue的微信小程序商城（小程序端，服务端）
小程序端
技术栈
mpvue + mpvue-router-patch + mpvue-entry + vuex + webpack + ES6/7 + flyio + mpvue-wxparse
项目运行
微信开发中工具选中mpvue-xbyjShop/buyer作为项目目录即可
功能列表
页面
- 首页 -- 完成
- 分类商品 -- 完成
- 商家品牌、品牌详情 -- 完成
- 新品首发 -- 完成
- 人气推荐 -- 完成
- 专题商品、专题详情 -- 完成
- 分类首页 -- 完成
- 搜索页 -- 完成
- 商品详情 -- 完成
- 评论页 -- 完成
- 购物车 -- 完成
- 下单页 -- 完成
- 支付页、支付结果页 -- 完成
- 我的订单、订单详情页 -- 完成
- 优惠卷
- 我的收藏 -- 完成
- 我的足迹 -- 完成
- 地址管理页 -- 完成
- 意见反馈
- 物流查询
组件
- 商品筛选组件 -- 综合、价格、分类
功能
- 专题评论
- 搜索商品
- 商品收藏
- 加入购物车
- 购物车商品的编辑、删除、批量操作
- 浏览记录
- 收货地址的增、删、改
- 下单支付
.....
效果展示
首页、商品分类页
品牌详情页、人气推荐页
专题、专题详情
分类首页、搜索页
商品详情、购物车
确认订单、付款页
付款结果、个人中心
我的订单、订单详情
优惠卷、我的收藏
我的足迹、地址管理
意见反馈、物流查询
服务端
服务端api基于Ｎode.js+ThinkJS+MySQL
项目运行
创建数据库xbyjshop
导入mpvue-xbyjShop/server目录下的xbyjShop.sql数据
修改两个配置文件，见下面
安装依赖 npm install
启动项目 npm start
修改数据库配置文件
server/src/common/config/database.js
const mysql = require('think-model-mysql');
module.exports = {
handle: mysql,
database: 'xbyjshop',
prefix: 'xbyjshop_',
encoding: 'utf8mb4',
host: '127.0.0.1',
port: '3306',
user: 'root',
password: '你的密码',
dateStrings: true
};
修改微信登录和微信支付配置文件
server/src/common/config/config.js
// default config
module.exports = {
default_module: 'api',
weixin: {
appid: '', // 小程序 appid
secret: '', // 小程序密钥
mch_id: '', // 商户帐号ID
partner_key: '', // 微信支付密钥
notify_url: '' // 微信异步通知
}
};
上线部署
腾讯云ECS CentOS 7.3 64
PM2管理nodejs进程
Nginx反向代理
配置HTTPS（微信小程序接口必须是HTTPS）
数据接口： https://www.xuanbiyijue.com/api/
具体的步骤，之后有空详细补一篇吧；
说明
如果本项目对您有帮助，欢迎 "Star" 支持一下 谢谢~
参考的原生微信小程序tumobi/nideshop-mini-program
最后
1、欢迎关注我的公众号，还有个技术交流群(备注自己github账号哦)
公众号、技术交流群
2、捐赠 Donate
如果我的项目对你有帮助，也可以给我打赏一下哦~
支付宝和微信支付
License
[GPL]