[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-8935":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":16,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":17,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":18,"fork":18,"defaultBranch":19,"hasWiki":20,"hasPages":18,"topics":21,"createdAt":10,"pushedAt":10,"updatedAt":22,"readmeContent":23,"aiSummary":24,"trendingCount":16,"starSnapshotCount":16,"syncStatus":25,"lastSyncTime":26,"discoverSource":27},8935,"mpvue-shop","heyushuo\u002Fmpvue-shop","heyushuo","基于mpvue的网易严选商城。前端：mpvue；后端：Node、koa2、mysql、knex.js 操作数据库。后台代码已上线腾讯云","",null,"Vue",1347,345,39,14,0,52.62,false,"master",true,[],"2026-06-12 04:00:42","# mpvue 仿网易严选\n\n## 如何开启项目?\n```javascript\ngit clone https:\u002F\u002Fgithub.com\u002Fheyushuo\u002Fmpvue-shop.git\n\nnpm install \u002F\u002F推荐使用cnpm进行安装,百度淘宝镜像\n\u002F\u002F开启项目\nnpm run dev\n\n\u002F\u002F最后通过微信开发者工具打开项目,就可以运行项目了\n```\n**2019年10月18日**：建议本地自己搭建后台非常简单（搭建后台进行了简化），方便自己调试， 小程序后端 [点击进入小程序服务端源码地址](https:\u002F\u002Fgithub.com\u002Fheyushuo\u002Fmpvue-shop-node)\n\n**2019年8月26日**：由于域名和证书到期了，以前下载项目的接口请求不到了，需要把请求的域名换成ip加端口\n```javascript\n\u002F\u002F在utils文件下的index.js里，把host换成ip加端口\n\nconst host = \"https:\u002F\u002Fwww.heyuhsuo.xyz\";\n\u002F\u002F 换成下边的\nconst host = \"http:\u002F\u002F118.25.222.68:5757\u002Fheyushuo\";\n```\n**2019 年 2 月 15 日**:最近有人下载项目安装依赖后无法运行代码,因为 mpvue 跟新导致的,需要进行版本锁定,如下修改 package.json 文件.删除**node_modules**,重新安装依赖\n\n```javascript\n\"mpvue\": \"1.0.18\",\n\"mpvue-template-compiler\": \"1.0.18\",\n```\n\n**2018 年 10 月 26 日 :** 在 src 目录下新增了**minxins 文件夹**,这里主要为了解决跳转同一个页面数据数据没有初始化问题,全局添加混合组件,不需要再每个页面 onload 的时候进行初始化数据了\n\u002F\u002F在 main.js 里引入此混合组件\n\u002F\u002F全局处理重复页面跳转详情初始化,和详情跳详情返回的 bug\nimport MyPlugin from '.\u002Fminxins'\nVue.use(MyPlugin)\n\n**2018 年 9 月 13 日 :** 新增了**VUEX**的引入,在 store 问价夹里并且在首页的城市获取,和自己选择城市的页面中使用了 VUEX,**大家可以参考 mpvue 中如何引入和使用 vuex 的**\n\n**2018 年 9 月 6 日 :** 在首页顶部新增搜索以及引入高德地图 api\n\n**1.用户同意获取授权和用户不同意获取授权两种情况**\n\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F9\u002F6\u002F165af1268bc30e93?imageslim)\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F9\u002F6\u002F165af12af41b68d6?imageslim)\n\n**2018 年 9 月 5 日 :** 在商品详情页面新增商品转发功能(分享功能)\n\n![Image text](https:\u002F\u002Fgithub.com\u002Fheyushuo\u002Fmpvue-shop\u002Fblob\u002Fmaster\u002Fimages\u002Fgoods.png)\n\n**2018 年 8 月 30 日 :** 好多人反映登录无法登录,因为这个需要自己配置后台才可以,为了可以让大家体验登录后的一些操作,在这里我**添加了默认用户,大家可以体验其他功能!**\n这里可能会遇到问题:**大家都是使用的这一个账号,添加购物车,收藏还有一些收货地址之类的可能会显示很多人添加的,我会定期删除线上默认用户的这些信息,** **抓紧 clone 最新的代码体验**\n\n# 大家也可以自己默认账户信息\n\n    大家也可以在App.vue设置自己的默认账户信息(这样就不会和大家冲突了)\n    openId修改为一个唯一的值就行\n\n    var userInfo = {\"openId\":\"oQmbb4sNZdxaUQZ0sfYgvtOP2S7c\",\"nickName\":\"何玉硕\",\"gender\":1,\"language\":\"zh_CN\",\"city\":\"Changping\",\"province\":\"Beijing\",\"country\":\"China\",\"avatarUrl\":\"https:\u002F\u002Fwx.qlogo.cn\u002Fmmopen\u002Fvi_32\u002FQ0j4TwGTfTIbWFEIJj8IpGeHM7dGic1aTFZALjWcMm9ltWfFiaQfVRYticWBfgGfzXWMt2EkJWiaicPtftHAlWxUibxQ\u002F132\",\"watermark\":{\"timestamp\":1535513485,\"appid\":\"wx601ce71bde7b9add\"}};\n      var openId = userInfo.openId;\n      wx.setStorageSync(\"userInfo\", userInfo);\n      wx.setStorageSync(\"openId\", openId);\n\n# 前言\n\n一直打算自己写接口,写一个上线的小程序,数据方面总是无从下手，无意中发现一个网友爬取的网易严选商城的一些数据大概一共有 20 张左右的表,算是相当详细了(对其中部分表的字段和部分数据进行了修改,)平时写项目大部分用的 vue,所以直接选择了 mpvue 开发,后端一开始打算用 php 但是学了半个月感觉需要学的东西太多,短时间里写不出这个线上小程序,最后决定用 node 来开发提供接口。\n\n## 此项目仅供学习参考\n\n# 技术站\n\n前端：小程序、mpvue、async、await\n\n后端：Node、koa2、mysql、knex.js 操作数据库,可视化工具使用的 Navicat\n\n## 运行方法\n\n    npm install 下载依赖\n    npm run dev  运行项目\n    这里部分项目的接口都可以访问了,但是登录接口不可以,只有本地搭建一套才可以使用登录接口\n    因为你用的自己的Appi打开微信开发者工具,无法调用我这边的登录,我后台默认是自己的Appid\n\n# 目前上线状态\n\n由于域名备案小程序暂时无法上线,但是**小程序的服务端已经上线,接口都是访问的线上接口**,你只需要把源码克隆到本地,**直接在微信开发者工具中,就能请求到数据,看到效果** ,备案通过后会把二维码添加进来\n\n# 喜欢的希望大家点个 star 鼓励一下,谢谢大家的支持!!!!\n\n# 商城主要实现的功能\n\n* 首页、专题、分类、购物车、我的\n* 小程序授权登陆获取用户信息\n* 首页包含品牌制造页、品牌制造详情页面、新品首发页面、人气推荐页面、各分类列表\n* 商品详情页面，包含常见问题、大家都在看商品列表、加入购物车、收藏商品、立即购买、下订单、选择收货地址\n* 搜索功能，包含历史记录、热门搜索、搜索后列表展示、模糊搜索提示\n* 商品列表部分包含综合、价格高低进行排序\n* 专题功能，包含专题详情、专题推荐列表\n* 分类，包含左边大分类和右边详细分类\n* 购物车，包含商品单选全选、左滑删除商品、下订单等功能\n* 地址管理，包含新建地址和导入微信地址，地址编辑、左滑删除、设置默认地址\n* 我的页，包含我的收藏、地址管理、意见反馈\n\n# 部分效果展示\n\n### 1.首页展示和专题页效果\n\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F27\u002F165793588dd8808f?w=323&h=571&f=gif&s=3649872)\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F25\u002F165717735a9e3c60?w=327&h=573&f=gif&s=3983502)\n\n### 2、分类页面，分类子页面以及搜索功能、搜索列表、历史记录、模糊搜索提示\n\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F25\u002F1657185090f5d3cd?w=327&h=573&f=gif&s=884918)\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F25\u002F1657188bf2746d85?w=327&h=573&f=gif&s=585295)\n\n### 3、购物车功能添加购物车,单选多选,删除和商品收藏功能\n\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F25\u002F165719656d9bdb5b?w=327&h=573&f=gif&s=1979300)\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F25\u002F165719e76bd00f05?w=327&h=573&f=gif&s=1770550)\n\n### 4、地址管理\n\n![](https:\u002F\u002Fuser-gold-cdn.xitu.io\u002F2018\u002F8\u002F25\u002F165719e2d9b28ee1?w=327&h=573&f=gif&s=611343)\n\n# 小程序后端送门 [点击进入小程序服务端地址](https:\u002F\u002Fgithub.com\u002Fheyushuo\u002Fmpvue-shop-node)\n\n# 项目总结和遇到的一些问题 # [点击进入博客查看详情](https:\u002F\u002Fjuejin.im\u002Fpost\u002F5b6323baf265da0f5511533a)\n\n# 最后\n\n* 喜欢的记得点个 star,鼓励一下谢谢哈!!\n* 微信号 hys838723\n* qq 群号 647099996\n","该项目是一个基于mpvue框架仿制的网易严选商城小程序。它使用Vue作为前端技术栈，后端则采用Node.js、koa2、MySQL以及knex.js进行数据库操作，提供了一个完整的电商解决方案。项目具备商品展示、搜索、购物车管理及用户登录等功能，适合用于学习或快速搭建类似的小程序电商平台。通过微信开发者工具可以直接运行该项目，并与已上线的服务端接口对接，实现数据请求和页面展示。此外，该项目还提供了详细的部署指南和注意事项，方便开发者本地调试与二次开发。",2,"2026-06-11 03:20:21","top_language"]