MES(制造执行系统)是弥补企业计划层与车间生产控制系统间间隔的信息管理系统,既能提高生产计划的灵活性和实时性,又能改善生产线的运行效率。把传统繁琐的半导体测试管理模式与互联网相结合,充分发挥了互联网使用的方便、高效的优势,实现半导体测试管理信息化,能极大地提高半导体测试管理模式的水平和工作效率。既有利于工厂决策者从琐碎、繁重的管理工作中解放出来,又能给工厂操作人员提供快捷和便利。本文对基于MES的半导体测试网站的前端系统进行了较为深刻的研究和探讨,分析采用相关技术构建系统前端的可行性,实现了系统的前端模块及数据交互接口的设计与开发。其主要的工作和创新总结如下:1.需求分析。结合已掌握的网页开发的相关技术以及在深入工厂实地学习测试流程的基础上对半导体测试网站的系统前端进行相关功能需求和业务分析,针对半导体测试网站系统前端提出了较为完整的功能性需求以及网页性能需求。2.页面总体设计。在需求分析、分析和研究KoalaUI框架和半导体测试网站系统特征的基础上,得出了单页面菜单式网页设计更适合半导体测试网站的结论,并设计了主要以菜单导航和tab页查看导航信息为布局的页面主体设计。3.前后端数据接口设计。实现了基于Ajax技术的前后端数据交互模式的设计,展示了在不重新加载整个页面的情况下,与服务器交换数据并更新部分页面的技术。完成了基于JSON格式前后端数据交换的设计,并针对多级嵌套JSON格式数据造成动态生成HTML网页解析速度慢的问题,对数据接口的设计进行了优化和改良。4.功能模块设计。完成了基于需求分析和页面主体框架的主要功能模块设计,包括用户角色模块、客户信息模块、产品管理模块、生产管理模块、排产管理模块,涵盖信息数据的增删查改、关键字搜索、打印、数据动态生成页面、模态框、数据保存等具体共有功能。针对各个模块出现的技术重难点问题做了深刻的调研和攻克,如利用BootStrap框架和JQuery技术,构建了 listBox多选左右移组件、树形选择框组件等组件框架,以便代码复用和提高系统可扩展性;在BootStrap框架模态框组件的基础上,实现了嵌套弹出多层模态框的功能。5.系统实现。采用HTML和CSS实现了页面构建和布局,主要包括登录页面、系统主页面和各功能模块页面;利用Javascript语言和JQuery库实现了包括主页面和各功能模块的页面操作;针对网页的性能需求,实现了基于用户体验的性能优化。6.系统测试。软件完成后,部署系统,与服务器端设备进行系统联调,利用多种测试工具和方法,对系统进行了功能测试、性能测试及安全测试,检验系统的性能与功能。测试结果表明,系统运行稳定可靠,满足预定要求。本系统是基于某工厂的业务需求设计并实现的,本人也深入工厂学习并了解系统的流程和需求,目前该系统已投入工厂实际生产使用,基本上满足了该工厂半导体测试的需求。