随着计算机科学技术的快速发展,Web应用在人们的日常生活中随处可见,不管是人们日常生活还是工业生产中,Web应用都起着举足轻重的作用。随着Web应用的更新速度加快,迭代需求更加迅速,如何快速开发Web应用,包括Web端、移动端和电子大屏等,满足产品快速开发迭代的需求成为一个非常重要的问题。对于中小型外包企业和小型开发团队,他们往往缺少高级技术开发人员,开发人员缺乏对前后端最新技术的掌握,对前端界面的深入开发并不是很熟悉,在开发设计界面的过程中,会不断遇到新的问题和挑战,需要开发人员去尝试,耗费时间和开发成本;当他们要开发一个小型Web应用时,需要搭建前后端开发框架,编写通用的业务逻辑包括:登录功能、用户权限管理和菜单管理等,设计前端界面时,对于业务系统中常出现的表单、表格和数据统计界面等,需要编写界面布局和样式,编写前端业务逻辑,这种每个系统通用的界面和业务逻辑,没有进行封装,因此需要做许多重复的工作。在以上背景下,本文通过对国内外低代码平台进行调研分析,结合实际需求,采用前后端分离的架构设计,前端框架设计以Vue为基础,后端框架采用Springboot技术,开发设计实现了一个Web应用开发工具,提高了开发效率。本Web应用开发工具,提供了开发平台和前后端开发框架,提供了基础组件、业务逻辑封装和系统界面生成能力。对于不熟悉Web应用开发的开发者,可以通过平台进行数据库配置,生成Web应用基本的表单、表格统计和数据可视化界面,生成后台业务逻辑,对于简单的业务系统,开发人员通过YAML配置便可生成系统界面。对于缺乏前端开发经验的开发人员,开发工具提供了前端框架,提供各种前端组件库,支持直接引入,生成动态UI界面,开发者引入调用相关组件,便可实现其功能,对于基本Css样式进行了封装,减少开发人员对于界面样式和风格的设计,提高开发效率。对于有经验的开发人员,开发工具也支持二次开发,开发工具提供了可扩展的前后端接口,支持前端自定义界面的扩展,支持前端界面的集成引入,支持后端自定义业务逻辑的编写,同时开发工具对业务系统的通用模块进行了抽取和封装,例如用户权限、菜单、登录等,提供了丰富的组件和公共方法供开发者使用,开发者基于此开发工具进行二次开发,可以提高开发效率。该开发框架目前已经应用于多个Web应用的开发,包括企业的EAM系统,中西文界面的西班牙语超市管理系统,以及微信小程序应用,例如山东大学研究生管理小程序。开发工具的应用取得了良好的效果,提高了开发效率。