[发明专利]Web应用系统前端模块化开发方法

摘要

本发明涉及Web应用系统开发技术，解决了现有Web应用系统前端开发中模块间耦合性高的技术问题。技术方案概括为：在项目模板中将Web应用系统前端划分为一个门户模块和多个子模块，然后为每个模块建立独立的代码仓库，分别在本地服务器开发各模块的代码，并将个模块部署到服务器；启动系统后检测运行环境，若是子模块的开发环境，则该子模块的入口地址为开发该子模块代码的本地服务器地址，剩余子模块的入口地址为子模块所部署的相应服务器地址，门户模块再将每个子模块对应的用户界面元素与入口地址进行一一对应。有益效果是，本发明中各个模块间耦合性低，各个模块的调试、编译和部署都互不影响。特别适用于Web应用系统前端开发。

主权项

1.Web应用系统前端模块化开发方法，其特征在于：包括代码开发部分和模块调用部分；所述代码开发部分包括以下步骤：步骤一、创建Web应用系统前端项目模板，将Web应用系统前端分为一个门户模块和多个子模块；步骤二、利用版本控制工具为门户模块和每个子模块建立独立的代码仓库，分别对门户模块和每个子模块进行版本管理；步骤三、分别在本地服务器开发并调试门户模块和各个子模块的代码，并将门户模块和各个子模块的代码提交到对应的代码仓库，每个代码仓库自动编译接收到的代码，并将代码对应的门户模块或子模块部署到服务器中；步骤四、将门户模块和各个子模块的代码进行合并，统一发布；所述模块调用部分包括以下步骤：步骤A、启动Web应用系统前端后，首先加载门户模块并获取Web应用系统前端当前运行环境；步骤B、门户模块根据Web应用系统前端当前运行环境，通过后台调用各个子模块的接口来获取各个子模块的入口地址，若Web应用系统前端当前运行环境是任意一个或多个子模块的开发环境，则相应的一个子模块或多个子模块的入口地址为开发该子模块代码的本地服务器地址，Web应用系统中剩余子模块的入口地址为子模块所部署的相应服务器地址，若Web应用系统前端当前运行环境是生产环境，则Web应用系统中所有子模块的入口地址为子模块所部署的相应服务器地址；步骤C、门户模块将每个子模块对应的用户界面元素与入口地址进行一一对应，通过点击门户模块中不同的用户界面元素跳转到对应的子模块。