独立于框架的前端开发方法及装置制造方法及图纸

技术编号:37052229 阅读:23 留言:0更新日期:2023-03-29 19:29
本申请涉及一种独立于框架的前端开发方法及装置,前端开发方法包括:以原生JavaScript语言中class类的形式封装一个或多个业务服务模块,所述一个或多个业务服务模块中的每一个包括对应的API接口;通过所选择的API接口将对应的业务服务模块注册到终端应用模块;通过所述终端应用模块调用所述对应的业务服务模块。本申请提出的独立于框架的前端开发方法及装置,能够在前端开发中脱离具体框架进行逻辑复用,对同样的逻辑不需要重复编写,提高了前端开发的效率。提高了前端开发的效率。提高了前端开发的效率。

【技术实现步骤摘要】
独立于框架的前端开发方法及装置


[0001]本申请涉及前端开发领域,特别是涉及一种独立于框架的前端开发方法及装置。

技术介绍

[0002]目前,前端开发中的逻辑复用依赖于具体的前端开发框架,主要有以下两种方式:React Hooks方法和Vue3 Composition API方法。
[0003]其中,React Hooks方法依赖React框架,提供一种状态和状态的更改方法分治的手段。React Hooks方法从组件中提取状态逻辑,使得这些逻辑可以单独测试并复用,并在无需修改组件结构的情况下复用状态逻辑。
[0004]Vue3 Composition API方法依赖Vue3框架,将代码根据逻辑功能组织,一个逻辑功能所定义的所有API放在一起,在进行逻辑复用时定位具体功能即可定位到所用到的所有API。
[0005]以上两种能够实现前端开法中业务逻辑复用的方法,在应用过程中只能相同框架内进行业务逻辑复用,高度依赖框架本身的特性来组织复用逻辑。
[0006]现有技术中由于前端开发中业务逻辑难以脱离框架复用,导致在前端本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种独立于框架的前端开发方法,包括:以原生JavaScript语言中class类的形式封装一个或多个业务服务模块,所述一个或多个业务服务模块中的每一个包括对应的API接口;通过所选择的API接口将对应的业务服务模块注册到终端应用模块;通过所述终端应用模块调用所述对应的业务服务模块。2.如权利要求1所述的方法,其特征在于,还包括:将所述业务服务模块打包为软件包集合;生成所述软件包集合的API接口列表,所述API接口列表包括API接口信息。3.如权利要求2所述的方法,其特征在于,所述通过所选择的API接口将对应的业务服务模块注册到终端应用模块包括:根据所述API接口信息选择API接口。4.如权利要求1所述的方法,其特征在于,所述业务服务模块包括业务状态和业务方法。5.如权利要求4所述的方法,其特征在于,所述终端应用模块包括逻辑应用模块和视图应用模块。6.如权利要求5所述的方法,其特征在于,在所述终端应用模块为所述视图应用模块的情况下,所述通过所述终端应用模块调用所述对应的业务服务模块包括:将所述对应的业务服务模块的业务状态显示在所述视图应用模块的视图中;在所述视图中调用所述对应的业务服务模块的业务方法。7.如权利要求6所述的方法,其特征在于,所述视图应用模块包括基于Vue2框架的视图应用模块、基于Vue3框架的视图应用模块和基于React框架的视图应用模块。8.如权利要...

【专利技术属性】
技术研发人员:邵永凯张恩龙丁晓东杨新元黎雄兵
申请(专利权)人:北京微吼时代科技有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1