基于图像检测的前端代码模板生成方法、装置和介质

本公开的实施例公开了基于图像检测的前端代码模板生成方法、装置和介质。该方法的一具体实施方式包括：对目标页面图进行图像检测，以生成页面图检测信息；将图像相似度组中最大图像相似度对应的基础组件确定为目标基础组件；监听鼠标在用户交互页面上目标页面图的框选操作，以确定框选操作对应的圈定范围；通过截图工具，截取圈定范围对应的圈定图像；确定目标组件图像；确定圈定范围内涵盖的全部坐标信息与对应的组件信息；根据目标组件图像、全部坐标信息与对应的组件信息，生成前端页面代码模板文本。该实施方式改进了传统的使用静态模板自动生成代码的方案，接收用户传入的需求原型图或UI设计图，在预生成的组件模板知识库中整合代码模板。