[发明专利]前端界面的构建方法及装置、计算机设备和存储介质

说明书

本发明提出了一种Web系统前端界面的构建方法，包括：接收界面构建请求，界面构建请求中包含待构建的Web系统前端界面所属的业务领域标识；在领域模型组件集中筛选与业务领域标识匹配的目标领域模型组件；根据目标领域模型组件构建Web系统前端界面。相应地，本发明还提出了Web系统前端界面的构建装置、计算机设备和计算机可读存储介质。通过本发明的技术方案，可以实现对Web系统前端界面的智能组装构建，以灵活快速地搭建出适用于不同业务领域的前端界面，缩短前端界面的开发周期，从而提高Web系统前端界面的开发效率。

技术领域

本发明涉及前端界面开发技术领域，具体而言，涉及Web系统前端界面的构建方法、Web系统前端界面的构建装置、计算机设备和计算机可读存储介质。

背景技术

常见的Web(World Wide Web，全球广域网)系统，其UI(User Interface，用户界面)前端(即前端界面)展现开发工作量巨大，且对开发人员的知识储配、开发技能要求很高：界面如何布局，控件如何选择，控件之间如何通信，前端数据模型如何和后端数据模型彼此识别，如何短时间内开发出多个页面等，都是需要开发人员解决的问题。

目前常见的Web UI开发过程，往往都是利用市面上已有的开源的框架，一个一个页面开发调试，既需要开发人员学习各种开源的前端技术，又需要开发人员学习各自领域的业务知识来完成UI开发；而当需要开发大量页面时，所需要的开发周期也相对较长。

因此，如何提升Web UI的开发效率，降低前端开发人员的技术入门门槛，以快速支撑越来越灵活、越来越复杂多变的Web UI开发要求，特别是如何针对不同的具体业务领域高效搭建Web UI已经成为亟待解决的技术问题。

发明内容

本发明正是基于上述问题，提出了一种新的技术方案，可以实现对Web系统前端界面的智能组装构建，以灵活快速地搭建出适用于不同业务领域的前端界面，缩短前端界面的开发周期，从而提高Web系统前端界面的开发效率。

有鉴于此，根据本发明的第一方面，提出了一种Web系统前端界面的构建方法，包括：接收界面构建请求，界面构建请求中包含待构建的Web系统前端界面所属的业务领域标识；在领域模型组件集中筛选与业务领域标识匹配的目标领域模型组件；根据目标领域模型组件构建Web系统前端界面。

在该技术方案中，当根据用户的界面构建请求构建相应的Web系统前端界面时，为了更加符合用户的具体业务要求，可以根据界面构建请求中业务领域标识在预先创建好的领域模型组件集中直接筛选获取能够直接用于构建该Web系统前端界面的目标领域模型组件，以快速地通过智能筛选出的目标领域模型组件构建该Web系统前端界面，其中业务领域标识为待构建的Web系统前端界面所属的业务领域的标识信息以区分不同的前端界面搭建需求，即通过为不同业务领域常见的前端界面提供高度封装的领域模型组件，支撑各个业务领域的前端界面开发需求，可以大大提高Web系统前端界面的开发效率，特别是能够为多页面、多人员、大团队快速开发Web系统前端界面提供有利的支撑，缩短开发周期，且降低了前端开发人员的技术入门门槛。

在上述技术方案中，优选地，目标领域模型组件包括：领域DOM组件、业务数据模型和领域事件组件，其中，领域DOM组件中含有业务领域信息；以及根据目标领域模型组件构建Web系统前端界面的步骤具体包括：根据领域DOM组件构建Web系统前端界面对应的组成区域；根据业务数据模型构建Web系统前端界面对应的用户界面视图；根据领域事件组件构建Web系统前端界面对应的业务操作事件；对组成区域、用户界面视图和业务操作事件进行渲染处理和/或初始化处理以形成Web系统前端界面。