• 正文概述
  • 仿美团饿了么外卖系统源码nuxt2+vue构建的外卖app源码,前端界面采用nuxt2作为vue的服务端渲染,适合刚接触或者准备上vue ssr的同学参考和学习, 此项目涉及注册、登录、商品展示、地址管理等等,从前端到后端到最后到服务端部署,让你体验到全栈开发到乐趣。项目来源于GitHub开源项目,有兴趣研究vue技术的自行研究。源码亲测完美运行。

    开发环境 macOS 10.13.4 nodejs 8.11.3 Mongodb 4.0.1

    部署环境 AWS CentOS 6.8 64位

    项目运行操作

    #安装项目依赖

    npm install

    #启动运行项目

    npm run dev

    项目分前后端,前端是:easytuan-nuxt-elm 后端为:node-elm-api

    注:后端需要安装mongodb数据库

    前端目录结构:

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

    后端目录结构:

    ├── config                          // 配置文件
    │   ├── default.js                  // 默认配置
    │   └── development.js              // 开发环境
    ├── controller                      // 处理中心,负责路由及数据库的具体操作
    │   ├── common
    │   │   ├── homeData.js             // 首页数据
    │   │   └── position.js             // 根据ip获取位置
    │   ├── shopping
    │   │   ├── business.js             // 餐馆详情
    │   │   └── restaurants.js          // 商家列表
    │   └── user
    │       ├── address.js              // 用户地址
    │       └── user.js                 // 用户中心
    ├── doc                             // apidoc自动生成的静态文档
    ├── InitData                        // 模拟数据
    │   ├── business.js
    │   ├── home.js
    │   └── restaurants.js
    ├── models                          // 模型(数据库)
    │   ├── common
    │   │   └── common.js               // 通用模型
    │   ├── shopping
    │   │   ├── business.js             // 餐馆详情模型
    │   │   └── restaurants.js          // 商家列表模型
    │   └── user
    │       ├── address.js              // 用户地址
    │       └── user.js                 // 用户中心
    ├── mongodb                         // 连接数据库
    │   └── db.js
    ├── public                          // 静态资源目录
    ├── routes                          // 路由配置
    │   ├── common.js                   // 通用
    │   ├── index.js                    // 路由配置主文件
    │   ├── shopping.js                 // 餐馆、食品
    │   └── user.js                     // 用户中心
    ├── screenshots                     // 项目截图
    ├── .babelrc 
    ├── .gitignore
    ├── app.js                          // 基础配置
    ├── COPYING                         // GPL协议
    ├── index.js                        // 入口文件
    ├── package.json
    └── README.md

    效果图如下:

    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    nuxt2+vue构建的外卖app源码
    
          
    1. 本站所有源码、模板、插件、素材等其他资源,均来自网络收集及网友分享!
    2. 本站资源重在学习交流研究,版权归原作者所有,如需商业请联系原开发作者购买!
    3. 本站资源严谨商业或者非法用途,若出现法律纠纷与本站无关,一切后果请用户自负!
    4. 本站提供的所有资源不免费提供个人需要的资源修改、美化、功能定制服务!
    5. 本站资源会员只是赞助,根据个人需求选择,赞助费用仅维持本站的日常运营所需!
    6. 本站提供资源大部分都会经过测试,但不保证100%无bug,如介意请勿下载!
    7. 本站资源若有侵犯您的版权,请联尽快联系站长删除。
    8. 如遇需要解压密码,则解压密码为"www.35ym.cn"!
    9. 本站提供资源如遇下载链接失效,请联系站长处理!

    35源码网 » 仿饿了么外卖系统源码nuxt2+vue构建的外卖app源码

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    网站下载资源无法正常使用或者运行怎么办?
    本站所有资源均来源于网络收集和网友分享,大部分资源都会经过实际测试,但不保证所有资源百分百无bug存在,请知晓。如遇搭建失败,请首先排除技术问题,再咨询站长。
    解压密码是什么?
    如下载无特别说明时,本站资源使用统一解压密码:www.35ym.cn