前端mpvue🚀后端nodejs🔋+thinkjs+mysql📂微信小程序商城
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
buyer Update package.json Aug 27, 2018
screenshots mpvue-xbyjshop第一次提交 Aug 4, 2018
server mpvue-xbyjshop第一次提交 Aug 4, 2018
.gitignore mpvue-xbyjshop第一次提交 Aug 4, 2018
README.md Update README.md Aug 4, 2018

README.md

mpvue-xbyjShop

基于mpvue的微信小程序商城(小程序端,服务端)

小程序端

技术栈

mpvue + mpvue-router-patch + mpvue-entry + vuex + webpack + ES6/7 + flyio + mpvue-wxparse

项目运行

微信开发中工具选中mpvue-xbyjShop/buyer作为项目目录即可

功能列表

页面

  • 首页 -- 完成
  • 分类商品 -- 完成
  • 商家品牌、品牌详情 -- 完成
  • 新品首发 -- 完成
  • 人气推荐 -- 完成
  • 专题商品、专题详情 -- 完成
  • 分类首页 -- 完成
  • 搜索页 -- 完成
  • 商品详情 -- 完成
  • 评论页 -- 完成
  • 购物车 -- 完成
  • 下单页 -- 完成
  • 支付页、支付结果页 -- 完成
  • 我的订单、订单详情页 -- 完成
  • 优惠卷
  • 我的收藏 -- 完成
  • 我的足迹 -- 完成
  • 地址管理页 -- 完成
  • 意见反馈
  • 物流查询

组件

  • 商品筛选组件 -- 综合、价格、分类

功能

  • 专题评论
  • 搜索商品
  • 商品收藏
  • 加入购物车
  • 购物车商品的编辑、删除、批量操作
  • 浏览记录
  • 收货地址的增、删、改
  • 下单支付 .....

效果展示

首页、商品分类页

品牌详情页、人气推荐页

专题、专题详情

分类首页、搜索页

商品详情、购物车

确认订单、付款页

付款结果、个人中心

我的订单、订单详情

优惠卷、我的收藏

我的足迹、地址管理

意见反馈、物流查询

服务端

服务端api基于Node.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]