• Stars
    star
    419
  • Rank 103,397 (Top 3 %)
  • Language
    JavaScript
  • Created about 6 years ago
  • Updated almost 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

mpvue仿网易严选小程序服务端

为了快速让学习者搭建本地的服务,现在对程序进行了修改

  1. 删除了对wafer2的依赖,删除了小程序登陆等相关的
  2. 数据库中存了一个用户数据,供接口使用,无需掉登陆

下载源码

git clone https://github.com/heyushuo/mpvue-shop-node.git

开始使用

1.项目开始前本机安装mysql5.7版本,然后创建数据库nodemysql并导入项目根目录下的nodemysql.sql

2.项目根目录有一个config.js文件,在这里可以配置数据库相关信息账号密码等

  	mysql: {
		host: 'localhost',
		port: 3306,
		user: '',   
		db: 'nodemysql',  //数据库名字
		pass: '',   //数据库密码
		char: 'utf8mb4'
    };

安装依赖

npm install

启动项目

npm run dev

项目目录结构

1.mysql.js存放对knex的引用(用来操作数据库使用)

2.本项目所有的业务逻辑都在controllers文件夹中

3.本项目所有的接口都写在router文件夹下的index.js里边

 //首页数据
    //1.首页
    router.get('/index/index', controllers.home.index)
    //2.首页品牌制造商直供的详情内的列表数据
    router.get('/brand/listaction', controllers.brand.index.listAction)
    //3.首页品牌制造商直供的详情数据
    router.get('/brand/detailaction', controllers.brand.index.detailAction)
    
    
    /**
     *  分类
     */
    //1.分类和子类
    router.get('/category/indexaction', controllers.category.index.indexAction)
    //2.通过分类的id来查询子类接口
    router.get('/category/currentaction', controllers.category.index.currentAction)
    //3.获取导航数据
    router.get('/category/categoryNav', controllers.category.index.categoryNav)
    
    
    /**
     *  商品相关接口
     */
    //1.商品详情接口
    router.get('/goods/detailaction', controllers.goods.index.detailAction)
    //2.获取商品列表
    router.get('/goods/goodsList', controllers.goods.index.goodsList)
    
    
    /**
     *  专题接口
     */
    //1.列表
    router.get('/topic/listaction', controllers.topic.index.listAction)
    //2.详情加下方四个专题推荐
    router.get('/topic/detailaction', controllers.topic.index.detailAction)
    
    
    /**
     * 搜索相关接口
     */
    //1.关键词和搜索历史接口
    router.get('/search/indexaction', controllers.search.index.indexAction)
    //2.搜索提示接口
    router.get('/search/helperaction', controllers.search.index.helperAction)
    //3.搜索的关键词添加到数据库
    router.post('/search/addhistoryaction', controllers.search.index.addHistoryAction)
    //4.清空搜索历史
    router.post('/search/clearhistoryAction', controllers.search.index.clearhistoryAction)
    
    
    /**
     *  收藏相关接口
     */
    //1.添加收藏
    router.post('/collect/addcollect', controllers.collect.index.addCollect)
    //2.获取收藏列表
    router.get('/collect/listAction', controllers.collect.index.listAction)
    //2.获取收藏列表
    router.get('/collect/deleteCollect', controllers.collect.index.deleteCollect)
    
    /**
     *  购物车相关接口
     */
    //1.添加购物车
    router.post('/cart/addCart', controllers.cart.index.addCart)
    //2.购物车列表
    router.get('/cart/cartList', controllers.cart.index.cartList)
    //3.删除商品
    router.get('/cart/deleteAction', controllers.cart.index.deleteAction)
    
    
    /**
     *  订单相关
     */
    router.post('/order/submitAction', controllers.order.index.submitAction)
    
    router.get('/order/detailAction', controllers.order.index.detailAction)
    /**
     *  收货地址相关接口
     */
    //1.保存和跟新收货地址
    router.post('/address/saveAction', controllers.address.index.saveAction)
    //2.获取收货地址列表
    router.get('/address/getListAction', controllers.address.index.getListAction)
    //3.获取收货地址详情
    router.get('/address/detailAction', controllers.address.index.detailAction)
    //4.删除收货地址
    router.get('/address/deleteAction', controllers.address.index.deleteAction)
    
    
    /**
     *  意见反馈
     */
    router.post('/feedback/submitAction', controllers.feedback.index.submitAction)

如果需要小程序登陆的可以看,腾讯提供的小程序node解决方案

Wafer2 Node.js Demo

下方为微信小程序效果展示

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

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

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

4、地址管理

小程序端传送门 点击进入小程序地址

最后

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

More Repositories

1

mpvue-shop

基于mpvue的网易严选商城。前端:mpvue;后端:Node、koa2、mysql、knex.js 操作数据库。后台代码已上线腾讯云
Vue
1,353
star
2

vue-marquee

Vue版跑马灯效果,Vue无缝滚动效果
Vue
32
star
3

Blob

日常博客总结
JavaScript
19
star
4

Webpack-React

配置一套属于自己的React项目的webpack配置
JavaScript
15
star
5

Vue-Boss

vue版Boss职聘
Vue
15
star
6

npm-package

发布自己的vue组件到npm上
JavaScript
10
star
7

Vue-swiper

Vue版轮播图
JavaScript
5
star
8

React-Actural-shop

实战大众点评
JavaScript
5
star
9

localResizeIMG.js

移动端图片上传解决方案localResizeIMG先压缩后ajax无刷新上传,(H5)FormData+AJAX异步上传文件
JavaScript
5
star
10

flowplayer.js-video

 FlowPlayer 是一个用Flash开发的在Web上的网页flash播放器代码,你可以很容易地将它集成在任何的网页上使用。FlowPlayer 提供了良好的用户体验,支持预加载、长时间播放,播放列表,全屏播放模式等,还能支持HTTP以及流媒体传输。   Flowplayer是一款开源软件,在该页面你同时可以下载到源代码。所以FlowPlayer 也是一个flash播放器源码软件,你可以下载使用。它提供了一个简单的方法,在网站中嵌入视频播放器。这样可不同于普通的FLV播放器,这其中有大量的功能和非常灵活和强大的配置选项。
HTML
5
star
11

Layout

项目中常用的布局,布局实现的方式,思路和技巧
HTML
3
star
12

Vue-music

vue开发音乐app
Vue
2
star
13

My-Gulp-Project-Perfect

自己的gulp项目
CSS
2
star
14

H5-camera-Album

使用mui完成同时兼容ios和安卓手机弹出照相还是从相册选择图片,并对图片进行压缩,获取base64,展示图片,再把base64转为二进制传给后台
JavaScript
2
star
15

codeSnippet

日常总结
JavaScript
1
star
16

blob-code

HTML
1
star
17

React-Project

使用官方提供的脚手架(creat-react-app),开发实战项目
JavaScript
1
star
18

Integral-mal-projectl

实战项目之积分商城移动端项目
JavaScript
1
star