# 外卖App

**Repository Path**: MemoryFast/takeaway_app

## Basic Information

- **Project Name**: 外卖App
- **Description**: 1)	此项目为外卖 Web App (SPA)
2)	包括商家,  商品,  购物车,  用户等多个子模块
3)	使用 Vue 全家桶+ES6+Webpack 等前端最新最热的技术
4)	采用模块化、组件化、工程化的模式开发
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 4
- **Created**: 2021-09-29
- **Last Updated**: 2021-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 外卖App

#### 介绍
1)	此项目为外卖 Web App (SPA)
2)	包括商家,  商品,  购物车,  用户等多个子模块
3)	使用 Vue 全家桶+ES6+Webpack 等前端最新最热的技术
4)	采用模块化、组件化、工程化的模式开发

#### 软件架构
软件架构说明

#### 使用说明!
shopApp-server  服务端----npm start
shopApp-client  客户端----npm run server


 **Vue 插件** 
1)使用 vue-router 开发单页应用
2)使用 axios/vue-resource 与后端进行数据交互
3)使用 vuex 管理应用组件状态
4)使用 better-scroll/vue-scroller 实现页面滑动效果
5)使用 mint-ui 组件库构建界面

 **布局** 
使用 stylus 编写模块化的CSS

#### 项目结构
shopApp-client
|-- build : webpack 相关的配置文件夹
|-- config: webpack 相关的配置文件夹
|-- index.js: 指定的后台服务的端口号和静态资源文件夹
|-- node_modules
|-- src : 源码文件夹
    |--api ：与后端交互模块文件夹
    |--common：通用资源文件
    |--components：非路由组件文件夹
        |-- FooterGuide---------------底部组件文件夹
            |-- FooterGuide.vue--------底部组件 vue
    |--fiters：自定义锅炉器模块文件夹
    |--mock：模拟数据接口文件夹
    |--pages：路由组件文件夹
        |-- Msite---------------首页组件文件夹
            |-- Msite.vue--------首页组件 vue
        |-- Search----------------搜索组件文件夹
            |-- Search.vue---------搜索组件 vue
        |-- Order--------------订单组件文件夹
            |-- Order.vue-------订单组件 vue
        |-- Profile--------------个人组件文件夹
            |-- Profile.vue-------个人组件 vue
    |--router：路由器文件夹
    |--store：vuex相关模块文件夹
    |-- main.js: 应用入口 js
    |-- App.vue：应用组件
|-- static: 静态资源文件夹
|-- .babelrc: babel 的配置文件
|-- .editorconfig: 通过编辑器的编码/格式进行一定的配置
|-- .eslintignore: eslint 检查忽略的配置
|-- .eslintrc.js: eslint 检查的配置
|-- .gitignore: git 版本管制忽略的配置
|-- index.html: 主页面文件
|-- package.json: 应用包配置文件
|-- README.md: 应用描述说明的 readme 文件
![项目结构](https://images.gitee.com/uploads/images/2019/1024/200342_903fa802_5118837.jpeg "000.jpg")

#### 项目功能界面
![首页](https://images.gitee.com/uploads/images/2019/1024/195724_5fed2608_5118837.jpeg "111.jpg")
![搜索页](https://images.gitee.com/uploads/images/2019/1024/195804_edb73176_5118837.jpeg "222.jpg")
![订单页](https://images.gitee.com/uploads/images/2019/1024/195829_248992fc_5118837.jpeg "333.jpg")
![我的](https://images.gitee.com/uploads/images/2019/1024/195850_ecc173ba_5118837.jpeg "444.jpg")
![密码登录](https://images.gitee.com/uploads/images/2019/1024/195920_3be07c94_5118837.jpeg "555.jpg")
![短信登录](https://images.gitee.com/uploads/images/2019/1024/195942_c22e6d8b_5118837.jpeg "666.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2019/1024/200012_b4573769_5118837.jpeg "777.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2019/1024/200021_fdcf4ce4_5118837.jpeg "888.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2019/1024/200033_66b9b806_5118837.jpeg "999.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2019/1024/200042_e501821e_5118837.jpeg "112.jpg")
![输入图片说明](https://images.gitee.com/uploads/images/2019/1024/200050_06c1bb07_5118837.jpeg "133.jpg")