利用前端事件一键识别清单并自动填充子表

楼主
微信: web5173

在日常工作中,我们经常需要手动录入商品、物料或任务清单,尤其是涉及品名、数量、单位等信息时,重复输入既耗时又容易出错。利用前端事件+第三方后端服务,可自动识别文本清单,并一键填充到子表,大幅提升数据录入效率。

1. 核心功能:智能识别 + 自动填充

​(1)信息录入 & 智能识别

用户只需输入类似“土豆10斤,西红柿20斤,面皮5张,西兰花3.5斤”这样的文本,点击​“识别并填充”​按钮,系统会自动解析:

  • 品名​(如“土豆”“西红柿”)
  • 数量​(如“10”“20”)
  • 单位​(如“斤”“张”)

​(2)自动填充表格

解析后的数据会自动填充到子表


2. 技术实现:前端事件 + 自定义请求

该工具的核心逻辑基于前端事件配置,通过自定义请求将用户输入的文本发送到后端解析,并返回结构化数据。

​(1)前端事件配置

  • 触发方式​:选择“识别并填充子表单”作为事件。
  • 请求类型​:POST(默认)。
  • URL​:指向后端解析服务(如https://服务器地址/)。
  • 请求头 & Body​:
    • Content-Type: application/json
    • Body 包含用户输入的文本(如text: "土豆10斤,西红柿20斤...")。

 

​(2)后端解析逻辑

后端采用JavaScript实现,支持:

  • 白名单优先匹配​(如“红992袋”)。
  • 中文数字转换​(“一”→1,“半”→0.5,“两”→2)。
  • 多分隔符处理​(支持逗号、分号、空格等)。


3. 调试 & 验证

前端调试界面,可实时查看请求和返回结果:

  • 请求内容​:用户输入的文本(如“土豆10斤...”)。
  • 返回内容​:解析后的JSON数据(如{name: "土豆", quantity: "10", unit: "斤"})。


4. 总结

简道云强大的前端事件配合第三方信息处理,让子表数据录入变得简单高效。

添加微信(web5173)获取图片示例中的URL

 

分享扩散:

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

0回帖数 1关注人数 499浏览人数
最后回复于:2025-6-17 15:29

返回顶部 返回列表