今天我让 AI 全流程给我实现了个 AIGC 案例展示平台网站。
为什么做这个项目
从微软的网站上看到了他们这几年帮助企业进行 AI 转型的一个案例集合[1] 但是一个个看起来太复杂了，大部分公司都不认识，想去按照行业搜索也无法搜索。 眼看很好的东西，却无法对自己差生价值。
我想要一个能清楚看到案例摘要、公司及行业类型的一个页面，方便快速的找到自己感兴趣的案例。
下面是实现的页面功能：
搜索过滤
左侧侧边栏有完整的筛选条件，可以根据筛选条件进行筛选案例。
数据所有维度都加到筛选条件里面了，包含：
-
• 案例类别 -
• 行业（可多选） -
• 所属地区 -
• 以及案例解决方案描述的模糊搜索
案例数量
内容区域除了案例卡片，还有一个当前筛选出来的总案例数：
案例卡片
-
• 公司名称 -
• 公司所在地 -
• 案例类型 -
• 标签 -
• 案例简介 -
• AI 解决方案
以及两个操作按钮：
查看详情描述 弹窗展示了该案例的具体内容：
点击 打开链接 可以在新窗口中打开案例的官方报道：
案例展示
我们随便看一个案例。
ABB 是电气化和自动化领域的全球领导者， 开发了工业 IoT 和 AI 套件。这个名为 ABB Ability™ Genix 的平台可帮助客户分析其工业运营中的关键功能，例如资产和流程性能、 能源优化和排放监控，并提供实时运营洞察。
ABB通过利用Azure OpenAI服务将生成式AI集成到其工业物联网和人工智能平台 （ABB Ability™ Genix）中， 推出Genix Copilot解决方案。 该方案允许用户使用自然语言实时获取关键问题的答案。 具体应用场景包括：
-
• 资产性能分析：帮助客户分析设备的运行状态。
-
• 过程优化：提供能源管理和排放监测的实时洞察。
-
• 故障诊断：通过连续排放监控系统观察和分析多个参数，识别潜在的警报。 通过Genix Copilot，ABB客户可实现运营维护成本降低约35%，能源和减排优化提升约20%，服务呼叫减少约80%。这一创新举措不仅提升了客户的生产效率，还推动了整个制造业向更智能、清洁的方向发展。
更详细的介绍可以去 ABB 的官网[2] 上查看。
上面有很多详细的信息，比如 Genix 平台的架构等等。
网站开发过程
整个项目的开发，我也基本都让 AI 去实现了：
-
• 数据从微软的网站上拿下来（AI写的脚本） -
• 数据清洗和加工（AI写的脚本） -
• 数据格式化 -
• 让AI提取提取行业标签、公司所在地 -
• 让AI去总结案例的关键描述 -
• 使用 Streamlit 实现网站
网站实现过程中，虽然一行代码都没有手写，但是总共提示了 19 次，
搜索和内容展示一次就搞定了，大部分时间是花在了卡片的样式上了， 开始是使用 HTMl 实现的卡片，弹框效果不对等一些问题， 折腾几次最后用了 Streamlit 自带的 Container 和 Dialog 实现。
引用链接
[1] 案例集合: https://blogs.microsoft.com/blog/2025/02/05/https-blogs-microsoft-com-blog-2024-11-12-how-real-world-businesses-are-transforming-with-ai/[2] ABB 的官网: https://new.abb.com/process-automation/genix
--- END ---