后台:nodejs 前台:vue 全栈开发 完整功能的外卖平台系统
关于
一直考虑写一个功能齐全的完整Nodejs项目,但苦于没有找到合适的类型,而且后台系统无法直观的感受到,需要有一个前台项目配合,因此迟迟没有动笔。恰好前一段时间开源了一个vue前端项目,便以此为契机构筑了后台系统。
因为前端项目是根据饿了么官网接口写的,所以后台系统也保持了和官网一致的API接口。
整个项目分为两部分:前台项目接口、后台管理接口,共60多个。涉及登陆、注册、添加商品、商品展示、筛选排序、购物车、下单、用户中心等,构成一个完整的流程,基本完成一个外卖平台所需的基础功能。
源码地址:
https://github.com/bailicangdu/node-elm
效果演示
(可在后台管理系统添加商铺,食品等数据,并在前端地址查看效果)
前端网址
前端网址戳这里(请用chrome手机模式预览)
移动端扫描下方二维码
后台管理系统网址
后台管理网址戳这里
目标功能
- [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 前台:vue 全栈开发 完整功能的外卖平台系统相关推荐
- 读书笔记《Spring Boot+Vue全栈开发实战》(下)
本书将带你全面了解Spring Boot基础与实践,带领读者一步步进入 Spring Boot 的世界. 前言 第九章 Spring Boot缓存 第十章 Spring Boot安全管理 第十一章 S ...
- ehcache springboot_阿里内部进阶学习SpringBoot+Vue全栈开发实战文档
前言 Spring 作为一个轻量级的容器,在JavaEE开发中得到了广泛的应用,但是Spring 的配置烦琐臃肿,在和各种第三方框架进行整合时代码量都非常大,并且整合的代码大多是重复的,为了使开发者能 ...
- springboot+vue全栈开发
目录 SpringBoot+Vue全栈开发 前后端框架: 项目目录结构: springboot项目创建配置 开发环境热部署 路由映射 Method匹配 参数传递 注意点1 注意点2 SpringBoo ...
- 《SpringBoot+vue全栈开发实战项目》笔记
前言 Spring 作为一个轻量级的容器,在JavaEE开发中得到了广泛的应用,但是Spring 的配置繁琐臃肿,在和各种第三方框架进行整合时代码量都非常大,并且整合的代码大多是重复的,为了使开发者能 ...
- SpringBoot+vue全栈开发实战笔记太香了
Spring 作为一个轻量级的容器,在JavaEE开发中得到了广泛的应用,但是Spring 的配置繁琐臃肿,在和各种第三方框架进行整合时代码量都非常大,并且整合的代码大多是重复的,为了使开发者能够快速 ...
- 《Spring Boot+Vue全栈开发实战》读书笔记
写在前面 嗯,回家处理一些事,所以离职了,之前的公司用开源技术封装了一套自己的低代码平台,所以之前学的spring Boot之类的东西都忘了很多,蹭回家的闲暇时间复习下. 笔记整体以 Spring B ...
- Spring Boot+Vue全栈开发实战——花了一个礼拜读懂了这本书
很幸运能够阅读王松老师的<Spring Boot+Vue全栈开发实战>这本书!之前也看过Spring Boot与Vue的相关知识,自己也会使用了Spring Boot+Vue进行开发项目. ...
- 最新网易云课堂Python Flask框架全栈开发(完整)
适用人群 1.想使用Python快速开发网站的. 2.前端开发者,想学习后端开发逻辑的. 3.有编程经验,想学习Flask的. 课程概述 本套课程的目标是从零基础开始,使用Flask框架开发企业级的项 ...
- springboot+vue全栈开发_springboot+vue(一)___开发环境以及前后端项目搭建
nodejs安装 安装: nodejs官网地址:https://nodejs.org/en/ 安装node.js,安装路径我默认安装在C盘 ,可以改变路径 安装配置全局安装路径和缓存 现在配置全局模 ...
最新文章
- 数据库分享一: MySQL的Innodb缓存相关优化
- WinRAR 5.70 下载、安装和广告弹框去除
- iOS之性能优化·优化App界面的渲染与流畅度
- EBS DBA指南笔记(一)
- 持续集成工具集之二 Jenkins安装
- [转] 先验概率与后验概率贝叶斯与似然函数
- 写python脚本管理_Python 文件管理实例详解
- HDU 6188 2017广西邀请赛:Duizi and Shunzi
- 单线程+异步协程的简单爬虫模型
- 高可用、弹性动态的金融级移动架构在蚂蚁金服的演进之路
- ngrok下载并运行实现内网穿透
- 计算机用户名显示TEMP,win10只要打开ie桌面出现temp文件夹如何解决
- 关于qt 开发的灵异事件
- Spring2.5.X与Junit4.5配搭问题
- 什么叫单精度浮点型?什么叫双精度浮点型?
- uva 1471 Defense Lines (降低复杂度)
- 【自动控制原理】拉氏变换
- 敏捷日记(2012年3月到2012年5月)
- 五款WordPress图片压缩插件推荐
- 国务院正式批准长三角规划:将建世界级城市群