yllg / mpvue-xbyjshop

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

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]

mpvue-xbyjshop's Issues

no app.json file, can not run in weixin

after npm run build, no app.json file, can not run in weixin

为什么会有两种request

第一种封装的flyio；另外一种封装了wx.request.....都用wx.request不行吗？

选中buyer中打开项目编译不了

选中buyer中打开项目编译不了

接口出问题了吗？项目运行之后没有内容

GET http://127.0.0.1:8360/api/index/index net::ERR_CONNECTION_REFUSED

项目还会在更新吗？

项目做的很不错，楼主还在继续更新吗？后台管理部分加上不？这套系统用于生产适不适合？

地址选择存在滚动穿透问题

作者你好，今天在使用中发现一个问题，就是在真机上下单后新增收货地址的时候，发现这里有个滚动穿透的问题：具体表现为地址选择弹出层向上滚动没问题，向下就不能滚动了而是直接变成刷新页面了。

根本没法购买

立即购买里面连点击事件都没有，就是个死按钮。<view class="c">立即购买</view> <view class="r" @click="addToCart">加入购物车</view>

前端工程用的版本号

您好，下载完代码后，运行 npm install; npm run dev; 出现了一大堆报错，请问 mpvue 的版本号是多少？

no app.json file, can not run in weixin

no app.json file, can not run in weixin

未找到入口 app.json 文件

未找到入口 app.json 文件

大佬， 帮忙看看这是为什么？ TypeError: Cannot read property 'loaded' of null

安装完依赖后 npm run dev 就报这个错误
internal/modules/cjs/loader.js:730
if (!cachedModule.loaded) {
^

TypeError: Cannot read property 'loaded' of null
at Function.Module._load (internal/modules/cjs/loader.js:730:23)
at Module.require (internal/modules/cjs/loader.js:952:19)
at require (internal/modules/cjs/helpers.js:88:18)
at parsePages (C:\Users\feng\my\mpvue-xbyjShop-master\mpvue-xbyjShop-master\buyer\node_modules_mpvue-entry@1.5.9@mpvue-entry\lib\parser.js:45:17)
at Function.getEntry (C:\Users\feng\my\mpvue-xbyjShop-master\mpvue-xbyjShop-master\buyer\node_modules_mpvue-entry@1.5.9@mpvue-entry\lib\index.js:25:13)
at Object. (C:\Users\feng\my\mpvue-xbyjShop-master\mpvue-xbyjShop-master\buyer\build\webpack.base.conf.js:13:26)
at Module._compile (internal/modules/cjs/loader.js:1063:30)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)

npm run dev 报错

0 info it worked if it ends with ok
1 verbose cli [
1 verbose cli 'C:\Program Files\nodejs\node.exe',
1 verbose cli 'C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'dev'
1 verbose cli ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle [email protected]predev: [email protected]
6 info lifecycle [email protected]dev: [email protected]
7 verbose lifecycle [email protected]dev: unsafe-perm in lifecycle true
8 verbose lifecycle [email protected]dev: PATH: C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;C:\Users\Administrator\Downloads\mpvue-xbyjShop-master\buyer\node_modules.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;C:\Program Files\IDM Computer Solutions\UltraEdit;C:\Program Files (x86)\税务证书应用客户端;C:\Program Files\nodejs;C:\ProgramData\chocolatey\bin;C:\WindowsSystem32;C:\Users\Administrator\AppData\Local\Programs\Python\Python37;C:\Users\Administrator\AppData\Local\Programs\Python\Python37\Scripts;C:\Users\Administrator\AppData\Roaming\npm;C:\Users\Administrator\AppData\Local\Programs\Microsoft VS Code\bin
9 verbose lifecycle [email protected]dev: CWD: C:\Users\Administrator\Downloads\mpvue-xbyjShop-master\buyer
10 silly lifecycle [email protected]dev: Args: [ '/d /s /c', 'node build/dev-server.js' ]
11 silly lifecycle [email protected]dev: Returned: code: 1 signal: null
12 info lifecycle [email protected]dev: Failed to exec dev script
13 verbose stack Error: [email protected] dev: node build/dev-server.js
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\index.js:332:16)
13 verbose stack at EventEmitter.emit (events.js:321:20)
13 verbose stack at ChildProcess. (C:\Program Files\nodejs\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at ChildProcess.emit (events.js:321:20)
13 verbose stack at maybeClose (internal/child_process.js:1026:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:286:5)
14 verbose pkgid [email protected]
15 verbose cwd C:\Users\Administrator\Downloads\mpvue-xbyjShop-master\buyer
16 verbose Windows_NT 6.1.7601
17 verbose argv "C:\Program Files\nodejs\node.exe" "C:\Program Files\nodejs\node_modules\npm\bin\npm-cli.js" "run" "dev"
18 verbose node v13.7.0
19 verbose npm v6.13.6
20 error code ELIFECYCLE
21 error errno 1
22 error [email protected] dev: node build/dev-server.js
22 error Exit status 1
23 error Failed at the [email protected] dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]

没有app.json吗

大佬 为什么显示找不到app>js文件

只在主页用了VUEX，其他页都是vue自带的data，那还不如不用，有什么意义。

只有index用了store存储数据。

h5页面如何部署呢？

RT，如何使用mpvue同一套代码部署一套h5