后台:nodejs + express 前台:vue + vuex 全栈项目 源码分享

发布时间:2019-05-14 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了后台:nodejs + express 前台:vue + vuex 全栈项目 源码分享脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

关于

一直考虑写一个功能齐全的完整Nodejs项目,但苦于没有找到合适的类型,而且后台系统无法直观的感受到,需要有一个前台项目配合,因此迟迟没有动笔。恰好前一段时间开源了一个vue前端项目,便以此为契机构筑了后台系统。

因为前端项目是根据饿了么官网接口写的,所以后台系统也保持了和官网一致的API接口。

整个项目分为两部分:前台项目接口、后台管理接口,共60多个。涉及登陆、注册、添加商品、商品展示、筛选排序、购物车、下单、用户中心等,构成一个完整的流程,基本完成一个外卖平台所需的基础功能。

源码地址:

https://github.com/bailicangdu/node-elm

效果演示

(可在后台管理系统添加商铺,食品等数据,并在前端地址查看效果)

前端网址

前端网址戳这里(请用chrome手机模式预览)

移动端扫描下方二维码

后台:nodejs + express  前台:vue  + vuex 全栈项目 源码分享

后台管理系统网址

后台管理网址戳这里

目标功能

  • [x] IP定位 -- 完成

  • [x] 城市列表 -- 完成

  • [x] 搜索地址 -- 完成

  • [x] 上传图片 -- 完成

  • [x] 添加商铺 -- 完成

  • [x] 添加食品 -- 完成

  • [x] 测量距离 -- 完成

  • [x] 搜索美食,餐馆 -- 完成

  • [x] 根据距离、销量、评分、特色菜、配送方式等进行排序和筛选 -- 完成

  • [x] 评价列表 -- 完成

  • [x] 食品详情 -- 完成

  • [x] 商家详情 -- 完成

  • [x] 购物车功能 -- 完成

  • [x] 登录、注册 -- 完成

  • [x] 修改密码 -- 完成

  • [x] 用户信息 -- 完成

  • [x] 添加、删除、修改收货地址 -- 完成

  • [x] 下单 -- 完成 ✨✨

  • [x] 订单信息 -- 完成

  • [x] 红包 -- 完成

  • [x] 商铺管理 -- 完成

  • [x] 食品管理 -- 完成

  • [x] 管理员权限验证 -- 完成

  • [x] 超级管理员 -- 完成

  • [x] 订单管理 -- 完成

  • [x] 流量统计 -- 完成

  • [x] 前后台路由同构 -- 完成

  • [x] 部署上线 -- 完成

API接口文档

接口文档地址

部分截图

部分前台页面

后台:nodejs + express  前台:vue  + vuex 全栈项目 源码分享

后台:nodejs + express  前台:vue  + vuex 全栈项目 源码分享

部分后台管理系统页面

后台:nodejs + express  前台:vue  + vuex 全栈项目 源码分享

后台:nodejs + express  前台:vue  + vuex 全栈项目 源码分享

脚本宝典总结

以上是脚本宝典为你收集整理的后台:nodejs + express 前台:vue + vuex 全栈项目 源码分享全部内容,希望文章能够帮你解决后台:nodejs + express 前台:vue + vuex 全栈项目 源码分享所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签:Vue