lianying / nuxt-elm

基于nuxt构建的高仿饿了么(2018版)

Home Page:https://elm.caibowen.net/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

前言

高仿饿了么,以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 `文件名`

补充

此项目有配套的后台系统,如果想体验前后台同时开发,可以下载对应的后台系统:后台项目传送地址

如果只做前端开发,请忽略这句话。

1.2 开发过程

1.2.1 命令

# 开发
npm run dev

# 发布
npm run build

目标功能

  • 商家列表 -- 完成
  • 购物车功能 -- 完成
  • 餐馆食品列表页 -- 完成
  • 店铺评价页面 -- 完成
  • 商家详情页 -- 完成
  • 登录、注册 -- 完成
  • 修改密码 -- 完成
  • 个人中心 -- 完成
  • 红包 -- 完成
  • 收货地址 -- 完成

业务介绍

目录结构

├── assets               // 静态资源
│   ├── images                // 图片资源
│   ├── services              // api请求
│   ├── styles                // 样式文件
│   └── utils                 // 常用工具类
├── components           // 组件
├── config
│   └── index.js              // 配置文件
├── layouts              // 布局
├── middleware           // 中间件
├── pages                // 页面
├── plugins              // 插件
├── static               // 静态资源
└── store                //vuex状态树

部分截图展示

首页展示

个人资料

我的

订餐

商家评价

说明

如果对您有帮助,您可以点右上角 "Star" 支持一下 谢谢! ^_^

或者您可以 "follow" 一下,我会不断开源更多的有趣的项目

如有问题请直接在 Issues 中提,或者您发现问题并有非常好的解决方案,欢迎 PR 👍

捐助

如有帮助,欢迎打赏

友情链接

项目后台地址

License

GPL

About

基于nuxt构建的高仿饿了么(2018版)

https://elm.caibowen.net/

License:GNU General Public License v2.0


Languages

Language:Vue 100.0%