# 手机商城

**Repository Path**: yangshiyus/mobile-mall

## Basic Information

- **Project Name**: 手机商城
- **Description**: express+vue3+element-plus 写的后台管理系统 还在开发中
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-05-22
- **Last Updated**: 2022-05-27

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

前端：vue3.0+ts+element-plus+less 后端：mysql+express

## 项目是一款**手机商品项目**（正在开发中）：

**登录账号：root 登录密码：root**

### 目前写完的功能有(正在开发中会持续更新)

#### **1.登录(做了对应的路由前置守卫拦截处理)**

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527161931385.png?versionId=CAEQIBiBgMDOqs2SiBgiIGExZWM2YjkwN2Q5NzQ5ZTk4OThjM2E4M2M1NGExNGQ5)

**2.数据获取**4

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162139682.png?versionId=CAEQIBiBgICygtSSiBgiIGUwZGQzMDJhMmZlYzQ4NjhiODJlNWIwYzRjMjQ4NTc1)

#### **3.按照名称查询**

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162246208.png?versionId=CAEQIBiBgMCbgtSSiBgiIGYwMGQ2MjRiNjEzNTRkYzQ5M2Y4MzVjNjM2NjBlMDdj)

#### **4.删除对应的商品**

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162323670.png?versionId=CAEQIBiBgICZgtSSiBgiIGI4Y2IyMWU1YzRkOTQ4NmU4NmFiMmQ2ODU2ZmUzZTlk)

#### **5.下拉菜单查询**

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162347683.png?versionId=CAEQIBiBgICWgtSSiBgiIGJjNjNkOTcwNTZmZDQ2Njc4NjdiNGZjMTEzNzFmYWM3)

#### 6.增加商品

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162426439.png?versionId=CAEQIBiBgMCYgtSSiBgiIGM5Y2YyMmYzOGZjOTQxOGFiZDlkMDA0YmQwMjM0ODcy)

#### 7.控制面板的设计(抽屉式控制，有对应的提示框)

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162506956.png?versionId=CAEQIBiBgICYgtSSiBgiIDRlM2U0MjNjZGJjNzQyMGM4MDU1OWUxZjJiODA5MzVl)

#### 8.点击修改库存数量（双层抽屉设计）

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162606819.png?versionId=CAEQIBiBgICRgtSSiBgiIGM3ODZlMTVkZDNhYjQ1OTU4MGU5MmMyZjk5MGE3YTk5)

#### 9.管理员退出

![](https://yangshiyu-xiangmu.oss-cn-beijing.aliyuncs.com/image-20220527162655491.png?versionId=CAEQIBiBgMDlgdSSiBgiIDA3Yjc0NjVjZjZlMDQwMDRiOWMxN2ZjNzg4NWFiMjMx)