An open API service indexing awesome lists of open source software.

https://github.com/bxm0927/meituan-client-site

✨ 使用 Nuxt.js + Koa2 + MongoDB + Redis 开发美团网 PC 站。【客户端项目】
https://github.com/bxm0927/meituan-client-site

docker docker-compose dockerfile koa2 mongodb mongoose nuxtjs redis vue

Last synced: 3 months ago
JSON representation

✨ 使用 Nuxt.js + Koa2 + MongoDB + Redis 开发美团网 PC 站。【客户端项目】

Awesome Lists containing this project

README

          

# 🎉 meituan-client-site

使用 Nuxt.js + Koa2 + MongoDB + Redis 开发美团网 PC 站。

学习目的:熟悉大前端技术,了解前后端分离设计,了解更全面的大前端项目架构。

学习地址:https://coding.imooc.com/class/280.html

![](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/74e1bcb825734703af354a5c53b00282~tplv-k3u1fbpfcp-zoom-1.image)

## 📄 技术栈

客户端:

- Vue 全家桶
- Nuxt:Vue SSR 框架
- Element-UI:Vue 生态圈最流行的组件库

服务端:

- Koa2:Node.js Web 开发框架
- Redis:服务端开发不可或缺数据缓存工具
- MongoDB:一款流行的 NoSQL 数据库
- Mongoose:MongoDB 的一个对象模型工具,傻瓜式的数据库操作大大提升效率

服务器部署:

- PM2
- Nginx
- Jenkins
- Docker

![](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e96ff3341074501b238ae8893819504~tplv-k3u1fbpfcp-zoom-1.image)

## 主要功能模块

- 首页
- 分类服务
- 搜索服务
- 个性化推荐服务
- 登录注册页
- SMTMP 服务
- 城市列表页
- 城市服务
- 城市定位服务
- 商品列表页
- 地图服务
- 商品详情页
- 购物车页面
- 订单号生成规则
- 订单页面

![](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d99d3ddb50614390b9328f45ae0ac612~tplv-k3u1fbpfcp-zoom-1.image)

## 📦 安装引导

```
> npx create-nuxt-app meituan-client-site

create-nuxt-app v3.2.0
✨ Generating Nuxt.js project in meituan-client-site
? Project name: meituan-client-site
? Programming language: JavaScript
? Package manager: Npm
? UI framework: Element
? Nuxt.js modules: Axios
? Linting tools: ESLint, Prettier, Lint staged files, StyleLint
? Testing framework: None
? Rendering mode: Universal (SSR / SSG)
? Deployment target: Server (Node.js hosting)
? Development tools: jsconfig.json (Recommended for VS Code if you're not using typescript)
```

## 🚀 快速开始

```bash
# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# build for production and launch server
$ npm run build
$ npm run start

# generate static project
$ npm run generate
```

For detailed explanation on how things work, check out [Nuxt.js docs](https://nuxtjs.org).