• 正文概述
  • 仿美团饿了么外卖系统源码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. 本站提供提供个性化需求定制开发,如源码修改、美化、功能定制服务!

    锦毅商业源码网 » 外卖系统源码nuxt2+vue构建的外卖app源码