# myapp

**Repository Path**: zy784940112/myapp

## Basic Information

- **Project Name**: myapp
- **Description**: react+antdv5pro
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-05-12
- **Last Updated**: 2024-05-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Ant Design Pro和mock

本项目前端使用ant desigin pro 配合 mock模拟数据

## Environment Prepare

Install `node_modules`:

```bash
npm install
```

or

```bash
yarn
```

## Provided Scripts

Ant Design Pro provides some useful script to help you quick start and build with web project, code style check and test.

Scripts provided in `package.json`. It's safe to modify or add additional script:

### Start project

```bash
npm start
```

### Build project

```bash
npm run build
```

### Check code style

```bash
npm run lint
```

You can also use script to auto fix some lint error:

```bash
npm run lint:fix
```

### Test code

```bash
npm test
```

## More

You can view full document on our [official website](https://pro.ant.design). And welcome any feedback in our [github](https://github.com/ant-design/ant-design-pro).

## 项目功能
*采用React 18、Ant-Design Pro 开源的一套后台管理框架。
*前端mock数据，处理登录和页面数据，动态路由

## 项目部分功能介绍
*登录页面
![登录页面](/src/assets/imgs/login.png)

*首页
![首页](/src/assets/imgs/index.png)

*展示页面:主要技术react-grid-layout，支持拖拽，缩放，锁定大小，结合redux记录位置等操作信息
![画板](/src/assets/imgs/panel.png)

*树和表格页面：树和表格数据联动
![树和表格](/src/assets/imgs/treeAndTable.png)