滚水科技
官网全部案例预约方案沟通

CASE STUDY · AI IMAGE ANALYSIS

AI 口腔图片分析小程序开发案例:从拍照上传到 AI 分析结果

客户已具备口腔图片分析能力。我们将其接入微信小程序:用户拍照或从相册上传,业务服务调用分析接口并回写结果,再配合检查记录与管理后台,把单一接口做成可直接使用的产品。

微信小程序开发AI 图片分析图片上传结果展示检查记录管理后台
把 AI 能力做成产品看拍照到结果怎么跑
Capture → Detect → Result
上颌前牙区内侧
对位识别回写

WHY IT WAS NEEDED

客户已经有 AI 能力,缺的是一个简单、好用的产品入口

核心需求很明确:让用户提交一张口腔图片,并获得分析结果。产品不必做成复杂的医疗业务系统,但必须把图片、请求和结果稳定连成一条用户能走完的路径。

仅有接口

用户

无入口

POST /analyze

请求发出,没有产品承接

产品入口

分析能力停在接口,用户无法自己完成一次检查

没有小程序入口时,图片提交、等待和查看结果都要靠人工转发。AI 能力无法被普通用户直接使用,也无法形成可运营的产品。

接口再准确,没有入口就成不了产品。

上传状态是否已提交?

上传中 / 失败可重试

图片上传

「上传一张图」如果状态不清,用户会反复提交

拍照、相册选择、预览、上传中、提交失败都需要可见反馈。缺少状态,用户不知道图片是否已经进入分析。

上传体验不清晰,分析流程会在第一步中断。

检查状态机
提交
分析
完成
失败

同一条检查上推进,而不是转圈

分析状态

分析不是即时返回,页面必须能等待和失败重试

从提交到出结果需要处理提交中、分析中、完成与失败。前端不能假装「点一下就出结论」,而要把异步状态写进同一条检查。

状态机不完整,结果就无法可靠地对应到本次提交。

结果留存

本次分析

看完即消失

无检查记录

数据留存

看完结果就结束,后台也无法复核图片与结论

没有检查记录,用户不能回顾历史分析;没有管理后台,运营无法按用户、时间和结果查询导出。

单次返回成不了可管理的检查数据。

简单流程背后,关键是把图片采集、AI 请求、结果处理和检查记录稳定地连接起来。

HOW WE RETHINK IT

我们交付的不是又一个演示页,而是一条可运行的分析产品链路

把「调用分析接口」改成「用户可完成的检查」:小程序负责采集与展示,业务服务负责上传、调用与回写,分析服务保持独立,管理后台只管理这款产品真正产生的数据。

只有 AI 接口

  1. 用户无法在微信里自己提交图片
  2. 请求与结果靠人工对接
  3. 分析耗时没有状态可看
  4. 图片与结论无法按次留存

完整小程序产品

  1. 拍照或相册选择并预览
  2. 业务服务上传并调用分析接口
  3. 按提交中 / 分析中 / 完成 / 失败展示
  4. 结果入库,用户可回看,后台可管理

只有接口

analyze(image) → json

没有拍照、等待和回看

完整检查

拍照→分析→结果→记录

用户不必理解背后的分析服务,只需完成拍照和提交。

WHAT WE BUILT

一套小程序,把图片采集、分析调用和结果展示串成完整流程

能力按真实检查路径交付。后续若分析接口调整,用户端不必重做整条路径。

采集提交

预览后提交

已进入本次检查

01 拍照与图片上传

支持拍摄或从相册选择,完成预览后进入提交。系统处理选择、上传、上传状态与异常,让用户确认图片是否已提交。

把「上传一张图」做成步骤清楚的操作。

影像分析
部位识别结论回写

02 AI 分析接入

图片经业务服务提交至分析接口。前端不处理模型细节,只通过业务接口完成提交与取回,用户体验与分析服务解耦。

分析接口可替换,检查流程保持不变。

结果结构化
{ score, items[] }
分析概览
分项结果
提示信息

03 结果结构化展示

分析完成后进入结果页,按概览、具体结果与提示组织信息。多项结果分行呈现,避免全部堆在同一屏。

接口返回的数据变成用户读得懂的页面。

检查记录
11-20 上颌
11-18 复查
11-12 初检

04 检查记录

每次提交关联用户、图片、分析时间与结果。用户可回顾历史检查,产品从单次返回变成可查询的记录。

看完结果不是结束,而是留下可回看的检查。

管理后台
用户图片结果
A已回写
B已回写
C已回写

05 管理后台

同步建设后台,覆盖用户、提交图片、分析结果与检查记录,并支持按条件查询与导出。后台不承担复杂诊疗流程,只管理本产品数据。

小程序负责使用,后台负责查看与管理。

IF THIS SOUNDS FAMILIAR

如果你也有一项 AI 能力,正缺一个能上线的产品入口

图片分析、检测或识别类能力,只要需要「上传 → 调用 → 展示 → 留存」,都可以对照这条路径。

对位引导

模型已经能出结果,但没有用户能自己走完的入口?

用微信小程序承接拍照、提交和查看,把接口做成一次检查。

一次检查
主诉表单

分析需要等待,页面却只能转圈或直接失败?

