返回首页
最新
AI提示:重新生成“Datalite”界面,包含所有功能
创建一个名为Datalite的完全功能的单页面HTML应用程序,仅使用原生JavaScript、标准CSS和HTML——不使用任何框架或库。
界面应支持:
- 多文件上传与标签
- 允许上传多个CSV或JSON文件
- 在左侧边栏中按字母顺序显示每个数据集作为一个标签
- 切换标签时显示相应的可编辑表格
- 可编辑表格视图(按数据集)
- 渲染一个完整的HTML表格,包含可内联编辑的单元格
- 在顶部包含一个过滤行,使用可编辑的表头
- 始终在底部显示一个固定的空行,动态添加新条目
- 更改内容在内存和localStorage中持久化
- 关系检测(启发式)
- 通过匹配以下内容启发式地检测一对多和多对一关系:
- {tableName}_id → id
- 跨表共享的键值
- 存储关系并使其持久化
- DBML风格的图表视图
- 在无限画布上使用浮动可拖动的HTML块渲染模式图
- 每个块显示表名及其字段
- 允许用户切换图表视图的显示与隐藏
- 报告生成器面板(右侧)
- 当点击任何表格行时,显示实时的商业风格报告
- 包含所选记录及所有相关的子记录,格式清晰且分区
- 添加切换按钮以在样式视图和原始JSON之间切换
- 使用关系链包含子表(及孙表等)
- 状态持久化
- 将所有上传的文件、关系和编辑内容保存到localStorage
- 刷新时自动加载
- 可调整大小的面板
- 允许用户拖动和调整大小:
- 侧边栏(标签)
- 表格视图(中间)
- 报告面板(右侧)
- 导出功能
- 为当前活动标签添加“导出CSV”按钮
- 添加“清除存储”按钮以重置应用程序
要求:
- 不使用任何库(不使用Tailwind、Bootstrap、React等)
- 单个relatix.html文件
- 开箱即用,完全可工作
- 适合移动端和桌面端
- 风格应简约干净(仅使用标准CSS)
我发现大多数 GitHub 通知邮件对我来说并没有什么用处,因此我设置了 Gmail 过滤器和多个收件箱,以便将噪音与我真正需要关注的内容分开。让我感到惊讶的是,GitHub 产生了如此多无关的邮件,而至今仍没有更好的方法来获取重要的通知。其他人是如何应对 GitHub 通知过载的呢?
在这么多年之后,像这样一个广泛使用的平台竟然还没有解决这个问题,真让人感到不可思议。