# DataReport
**Repository Path**: qlsgr/DataReport
## Basic Information
- **Project Name**: DataReport
- **Description**: 使用react+ts重写aj-report数据大屏
- **Primary Language**: JavaScript
- **License**: Apache-2.0
- **Default Branch**: dev
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 5
- **Forks**: 1
- **Created**: 2025-08-04
- **Last Updated**: 2026-02-06
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
## 简介
DataReport是AJ-report的React版本，目前还在开发中，感兴趣的可以基于Aj-report vue2版本将对应的图表组件copy到React版本中来。
## 在线体验
#### 开发中...
## 功能概述
#### 组件介绍
是一个可视化拖拽编辑的，直观，酷炫，具有科技感的图表工具全开源项目。
内置的基础功能包括数据源，数据集，报表管理，项目部分截图如下。
## 核心技术
### 前端
- [npm](https://www.npmjs.com/)：node.js的包管理工具，用于统一管理我们前端项目中需要用到的包、插件、工具、命令等，便于开发和维护。
- [vite](https://cn.vitejs.dev/)：Vite 是一个超快的前端构建工具赋能下一代 Web 应用的发展。
- [Ant-Design](https://ant.design/index-cn)：基于MVVM框架React开源出来的一套前端ui组件。
- [echarts-for-react](https://unpkg.com/echarts-for-react@1.4.1/index.html): echarts-for-react是封装后的React插件。
- [react-beautiful-dnd](https://github.com/atlassian/react-beautiful-dnd): react-beautiful-dnd 专注于提供美观、无障碍的列表拖拽体验，支持垂直/水平列表、虚拟列表、键盘和触控操作。
- [@scena/react-ruler](https://daybrush.com/ruler/): 是一个轻量级、可高度定制的React标尺组件，专为可视化编辑器、画布标注等场景设计，支持水平和垂直方向的标尺显示，并能处理缩放和滚动偏移适配。
### 后端
- [egg](https://v3.eggjs.org/zh-CN)：阿里系开源的企业级 Node.js 后端框架。
- [egg-cors]：跨域配置。
- [egg-jwt]：Egg.js 项目中快速实现「Token 生成、验证、解析」的 JWT 认证流程。
- [egg-sequelize](https://v3.eggjs.org/zh-CN/tutorials/sequelize)：Node.js端最流行的ORM框架项目中更便捷地使用Sequelize操作数据库。
## 快速入门
**[快速入门](https://ajreport.beliefteam.cn/report-doc/guide/quicklyUse.html)**
**[更多社区大屏](https://ajreport.beliefteam.cn/report-doc/guide/bigScreenCase.html)**
**[社区大屏下载链接](https://ajreport.beliefteam.cn/download/)**
## 技术支持
**如有问题，请提交 [Issue](https://gitee.com/qlsgr/DataReport/issues)
**
## 加入我们
- 提交PR是最快的加入方式:
· PR可以包含新功能、现有功能的改进。
. PR请提交到dev分支
#### 开源不易，劳烦各位star ☺