把提交中、分析中、完成和失败写进同一条检查记录。

WeChat
拍照→提交→结果

结果是原始字段,用户看不懂?

按概览与分项整理展示,需要时再给提示信息。

可读结论
概览
分项
下一步

运营要按用户和时间核对图片与结论?

检查记录入库,管理后台查询、查看图片并导出。

HOW IT WORKS

一次检查,从拍照到结果只需要几步

用户路径围绕同一条检查:进入小程序、开始检查、拍摄或上传、提交、等待分析、查看结果并留下记录。

口腔图片分析小程序首页
检查信息填写
口腔图片拍摄与上传
AI 分析结果页

用户不需要理解分析服务如何工作,只需要完成拍照和提交。

HOW IT IS BUILT

一条清晰的图片分析链路:小程序、业务服务、分析接口与后台

重点是把分析能力稳定嵌进用户流程:图片正确进入分析服务、结果对应到本次检查、异步状态可展示、历史数据可关联。

Architecture

微信小程序完成拍照、上传、等待与展示;业务服务处理图片、调用分析接口、整理结果并写入检查记录;分析服务只负责图片分析;管理后台查看用户、图片、结果与记录。

用户端

微信小程序 · 拍照 / 相册 · 预览与提交 · 状态与结果页

用户端

业务服务

图片处理 · 分析接口调用 · 结果整理 · 检查数据保存

业务服务
收图
调接口
回写

分析服务

接收图片 · 图片分析 · 返回结果 · 与页面解耦

影像对象

管理后台

用户管理 · 图片查看 · 结果与记录 · 查询导出

分析服务

Keywords

微信小程序开发AI 图片分析图片上传异步分析状态检查记录管理后台

WHAT SHIPPED

把一个图片分析接口,做成已上线的小程序产品

项目已完成开发并上线。以下为可核对的交付范围,不含未授权的调用量或临床指标。

一次跑通
步骤
进
步骤
拍
步骤
析
步骤
看

可操作的用户端

微信小程序覆盖拍照、相册上传、预览、提交、分析状态、结果展示与历史记录。

可分析影像
✓

稳定的分析接入

图片上传、接口调用、结果接收与结构化处理由业务服务完成,并对应到每一次检查。

可读详情

可管理的检查数据

后台可查看用户、提交图片、分析结果与检查记录,并支持基础查询与导出。

可替换分析层
→

可继续扩展的分层

分析服务与小程序业务层相对独立,接口调整时不必重做用户路径。

WHERE ELSE IT FITS

同类 AI 能力,也可以做成同样清晰的产品入口

凡是「图片进、结果出」的分析能力,都可以迁移同一条小程序 + 业务服务 + 后台的结构。

口腔与专科检测

口内照片分析、部位检测、检查记录回看

Fit

皮肤与外观分析

拍照上传、分项结果、历史对比

Fit

检测与质检拍照

现场取证、异步出结果、后台复核图片

Fit

保险与健康服务

材料上传、分析结果留档、按用户导出

Fit

已有模型的团队

把现成分析接口做成小程序、App 或 Web 入口

Fit

NEXT STEP

你有一个 AI 能力,需要把它真正做成产品?

很多项目的第一步不是重新训练模型,而是把已有分析能力接入可使用的产品:图片上传、接口调用、结果展示与数据留存。

  • 图片上传拍照 · 相册 · 状态
  • 分析调用提交 · 等待 · 回写
  • 结果与记录展示 · 历史 · 后台

有接口说明或一张示例结果图,就可以开始讨论小程序路径怎么落地。

聊聊你的 AI 产品想法查看更多案例

Related cases

你可能也会感兴趣的案例

更多由滚水科技交付的项目案例,覆盖 AI、IoT、平台型业务与企业管理。

  • 智能零售商城

    智能零售商城

    围绕零售与增长场景构建的产品展示案例,强调用户路径与可视化结果呈现。

    查看案例→
  • AI智聘系统

    AI智聘系统

    将招聘筛选、人才搜索与分析流程系统化,减少人工筛选与流转成本。

    查看案例→
  • 数字化公益项目案例

    数字化公益项目案例

    公益捐赠与公益助学数字化项目案例,展示公益场景下的平台设计与用户交互落地。

    查看案例→
Engineering Delivery

如果你已经遇到明确的工程问题,我们可以直接从交付范围、接口条件和里程碑开始谈。

这类案例通常涉及业务系统、设备接入、AI 工作流或多角色后台。我们会按真实交付链路评估可行性,并给出更接近实施阶段的建议。

商务邮箱
contact@wavesteam.com
公司地址
深圳市龙岗区京基御景时代大厦南塔 10 层

点击提交即代表你同意我们仅就本次咨询使用你的信息。我们承诺不会用于任何营销骚扰。

滚水科技

滚水科技长期为企业提供可落地的 AI 软件解决方案,覆盖小程序、业务系统、AI 工作流、行业平台与持续工程支持。

联系我们
© 2026 滚水科技 Wavesteam Technology. 保留所有权利。
邮箱:contact@wavesteam.com地址:深圳市龙岗区龙城街道黄阁坑社区京基御景时代大厦南塔 10 层