# ims

**Repository Path**: Heal_fall/ims

## Basic Information

- **Project Name**: ims
- **Description**: React Information-Management-System
- **Primary Language**: 其他
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-09
- **Last Updated**: 2024-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 目录结构
```
src:存放源码
  ├─apis:存放接口请求
  ├─components:存放组件
  │  └─SearchCard
  ├─pages:存放页面,该文件夹下为具体页面
  │  ├─Goods
  │  ├─HomePage
  │  ├─Login
  │  ├─NotFound
  │  └─Permission
  ├─router:存放路由
  ├─screen:存放页面逻辑及代码
  │  ├─LayoutScreen
  │  ├─LoginScreen
  │  ├─Order
  │  └─product
  └─store:存放redux
  └─modules:存放不同模块的持久化数据
```
## 插件

+ "@ant-design/icons"：antd图标库
+ "@mui/material': material-ui组件库
+ "@reduxjs/toolkit"：redux，简化redux的使用
+ "antd"：antd组件库
+ "antd-mobile"：antd-mobile组件库
+ "antd-mobile-icons"：antd-mobile-icons图标库
+ "axios"：请求库，用于发送网络请求
+ "classnames"：用于动态添加类名
+ "crypto-js"：加密库，用于密码加密
+ "react-redux"：redux，用于管理全局状态
+ "react-router-dom"：路由库，用于页面跳转
+ "redux-persist"：redux，用于数据持久化

## 组件使用说明

![img.png](img.png)

## 项目运行启动方式

### !!! 请确保已经启动后端服务，否则无法正常运行

### `npm start`

启动项目，项目默认运行在3000端口，请确保3000端口未被占用

### `npm run build`

项目打包方式