# 本作品仿美团饿了么
#### 导语
>本人是半路出家半年经验前端狗,前段时间一直想一个人单独开发一个较为完整的项目,在众多应用中,考虑之后选择了美团外卖饿了吗来模仿,这段时间就利用工作之余时间进行开发,前端用vue+vuex+vue-router+axios,因为需要用到定位和接口等功能,需要后端配合,而且想要做真正数据交互,所以我买了阿里云1G服务器,用express(基于nodejs的框架)做后台,数据库用NOSQL的mongodb。 前端项目包含20多个路由,涉及到vue文件有40个,功能设计手机号码登录,账号密码登录,定位,浏览商品,图片路由懒加载,加购物车等,是一个逐渐趋于完整的项目。
#### 注意:此项目为个人开发实践练习,不作为任何商业用途,会不断进行更新,感谢每一位点赞的小伙伴,共勉!
[前端Demo地址](http://aoaoe.chenruisheng.info)
[后台管理Demo地址](http://www.chenruisheng.info/aoaoe/admin)
#### ps:克隆下来后,安装依赖后,前端npm run dev 后台npm run serve 后端 nodemon 启动后直接可以链上本人的数据库。
## 前端功能
* 登录/注销
* IP定位
* 搜索地址
* 后端获取商店(暂未实现计算当前位置和商店的距离)
* 加购物车
* 图片懒加载
* 路由懒加载
* 动态底部导航
## 后台管理功能
* 登录/注册/注销
* Token验证
* 请求拦截/响应拦截
* 路由守卫
* 店铺信息的增删改查
* 登录用户权限
## 技术栈
* Webpack-cli搭建项目(vue2.0/vue-cli3.0)
* Vue全家桶(vue+vuex+vue-router)
* CSS预处理器less
* axios与后端进行请求数据
* 网络服务器存储图片
* 使用better-scroll滚动
* Express搭建后端服务
* Mongoose对MongoDB进行便捷操作
* element-ui应用
* rem相对单位应用
## 效果演示
![avatar](http://wx1.sinaimg.cn/mw690/006JrQflly1g1wnd7lp7pg30a90hn4qp.gif)
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行! 基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行! 基于node js、vue、mongodb等技术构建的web系统,界面美观,功能齐全,适合用作毕业设计、课程设计作业等,项目均经过测试,可快速部署运行!
资源推荐
资源详情
资源评论
收起资源包目录
vue+node+mongodb仿美团外卖点餐系统.zip (415个子文件)
.babelrc 406B
ueditor.css 43KB
ueditor.min.css 34KB
video-js.css 21KB
image.css 18KB
video.css 15KB
attachment.css 14KB
video-js.min.css 11KB
shCoreDefault.css 7KB
scrawl.css 4KB
codemirror.css 3KB
charts.css 3KB
background.css 2KB
emotion.css 2KB
dialogbase.css 2KB
music.css 2KB
reset.css 1KB
icon.css 1KB
icon.css 1KB
edittable.css 1KB
reset.css 1KB
template.css 1KB
webuploader.css 515B
help.css 389B
style.css 111B
iframe.css 41B
.editorconfig 147B
vjs.eot 3KB
mt-app.eot 2KB
UEditorSnapscreen.exe 508KB
bj001.gif 1.82MB
404.gif 1.02MB
wface.gif 49KB
jxface2.gif 40KB
yface.gif 28KB
bface.gif 27KB
icons.gif 20KB
file-icons.gif 20KB
file-icons.gif 20KB
tface.gif 19KB
fface.gif 18KB
cface.gif 8KB
icons-all.gif 4KB
videologo.gif 2KB
cancelbutton.gif 1KB
button-bg.gif 1KB
lock.gif 1KB
alignicon.gif 1KB
word.gif 1019B
icon_doc.gif 1012B
icon_psd.gif 1009B
icon_rar.gif 1007B
icon_xls.gif 1005B
icon_ppt.gif 1001B
icon_mv.gif 1001B
icon_pdf.gif 996B
icon_mp3.gif 986B
icon_txt.gif 970B
icon_jpg.gif 950B
icon_exe.gif 949B
icon_chm.gif 923B
loading.gif 734B
icons.gif 453B
icons.gif 453B
icons.gif 453B
success.gif 445B
success.gif 445B
success.gif 445B
cursor_v.gif 370B
cursor_h.gif 253B
anchor.gif 184B
highlighted.gif 111B
unhighlighted.gif 111B
bg.gif 84B
pagebreak.gif 54B
spacer.gif 43B
0.gif 43B
.gitignore 214B
.gitignore 154B
.gitkeep 0B
wordimage.html 6KB
map.html 6KB
emotion.html 6KB
image.html 5KB
show.html 5KB
charts.html 5KB
link.html 4KB
insertframe.html 4KB
video.html 4KB
searchreplace.html 4KB
gmap.html 4KB
scrawl.html 4KB
background.html 3KB
help.html 3KB
edittable.html 2KB
webapp.html 2KB
attachment.html 2KB
snapscreen.html 2KB
anchor.html 2KB
edittd.html 2KB
共 415 条
- 1
- 2
- 3
- 4
- 5
资源评论
白话机器学习
- 粉丝: 8906
- 资源: 7681
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功