# ruoyi-react-ui

**Repository Path**: mamis/ruoyi-react-ui

## Basic Information

- **Project Name**: ruoyi-react-ui
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: dev-framework-ruoyi
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-12
- **Last Updated**: 2025-04-28

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 数据资产管理项目前端代码库

https://gitlab.zhongshuruizhi.com/data/om-element-ui.git

1. 元数据管理开发分支：dev-metadata
2. 数据质量管理开发分支: dev-quality
3. 框架开发分支: dev-framework

## 开发环境

1. node14: 下载地址 https://nodejs.org/zh-cn/download
2. element-ui：文档 http://public.zhongshuruizhi.com/element/
3. open-metadata 后端

## 相关命令

1. 安装依赖: npm install

2. 调试运行: npm run dev  
   该命令会启动mock接口服务与开发服务模式，所有以`/mock`开头的请求，都会转向mock api接口。

3. 打包构建: npm run build

## element-ui 文档

[http://public.zhongshuruizhi.com/element/](http://public.zhongshuruizhi.com/element/)

## React 框架模板

* 两种布局方式
  * 上下结构
  * 左右结构
* 骨架屏加载
* 配置化菜单路由
* Suspense/Lazy基于路由代码拆分
* xhr查询参数URL状态保存

> **切换布局方式：** 右上角下拉，关于中切换布局方式

![left-right-layout](docs/images/l-r-loading.gif)

![top-bottom-layout](docs/images/t-b-loading.gif)