yllg / mpvue-xbyjshop Goto Github PK

View Code? Open in Web Editor NEW

1.0K 51.0 431.0 5.46 MB

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

JavaScript 38.30% HTML 0.06% Vue 61.64%

mpvue vuex flyio nodejs thinkjs mysql

mpvue-xbyjshop's Introduction

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 People

Contributors

Stargazers

Watchers

Forkers

linecode saigege kylinhe vgfree iffindyou 1072258106 dqy1234 liaoruochenxing oyldegit lakesky lg878398509 stevenmoks caoyiou163 suixinlq kermit7410 jooanchan lhlaxx superkenan qingtiandada 0doctor0 jangocheng liqiang8307 slyant wckjlu henry13771 wangyuemeng william13771 suixinme 303donatello welldo bigbigbigben leo-sh wangtiangang fuzhicheng githubadministrations tommyare xiaoy-888888 zhengzhiyong vidding indielike 15224430211 jsutmu yiqianxun davidlv yvanme fudanyuan zhaoyao333 zkhua saysmy ado-cs alvin816 developers23 zhaojing033033 lsycool jtfl2008 runningship hodore hansontan zw0326 huangweimin wuhou123 fengjingli harver jsq147 inkssssss hellochinese wangzuxin zzzcoding gty19950420 haorui 112618274 jie-xu zhanghe12345 taoonlyloveu chaochao6632 wuyanming bobqiu edwardvi mikifuns heisenberg289 duan1223 dahaimuye firef0x whkendny sitloveyou tommasanderson iamchenxiaopeng elvis-tsai kylingood yzhaosc1989 sky8652 linml itxiaoshuai 1429880240 xzsdj z740493980 liangzuan1983 lalafuture aipuz cheneylew

mpvue-xbyjshop's Issues

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

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

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

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

根本没法购买

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

no app.json file, can not run in weixin

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

前端工程用的版本号

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

大佬，帮忙看看这是为什么？ 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)

为什么会有两种request

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

h5页面如何部署呢？

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

项目还会在更新吗？

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

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

只有index用了store存储数据。

no app.json file, can not run in weixin

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 ]

yllg / mpvue-xbyjshop Goto Github PK

mpvue-xbyjshop's Introduction

mpvue-xbyjShop

小程序端

技术栈

项目运行

功能列表

页面

组件

功能

效果展示

首页、商品分类页

品牌详情页、人气推荐页

专题、专题详情

分类首页、搜索页

商品详情、购物车

确认订单、付款页

付款结果、个人中心

我的订单、订单详情

优惠卷、我的收藏

我的足迹、地址管理

意见反馈、物流查询

服务端

项目运行

修改数据库配置文件

修改微信登录和微信支付配置文件

上线部署

说明

最后

公众号、技术交流群

支付宝和微信支付

License

mpvue-xbyjshop's People

Contributors

Stargazers

Watchers

Forkers

mpvue-xbyjshop's Issues

Recommend Projects

Recommend Topics

Recommend Org