基于组件化的前端开发方法、装置、设备及存储介质制造方法及图纸

本发明专利技术属于开发辅助技术领域，公开了一种基于组件化的前端开发方法、装置、设备及存储介质。该方法包括：接收用户触发的前端应用合成请求，从前端应用合成请求中获取待合成的前端应用的业务流程需求；根据业务流程需求，确定合成前端应用需要使用的功能组件的类型；根据类型，从预先封装的功能组件库中查找符合业务流程需求的目标功能组件；利用预设的前端开发工具集对目标功能组件进行实时编译，得到至少一个前端页面；按照业务流程需求，将各前端页面进行组合，得到前端应用。通过上述方式，不仅可以有效降低Web客户端的开发和维护成本，还显著的提升了Web客户端的开发效率。

【技术实现步骤摘要】
基于组件化的前端开发方法、装置、设备及存储介质
本专利技术涉及开发辅助
，尤其涉及一种基于组件化的前端开发方法、装置、设备及存储介质。
技术介绍
随着前端技术的发展，与万维网(WorldWideWeb，Web)相关的框架、开发工具集层出不穷，大大丰富了Web客户端的功能，更好的满足了用户需求，提升了用户体验。但是，在实际情况中，开发一个完整的Web客户端所需的工作量较大，即使目前有各种优秀的框架来简化Web客户端的编程，但代码的编写量依然很庞大。这就需要大量专业性的技术人员参与到Web客户端的开发，因而大大增加了Web客户端的开发成本。并且，由于技术人员编码能力和编码风格的不同，也给后期的维护带来了困难，增加了Web客户端的维护成本。此外，目前每启动一个新的Web客户端项目，都需要根据各自的项目需求重新编写所有的代码，严重影响了Web客户端的开发效率。所以，亟需提供一种能够降低Web客户端开发和维护成本，提升Web客户端开发效率的前端开发方法。上述内容仅用于辅助理解本专利技术的技术方案，并不代表承认上述内容是现有技术。
技术实现思路
本专利技术的主要目的在于提供一种基于组件化的前端开发方法、装置、设备及存储介质，旨在降低Web客户端开发和维护成本，提升Web客户端开发效率。为实现上述目的，本专利技术提供了一种基于组件化的前端开发方法，所述方法包括以下步骤:接收用户触发的前端应用合成请求，从所述前端应用合成请求中获取待合成的前端应用的业务流程需求；根据所述业务流程需求，确定合成所述前端应用需要使用的功能组件的类型；根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件；利用预设的前端开发工具集对所述目标功能组件进行实时编译，得到至少一个前端页面；按照所述业务流程需求，将各前端页面进行组合，得到所述前端应用。优选地，所述根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件，包括：根据所述业务流程需求，确定合成所述前端应用所需的前端用户界面框架；根据所述类型和所述前端用户界面框架，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件。优选地，所述利用预设的前端开发工具集对所述目标功能组件进行实时编译，包括：根据所述业务流程需求，将所述目标功能组件设置到所述前端用户界面框架的指定位置；为所述前端开发工具集分配编译所述目标功能组件时需要的测试数据；利用所述前端开发工具集对所述目标功能组件进行实时编译。优选地，所述根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件之前，所述方法还包括：判断所述功能组件库是否已经构建完成；若判定所述功能组件库未构建完成，则构建所述功能组件库。优选地，所述构建所述功能组件库之后，所述方法还包括：判断所述功能组件库中是否存在所述类型的功能组件；若判定所述功能组件库中不存在所述类型的功能组件，则构建所述类型的功能组件。优选地，所述得到所述前端应用之后，所述方法还包括：获取用户提供的部署所述前端应用的站点信息；根据所述站点信息，部署所述前端应用。优选地，所述根据所述站点信息，部署所述前端应用，包括：对所述前端应用的代码进行自动编译并打包，得到所述前端应用的安装包；建立所述安装包与所述站点信息的对应关系，得到映射关系表；将所述安装包添加到采用的应用容器引擎的容器仓库中，将所述站点信息和所述映射关系表发送至管理所述容器仓库的容器管理平台，以使所述容器管理平台根据所述映射关系表，将所述容器仓库中的安装包下载到所述站点信息中规定的站点服务器上，安装并启动，实现对所述前端应用的部署。此外，为实现上述目的，本专利技术还提出一种基于组件化的前端开发装置，所述装置包括：获取模块，用于接收用户触发的前端应用合成请求，从所述前端应用合成请求中获取待合成的前端应用的业务流程需求；确定模块，用于根据所述业务流程需求，确定合成所述前端应用需要使用的功能组件的类型；查找模块，用于根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件；编译模块，用于利用预设的前端开发工具集对所述目标功能组件进行实时编译，得到至少一个前端页面；组合模块，用于按照所述业务流程需求，将各前端页面进行组合，得到所述前端应用。此外，为实现上述目的，本专利技术还提出一种基于组件化的前端开发设备，所述设备包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的基于组件化的前端开发程序，所述基于组件化的前端开发程序配置为实现如上文所述的基于组件化的前端开发方法的步骤。此外，为实现上述目的，本专利技术还提出一种存储介质，所述存储介质上存储有基于组件化的前端开发程序，所述基于组件化的前端开发程序被处理器执行时实现如上文所述的基于组件化的前端开发方法的步骤。本专利技术通过预先构建功能组件库，并在功能组件库中添加开发前端应用时需要用到的功能组件，从而在根据用户提供的业务流程需求确定合成该前端应用需要使用的功能组件的类型后，直接根据确定的类型从预先构建的功能组件库中查找符合当前业务流程需求的目标功能组件，然后利用预设的前端开发工具集对目标功能组件进行实时编译，并按照当前业务流程需求，将实时编译获得的各前端页面进行组合，即可得到用户所需的前端应用。整个前端开发过程，用户只需提供待合成的前端应用的业务流程需求，需要用户正在编写的代码量相对较少，且较为简单，故对技术人员专业技能的要求相对较低，因此在实现过程中既可以减少专业技术人员的参与，降低开发成本，又可以提升开发效率。并且，由于前端应用是基于功能组件合成的，因而在后期维护过程中，可以仅根据调整后的业务流程需求对某一功能组件进行调整，从而既方便了后期维护，也降低了维护成本。附图说明图1是本专利技术实施例方案涉及的硬件运行环境的基于组件化的前端开发设备的结构示意图；图2为本专利技术基于组件化的前端开发方法第一实施例的流程示意图；图3为本专利技术基于组件化的前端开发方法第二实施例的流程示意图；图4为本专利技术基于组件化的前端开发装置第一实施例的结构框图。本专利技术目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。具体实施方式应当理解，此处所描述的具体实施例仅用以解释本专利技术，并不用于限定本专利技术。参照图1，图1为本专利技术实施例方案涉及的硬件运行环境的基于组件化的前端开发设备结构示意图。如图1所示，该基于组件化的前端开发设备可以包括：处理器1001，例如中央处理器(CentralProcessingUnit，CPU)，通信总线1002、用户接口1003，网络接口1004，存储器1005。其中，通信总线1002用于实现这些组件之间的连接通信。用户接口1003可以包括显示屏(Display)、输入单元比如键盘(Keyboard)，可选用户接口1003还可以包括标准的有线接口、无线接口。网络接口1004可选的可以包括标准的有线接口、无线接口(如无线保真(WIreless-FIdelity，WI-FI)接口)。存储器1005可以是高速的随机存取存储器(RandomAccessMemory，RAM)存储器，也可以是稳定的非易失性存储器(Non-VolatileMemory，NVM)，例如磁盘存储器。存储器1005可选的还可以是独立于前述处理器1001本文档来自技高网...

