Skip to content

baronsue/Excel-Web-Data-Processing

Repository files navigation

Excel处理工具

一个功能强大的网页应用,专门用于处理Excel文件,支持上传、编辑、分析和导出Excel数据。

功能特性

📁 文件处理

  • 多格式支持: 支持 .xlsx, .xls, .csv 格式
  • 拖拽上传: 支持拖拽文件到上传区域
  • 点击上传: 点击按钮选择文件上传

✏️ 数据编辑

  • 在线编辑: 直接在网页中编辑Excel数据
  • 添加行列: 动态添加新的行和列
  • 删除数据: 选择并删除不需要的行
  • 排序功能: 按指定列对数据进行排序

📊 数据分析

  • 统计信息: 自动计算数据的基本统计信息
  • 图表生成: 生成数据分布图表
  • 数据筛选: 支持多种筛选条件(包含、等于、大于、小于)

🔗 表合并功能

  • 多表管理: 支持同时处理多个Excel文件和工作表
  • JOIN操作: 支持四种数据库风格的JOIN操作
    • LEFT JOIN: 保留左表所有数据,右表匹配的数据
    • RIGHT JOIN: 保留右表所有数据,左表匹配的数据
    • INNER JOIN: 只保留两个表都匹配的数据
    • FULL OUTER JOIN: 保留两个表的所有数据
  • 合并预览: 在合并前预览结果,确认无误后再执行
  • 智能匹配: 基于指定列进行数据匹配和合并

💾 数据导出

  • Excel导出: 将编辑后的数据导出为Excel文件
  • 保持格式: 保持原有的数据结构和格式

使用方法

1. 打开应用

直接在浏览器中打开 index.html 文件

2. 上传Excel文件

  • 拖拽Excel文件到上传区域,或
  • 点击"选择文件"按钮选择文件

3. 管理多个表

  • 上传多个Excel文件,系统会自动识别所有工作表
  • 在表管理区域查看所有已加载的表
  • 点击表卡片切换到不同的表进行编辑

4. 合并表数据

  • 点击工具栏的"表合并"按钮
  • 选择要合并的左表和右表
  • 选择合并类型(LEFT/RIGHT/INNER/FULL OUTER JOIN)
  • 指定关联列(用于匹配数据的列)
  • 点击"预览合并"查看合并结果
  • 确认无误后点击"执行合并"创建新表

5. 编辑数据

  • 直接在表格中点击单元格进行编辑
  • 使用工具栏按钮添加行/列、删除选中行、排序数据

6. 分析数据

  • 查看右侧的统计信息
  • 生成数据分布图表
  • 使用筛选功能过滤数据

7. 导出数据

  • 点击"导出Excel"按钮保存编辑后的数据

技术栈

  • 前端: HTML5, CSS3, JavaScript (ES6+)
  • Excel处理: SheetJS (xlsx.js)
  • 图表: Chart.js
  • 样式: 响应式设计,支持移动端

浏览器兼容性

  • Chrome 60+
  • Firefox 55+
  • Safari 12+
  • Edge 79+

文件结构

Excel/
├── index.html          # 主页面
├── styles.css          # 样式文件
├── script.js           # 功能脚本
└── README.md           # 说明文档

注意事项

  1. 数据安全: 所有数据处理都在本地浏览器中进行,不会上传到服务器
  2. 文件大小: 建议处理小于10MB的Excel文件以获得最佳性能
  3. 浏览器支持: 需要支持现代JavaScript特性的浏览器

更新日志

v2.0.0 (2024-01-01)

  • 新增表合并功能
  • 支持多表管理和切换
  • 实现四种JOIN操作(LEFT/RIGHT/INNER/FULL OUTER)
  • 添加合并预览功能
  • 优化用户界面和体验

v1.0.0 (2024-01-01)

  • 初始版本发布
  • 支持基本的Excel文件处理功能
  • 实现数据编辑和分析功能
  • 添加响应式设计

许可证

MIT License - 可自由使用和修改

About

No description, website, or topics provided.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published