# tantanM

**Repository Path**: liangchen926/tantanM

## Basic Information

- **Project Name**: tantanM
- **Description**: 该项目为电商前台项目，包含了对商品的各种操作，搜索商品、查看商品详情，添加购物车、下订单，以及登录等操作
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-06-23
- **Last Updated**: 2022-07-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, JavaScript, Element-UI, vue项目, 电商项目

## README

# tantanM

#### 安装教程

# app

## 项目依赖下载
```
npm install
```

## 项目运行
```
npm run serve
```

## 项目打包
```
npm run build
```

## Lints and fixes files
```
npm run lint
```

# 介绍：
### 该项目为摊摊卖的前台项目，面向的对象为用户。实现了用户的注册、登录和退出登录。实现了通过三级联动的商品分类进行选择以及搜索框输入关键字，即可实现查询相关的分类的商品信息。实现在商品详情页选择相关的商品属性进行加入购物车。在购物车中实现了对商品数量进行修改，以及删除某个商品的操作。

# 项目预览
### 首页：
![输入图片说明](preview/%E9%A6%96%E9%A1%B5.png)

### 三级联动：
![输入图片说明](preview/%E4%B8%89%E7%BA%A7%E8%81%94%E5%8A%A8.png)

### 搜索：
![输入图片说明](preview/%E6%90%9C%E7%B4%A2.png)
![输入图片说明](preview/%E5%95%86%E5%93%81%E5%B1%95%E7%A4%BA.png)

### 商品详情：
![输入图片说明](preview/%E5%95%86%E5%93%81%E8%AF%A6%E6%83%85.png)

### 注册页面：
![输入图片说明](preview/%E6%B3%A8%E5%86%8C%E9%A1%B5%E9%9D%A2.png)

### 登陆页面：
![输入图片说明](preview/%E7%99%BB%E5%BD%95%E9%A1%B5%E9%9D%A2.png)

### 购物车：
![输入图片说明](preview/%E8%B4%AD%E7%89%A9%E8%BD%A6.png)

### 确认订单：
![输入图片说明](preview/%E8%AE%A2%E5%8D%95.png)

### 支付：
![输入图片说明](preview/%E6%94%AF%E4%BB%98%E9%A1%B5%E9%9D%A2.png)
![输入图片说明](preview/%E6%94%AF%E4%BB%98%E6%88%90%E5%8A%9F.png)

### 订单信息：
![输入图片说明](preview/%E8%AE%A2%E5%8D%95%E4%BF%A1%E6%81%AF.png)

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


### 注：该项目目前只有三级列表以及搜索框才能进行商品的搜索，登录注册也有相应的路由模块，其余元素还未有相应组件进行展示

```
开发账号：13700000000
开发密码：111111
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).