Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

前端mpvue🚀后端nodejs🔋+thinkjs+mysql📂微信小程序商城(准备用uniapp重构并适配多端)

Notifications You must be signed in to change notification settings

yllg/mpvue-xbyjShop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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]

About

前端mpvue🚀后端nodejs🔋+thinkjs+mysql📂微信小程序商城(准备用uniapp重构并适配多端)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
Morty Proxy This is a proxified and sanitized view of the page, visit original site.