基于vue2+nuxt构建的高仿饿了么(2018版)
2024-09-28 22:45:57
前言
高仿饿了么,以nuxt作为vue的服务端渲染,适合刚接触或者准备上vue ssr的同学参考和学习
效果演示
查看demo请戳这里(请用chrome手机模式预览)
移动端扫描下方二维码
API接口文档
接口文档地址(基于apidoc)
技术栈
vue2 + vuex + vue-router + mint-ui + nuxt
项目运行
git clone git@github.com:EasyTuan/nuxt-elm.git
# 国内镜像加速节点:git@gitee.com:easytuan/node-elm-api.git
cd nuxt-elm
npm install
npm run dev
#模版快速生成
npm run tep `文件名`
# pm2部署
npm run start
补充
此项目有配套的后台系统,如果想体验前后台同时开发,可以下载对应的后台系统:后台项目传送地址。
如果只做前端开发,请忽略这句话。
目标功能
- [x] 商家列表 -- 完成
- [x] 购物车功能 -- 完成
- [x] 餐馆食品列表页 -- 完成
- [x] 店铺评价页面 -- 完成
- [x] 商家详情页 -- 完成
- [x] 登录、注册 -- 完成
- [x] 修改密码 -- 完成
- [x] 个人中心 -- 完成
- [x] 红包 -- 完成
- [x] 收货地址 -- 完成
业务介绍
目录结构
├── assets // 静态资源
│ ├── images // 图片资源
│ ├── services // api请求
│ ├── styles // 样式文件
│ └── utils // 常用工具类
├── components // 组件
├── config
│ └── index.js // 配置文件
├── layouts // 布局
├── middleware // 中间件
├── pages // 页面
├── plugins // 插件
├── static // 静态资源
└── store //vuex状态树
部分截图展示
首页展示
个人资料
我的
订餐
商家评价
说明
如果对您有帮助,您可以点击项目 "Star" 支持一下 谢谢! _
或者您可以 "follow" 一下,我会不断开源更多的有趣的项目
如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR
最新文章
- STM32学习及应用笔记一:SysTick定时器学习及应用
- spring事务管理器设计思想(一)
- .net与mono的那些事
- Linux安全攻防笔记
- Linux 服务器如何设置文件和文件夹的读写权限
- 在java程序中访问windows有用户名和密码保护的共享目录
- Hibernate+JPA (EntityMange讲解)
- UVa712 S-Trees
- java线程(四)
- C# 引用类型之特例string
- 201521123004《Java程序设计》第4周学习总结
- 微信跳一跳辅助Demo
- jacascript 偏移量offset、客户区client
- js与es6中获取时间戳
- yii2.0 引入autoload.php提示Operation not permitted
- Fragment与Acitvity通信
- phpstorm2017.2.1破解
- Atiit 常见功能 常用功能与模块的最快速解决方案
- c# 泛型的应用
- Ubuntu下怎么编译并运行C、C++和Pascal语言?
热门文章