PCB BOM也能如此好看？图形化交互式BOM工具Interactive Html Bom使用分享

Posted 2022-11-26 Mark_md

  发现一个超级有用的BOM生成工具。他有该有的元件清单列表，有PCB二维图，能用交互视图来定位器件在PCB中的位置，不用担心手焊调试时，很难找到元件的位置。生成的BOM是.html文件，用浏览器打开，也就说可以跨平台使用，就没必要每次焊接调试时都要在旁边摆台电脑，带个平板或者手机就可以了，轻装上阵。

本文介绍的BOM工具的原链接为： Interactive HTML BOM插件 - Github

支持 KiCAD、立创EDA、AD 等多种PCB EDA工具。下面介绍下用法。

---

AD 使用

---

• Interactive HTML BOM 最开始只是给 KiCAD 设计的插件，后被大佬移植倒AD上，于是AD也可以运行此工具。

1、AD 插件下载

• 下载插件。Interactive HTML BOM For AD-Github
  git clone或者下载压缩包后解压，记住文件的路径。

2、AD 插件安装

• 先以管理员身份运行一遍 Initialize.bat 文件，本地初始化。
  

• 打开AD，文件 - 打开，导入刚刚的文件夹，选择 xxxxx.PrjScr 。
  

• 这样插件出现在了工程栏中，说明可以使用了。
  

3、AD 插件运行，生成交互式BOM

• 打开要输出BOM的PCB文件，停留在此界面。

• 文件 - 运行脚本。
  

• 选择 main 后，确定。
  

• 便会生成一 xxx.html 网页。
  

• 双击用浏览器打开。

• 点击左侧的列表，会在右图中将元件位置通过高亮标识出来。同理，点击右侧元件，也会将左侧的元件一一对应。方便手焊时对照，简单方便。

• 而且因为是 .html 文件，是个浏览器就能打开。电脑、平板、手机都能用，太方便了。

• 也便于嵌入网站、个人博客。在线查看，真的香。
  

• 我导出的效果没有板框，估计是插件只识别KeepOUT为板框，而我的板框放在了MECH1，以后再看该怎么修改源码来适配。

---

立创EDA（EasyEDA）

---

  立创EDA 原名 EasyEDA，后来与嘉立创合作后，注重了本土化，改名 立创EDA，（国外版依旧叫EasyEDA）

  大家一般都会使用本地的客户端。本地客户端原生支持插件扩展功能。

1、立创EDA 插件下载

• 插件下载：iBom（Interactive HTML BOM for EasyEDA）

• 下载发布版本，不用clone源码。
  

• 截至2022年1月，最新的发布版本为 iBom v0.1.2，但我电脑实测不能正常导出.html文件。

• 我测试能正常用的最新发布版本为 iBom v0.0.10。大家尽量下载这个版本。
  

2、立创EDA 插件安装

• 打开 立创EDA，登录账号。

• 左上角 - 高级 - 扩展 - 扩展配置。
  

• 加载扩展 - 选择文件。
  

• 全选后，打开。
  

• 回到主界面，已经识别了iBOM，加载扩展。
  

• 这样能正常使用了。
  

3、立创EDA 插件运行，生成交互式BOM

• 打开PCB文件。

• 顶部菜单栏 - iBOM - Generate & Download HTML。
  

• 便会导出HTML到本地。

• 【注意】：如测试不能导出本地 .html文件，建议移除插件后，安装 iBom v0.0.10 发布版本。
  

---

闲话 - 全开源硬件

---

  另外一题，本文章示例的 立创EDA PCB文件，已在立创开源硬件社区开源。是一款ESP32的物联网全功能开发板，欢迎个人打样DIY，速去白嫖。

  立创硬件开源社区-ESP32-IOT-KIT开发板

  开发板尺寸为 9.8*9.8cm，板载 ESP32-WROVER 模组，有CH340全自动下载电路，板载18650电池座和锂电保护、锂电充放电管理，有 WIFI、蓝牙、有线以太网、RS485、CAN 等通信方式。集成 六轴IMU、温湿度传感器、独立RTC、红外遥控收/发、光感等传感器，可胜任一般智能家居的需求。另外背面还预留了 2.0寸单点电容触摸屏的接口，可插接LCD，运行诸如LVGL这样的GUI，实现个性化的人机交互。硬件外设均有配套驱动和Demo，配套源码为我ESP32专栏里的 Easyio，集百家之大成，很适合由ESP-IDF框架来熟悉ESP32的物联网开发。

• ESP32物联网，欢迎加群交流。
  开源学习交流Q群：827686418