jellyHero / mpvue-shop

基于mpvue的网易严选商城(域名备案中后台代码已上线腾讯云,近期上线小程序)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

mpvue仿网易严选

前言

一直打算自己写接口,写一个上线的小程序,数据方面总是无从下手,无意中发现一个网友爬取的网易严选商城的一些数据大概一共有20张左右的表,算是相当详细了(对其中部分表的字段和部分数据进行了修改,)平时写项目大部分用的vue,所以直接选择了mpvue开发,后端一开始打算用php但是学了半个月感觉需要学的东西太多,短时间里写不出这个线上小程序,最后决定用node来开发提供接口。

此项目仅供学习参考

技术站

前端:小程序、mpvue、async、await

后端:Node、koa2、mysql、knex.js操作数据库,可视化工具使用的Navicat

运行方法

npm install 下载依赖
npm run dev  运行项目
这里部分项目的接口都可以访问了,但是登录接口不可以,只有本地搭建一套才可以使用登录接口
因为你用的自己的Appi打开微信开发者工具,无法调用我这边的登录,我后台默认是自己的Appid

目前上线状态

由于域名备案小程序暂时无法上线,但是小程序的服务端已经上线,接口都是访问的线上接口,你只需要把源码克隆到本地,直接在微信开发者工具中,就能请求到数据,看到效果 ,备案通过后会把二维码添加进来

喜欢的希望大家点个star鼓励一下,谢谢大家的支持!!!!

商城主要实现的功能

  • 首页、专题、分类、购物车、我的
  • 小程序授权登陆获取用户信息
  • 首页包含品牌制造页、品牌制造详情页面、新品首发页面、人气推荐页面、各分类列表
  • 商品详情页面,包含常见问题、大家都在看商品列表、加入购物车、收藏商品、立即购买、下订单、选择收货地址
  • 搜索功能,包含历史记录、热门搜索、搜索后列表展示、模糊搜索提示
  • 商品列表部分包含综合、价格高低进行排序
  • 专题功能,包含专题详情、专题推荐列表
  • 分类,包含左边大分类和右边详细分类
  • 购物车,包含商品单选全选、左滑删除商品、下订单等功能
  • 地址管理,包含新建地址和导入微信地址,地址编辑、左滑删除、设置默认地址
  • 我的页,包含我的收藏、地址管理、意见反馈

部分效果展示

1.首页展示和专题页效果

2、分类页面,分类子页面以及搜索功能、搜索列表、历史记录、模糊搜索提示

3、购物车功能添加购物车,单选多选,删除和商品收藏功能

4、地址管理

项目总结和遇到的一些问题 # 点击进入博客查看详情

最后

  • 喜欢的记得点个star,鼓励一下谢谢哈!!
  • 微信号 hys838723
  • qq群号 647099996

About

基于mpvue的网易严选商城(域名备案中后台代码已上线腾讯云,近期上线小程序)


Languages

Language:Vue 47.4%Language:CSS 34.2%Language:JavaScript 18.2%Language:HTML 0.1%