|
|
概述
功能描述:基于蓝湖原型稿件的侧边栏目录结构生成 Excel 文件并下载
本功能允许用户直接从蓝湖(Lanhu)设计协作平台提取原型稿件的侧边栏目录结构,并将其导出为结构化的 Excel 文件,便于项目文档管理、需求整理或交付物归档。
功能实现流程
获取蓝湖原型目录数据
通过蓝湖开放平台 获取目标原型的侧边栏目录数据可解析蓝湖导出的 JSON/XML 结构文件,提取目录名称、层级关系、页面链接等信息。
数据清洗与格式化
将原始目录数据转换为树形结构,确保父子节点关系正确映射。
提取关键信息,如页面 ID、名称、层级深度、关联设计稿 URL,并整理为表格可识别的结构化数据。
Excel 文件生成
使用前端 Excel 处理库(如 SheetJS、ExcelJS)动态创建工作簿。
支持两种导出模式:
单表模式:所有目录按缩进层级排列在同一 Sheet,利用样式区分不同层级(如加粗、缩进)。
多表模式:一级目录作为独立 Sheet,子目录作为嵌套表格或树形结构,增强可读性。
可选功能:为目录项添加超链接,点击可直接跳转至蓝湖对应页面。
文件下载与优化
通过浏览器 Blob API 生成 .xlsx 文件,支持自定义文件名(如 [项目名称]_原型目录_导出日期.xlsx)。
针对大规模目录数据,采用分块生成和流式下载,避免内存溢出。
提供下载进度提示,并在完成后显示 Toast 通知,提升用户体验。
兼容性与注意事项
浏览器支持:基于 Edge Chromium 内核,兼容 Chrome、Firefox 等现代浏览器。
数据安全:确保 API 调用遵循蓝湖权限策略,敏感数据(如私有项目)需用户授权。
性能优化:若目录节点超过 1000 条,建议启用懒加载或服务端生成,减少前端压力。
应用场景
产品经理:快速导出原型结构,用于需求文档或会议评审。
开发工程师:对照 Excel 目录进行模块化开发任务拆分。
测试团队:基于目录生成用例检查表,确保覆盖所有交互流程。 | .crx
| 0.3.0
| 3.32MiB
| 支持
| | .zip
| 0.3.0
| 3.32MiB
| 不支持
|
|
|