# react-warnin-client

**Repository Path**: ouyangzhiyuan/react-warnin-client

## Basic Information

- **Project Name**: react-warnin-client
- **Description**: 预警用户系统
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-05-04
- **Last Updated**: 2025-02-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: JavaScript, React, Ant-Design, Echarts, ES6

## README

简体中文 | [English](./README.en-US.md)

<h1 align="center">React Antd Admin</h1>

[Ant Design](https://github.com/ant-design/ant-design-pro) 的 create-react-app 实现版本  
开箱即用的中后台前端/设计解决方案

![预警信号](src/assets/images/image.png)
![下单记录](src/assets/images/image01.png)
![出入池记录](src/assets/images/image02.png)

## 浏览器支持

现代浏览器及 IE10

| [<img src="//raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>IE / Edge | [<img src="//raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Firefox | [<img src="//raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Chrome | [<img src="//raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Safari | [<img src="//raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)</br>Opera |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| IE10, Edge                                                                                                                                                                                                | last 2 versions                                                                                                                                                                                             | last 2 versions                                                                                                                                                                                         | last 2 versions                                                                                                                                                                                         | last 2 versions                                                                                                                                                                                     |

## 使用

### clone

```bash
$ git clone http://192.168.10.36/alarm/react-warnin-admin.git
```

### yarn

```bash
$ yarn install
$ yarn start
```

更多信息参考 [Ant Design](https://4x-ant-design.antgroup.com/index-cn)

## 本地开发

启动不同环境的服务服务

```bash
$ yarn start        // 开发模式
$ yarn start:gray   // 灰度模式
$ yarn start:prod   // 生产模式
```

打开 [http://localhost:3000](http://localhost:3000) 在浏览器中查看

## 项目发布

构建不同环境的成产包

```bash
$ yarn build or yarn build:prod
// 生产模式 构建到 warnin_admin_prod 文件目录。
$ yarn build:test
// 测试模式 构建到 warnin_admin_test 文件目录。
$ yarn build:gray
// 灰度模式 构建到 warnin_admin_gray 文件目录。
```

## 目录结构

```bash
├── docs                     # 使用文档
├── public
│   └── favicon.png          # favicon
│   └── index.html           # 入口 HTML
├── src
│   ├── assets               # 本地静态资源
│   ├── components           # 内置通用组件
│   ├── layouts              # 通用布局
│   ├── pages                # 页面组件和通用模板
│   ├── store                # mobx 状态管理配置
│   ├── utils                # js 工具
│   ├── App.js               # 应用入口组件
│   └── index.js             # 应用入口js
│   └── index.scss           # 全局样式
│   └── setupProxy.js        # 反向代理配置文件
├── package.json             # package.json
├── README.md                # README.md
└── craco.config.js          # react 配置文件
```

## 参与贡献

我们非常欢迎你的贡献，你可以通过以下方式和我们一起共建 :star2:：

- 在你的项目中使用 React Antd Admin。
- 通过 [Issue](http://192.168.10.36/alarm/react-warnin-admin/-/issues) 报告:bug:或进行咨询。