产品分类优先 · 三条逛展入口 · 手机端可用 · 纯静态无框架
面向 WAIC 现场观众的轻量看展工具。先从想看的产品出发,逐级收窄到二级分类、产品列表和展位;也可以按场馆或厂商浏览,再把目标加入本机清单。
桌面首页 · 手机首页 · 手机产品路径
| 入口 | 浏览顺序 | 适合谁 |
|---|---|---|
| 产品 | 大类 → 二级细分 → 产品列表 → 展位 | 不知道看什么,想先按兴趣筛选 |
| 场馆 | 馆 → 展区 → 产品大类 → 二级细分 → 列表 | 已经到馆,想顺着空间逛 |
| 厂商 | 合作级别 / 行业 → 企业列表 | 已有明确公司目标 |
首页坚持产品分类优先;论坛、攻略和本机清单作为辅助模块。“加载更多”使用局部追加,不会把页面滚回顶部。
git clone https://github.com/fade2373/waic.git
cd waic/web
./start.sh打开 http://127.0.0.1:8766/。无需安装前端依赖,也没有打包步骤。
重新生成站点数据:
cd waic
python3 scripts/build_web_data.pyweb/assets/app.js:路由、三种浏览模式、首页、论坛、攻略与清单。web/assets/style.css:桌面与移动端布局、触控和安全区适配。scripts/build_web_data.py:清洗数据、生成产品 L1/L2 taxonomy。web/data/site-data.json:浏览器运行时数据,使用no-cache拉取。
当前公开快照包含:
| 产品 | 企业 | 嘉宾 | 论坛 |
|---|---|---|---|
| 1302 | 1021 | 400 | 157 |
产品与展商主要来自 servicer.worldaic.com.cn,论坛、嘉宾与大会信息来自 WAIC 官网 CMS。图片继续使用官方 CDN URL,不把约 4GB 的本地图片归档塞进主站或 Git。
详细字段、接口与已知缺口见 数据源说明。
waic/
├── web/ # 主交付:在线静态 SPA
├── scripts/ # 数据构建与离线包脚本
├── data/ # 主站构建所需 JSON 快照
├── docs/ # 架构、数据源与审查交接
└── offline-app/ # 次要离线应用代码
raw/、images/、完整离线数据与本地索引均保留在开发机并由 Git 忽略。公开仓库可以直接运行 web/;离线包需要额外的本地归档。
node --check web/assets/app.js
python3 -m py_compile scripts/build_web_data.py
python3 scripts/build_web_data.py手动验收建议:
- 手机宽度约 390px 打开首页,确认 Hero、分类卡和底栏可用。
- 进入“逛展 → 产品 → 具身智能”,切换二级分类并打开产品详情。
- 滚动列表后点击“加载更多”,确认滚动位置不跳动。
- 进入攻略,确认票务、日期和场馆建议只面向现场观众。
欢迎提交 Issue 或 Pull Request。涉及数据规则时,请同时运行数据构建并检查 web/data/site-data.json;修改 web/assets/* 后请更新 web/index.html 中对应的 ?v= 缓存戳。
原创代码与文档采用 MIT License。WAIC 名称、商标、图片、展商资料与大会数据归其权利人所有,不包含在 MIT 授权中,详见 第三方内容声明。