【技术保护点】
1.一种基于组件化的前端开发方法，其特征在于，所述方法包括：接收用户触发的前端应用合成请求，从所述前端应用合成请求中获取待合成的前端应用的业务流程需求；根据所述业务流程需求，确定合成所述前端应用需要使用的功能组件的类型；根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件；利用预设的前端开发工具集对所述目标功能组件进行实时编译，得到至少一个前端页面；按照所述业务流程需求，将各前端页面进行组合，得到所述前端应用。

【技术特征摘要】
1.一种基于组件化的前端开发方法，其特征在于，所述方法包括：接收用户触发的前端应用合成请求，从所述前端应用合成请求中获取待合成的前端应用的业务流程需求；根据所述业务流程需求，确定合成所述前端应用需要使用的功能组件的类型；根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件；利用预设的前端开发工具集对所述目标功能组件进行实时编译，得到至少一个前端页面；按照所述业务流程需求，将各前端页面进行组合，得到所述前端应用。2.如权利要求1所述的方法，其特征在于，所述根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件，包括：根据所述业务流程需求，确定合成所述前端应用所需的前端用户界面框架；根据所述类型和所述前端用户界面框架，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件。3.如权利要求2所述的方法，其特征在于，所述利用预设的前端开发工具集对所述目标功能组件进行实时编译，包括：根据所述业务流程需求，将所述目标功能组件设置到所述前端用户界面框架的指定位置；为所述前端开发工具集分配编译所述目标功能组件时需要的测试数据；利用所述前端开发工具集对所述目标功能组件进行实时编译。4.如权利要求1至3任一项所述的方法，其特征在于，所述根据所述类型，从预先封装的功能组件库中查找符合所述业务流程需求的目标功能组件之前，所述方法还包括：判断所述功能组件库是否已经构建完成；若判定所述功能组件库未构建完成，则构建所述功能组件库。5.如权利要求4所述的方法，其特征在于，所述构建所述功能组件库之后，所述方法还包括：判断所述功能组件库中是否存在所述类型的功能组件；若判定所述功能组件库中不存在所述类型的功能组件，则构建所述类型的功能组件。6.如权利要求1至3任一项所述的方法，其特征在...

【专利技术属性】
技术研发人员：张朝晖，蒋媛，高雅文，王青亮，郭曦，张玉萍，柯景亮，黎志勇，
申请(专利权)人：平安证券股份有限公司，
类型：发明
国别省市：广东,44