基于mpvue的微信商城小程序

https://gitee.com/douyu/xcxmall

基于mpvue的微信小程序商城（小程序端，服务端，后台管理） 小程序是github上的一个开源项目

小程序端

技术栈

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

项目运行

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

功能列表

页面

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

组件

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

功能

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

小程序效果展示

首页、商品分类页

 

品牌详情页、人气推荐页

 

专题、专题详情

 

分类首页、搜索页

 

商品详情、购物车

 

确认订单、付款页

 

我的订单、订单详情

 

优惠卷、我的收藏

 

我的足迹、地址管理

 

后台管理端展示，可定制开发

横幅管理

分类管理

品牌管理

商品管理

频道管理

 

服务端API

服务端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: '' // 微信异步通知
  }
};

最后

1、小程序商城后台管理端

基于java Spring开发。

联系我