基于前端技术的跨平台应用开发框架及其实现方法.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN109284093A(43)申请公布日2019.01.29(21)申请号201811259236.1(22)申请日2018.10.26(71)申请人深圳易嘉恩科技有限公司地址518057广东省深圳市南山区粤海街道高新区南区科技南12路长虹科技大厦23楼01单元(72)发明人肖逸夫(74)专利代理机构成都虹桥专利事务所(普通合伙)51124代理人李凌峰(51)Int.Cl.G06F8/20(2018.01)G06F8/38(2018.01)权利要求书1页说明书3页附图1页(54)发明名称基于前端技术的跨平台应用开发框架及其实现方法(57)摘要本发明涉及应用开发领域，针对现有的终端应用开发框架耦合性太强导致的维护困难和不能跨平台使用的问题，提出一种基于前端技术的跨平台应用开发框架及其实现方法，包括如下步骤：将底层逻辑相关的部分作为公共模块，将与业务逻辑相关的部分作为业务需求模块，将与用户界面显示相关的部分作为界面显示模块，公共模块提供底层接口供业务需求模块调用；业务需求模块提供业务接口供界面显示模块调用；将界面显示模块采用前端开发技术栈实现。通过业务接口和底层接口解除了经常变动的业务需求模块与其他模块的耦合，引入前端开发技术栈来构建跨平台渲染的用户界面达到跨平台渲染相同的效果，本发明适用于终端应用的开发。CN109284093ACN109284093A权利要求书1/1页1.基于前端技术的跨平台应用开发框架实现方法，其特征在于，包括如下步骤：A、将底层逻辑相关的部分作为公共模块，将与业务逻辑相关的部分作为业务需求模块，将与用户界面显示相关的部分作为界面显示模块，公共模块提供底层接口供业务需求模块调用；业务需求模块提供业务接口供界面显示模块调用；B、将界面显示模块采用前端开发技术栈实现。2.如权利要求1所述的基于前端技术的跨平台应用开发框架实现方法，其特征在于，所述步骤B中，前端开发技术栈包括Vue、React、AngularJs或原生JavaScript。3.如权利要求1所述的基于前端技术的跨平台应用开发框架实现方法，其特征在于，所述公共模块包括网络请求方法、图片加载方法、视频播放方法和数据库。4.基于前端技术的跨平台应用开发框架，其特征在于，包括公共模块、业务需求模块和界面显示模块，所述公共模块提供底层接口供业务需求模块调用；业务需求模块提供业务接口供界面显示模块调用，所述界面显示模块采用前端开发技术栈实现。5.如权利要求4所述的基于前端技术的跨平台应用开发框架，其特征在于，所述前端开发技术栈包括Vue、React、AngularJs或原生JavaScript。6.如权利要求4所述的基于前端技术的跨平台应用开发框架，其特征在于，所述公共模块包括网络请求单元、图片加载单元、视频播放单元和数据库。2CN109284093A说明书1/3页基于前端技术的跨平台应用开发框架及其实现方法技术领域[0001]本发明涉及应用开发领域，特别涉及一种跨平台应用开发框架及其实现方法。背景技术[0002]随着互联网浪潮带来的便利性以及移动终端的多样性，移动应用已经成为人们生活中不可获取的一部分。因此移动终端应用开发市场包含巨大的发展前景和客户需求。同时由于移动终端的多样性以及纷繁复杂的客户需求，移动终端应用的开发有着巨大的成本投入和冗长的开发维护周期：完成一个跨平台的终端应用，从搭建界面，到封装底层模块，再到业务逻辑的完善，都需要各个终端的开发人员单独进行开发，因此投入的人力物力成本巨大，最终所构建的项目架构也会有较大的差异，不方便后期统一维护，如若终端应用开发框架耦合性较强，就会导致改动一个业务需求的修改就带来牵一发而动全身的结果，导致后期维护困难或不能跨平台的进行使用，所以一种能便于开发人员快速开发且具有良好架构便于维护的跨平台应用开发框架十分有必要。发明内容[0003]本发明所要解决的技术问题是：克服现有的终端应用开发框架耦合性太强导致的维护困难和不能跨平台使用的问题，提出一种基于前端技术的跨平台应用开发框架及其实现方法。[0004]本发明解决上述技术问题，采用的技术方案是：[0005]基于前端技术的跨平台应用开发框架实现方法，包括如下步骤：[0006]A、将底层逻辑相关的部分作为公共模块，将与业务逻辑相关的部分作为业务需求模块，将与用户界面显示相关的部分作为界面显示模块，公共模块提供底层接口供业务需求模块调用；业务需求模块提供业务接口供界面显示模块调用；[0007]B、将界面显示模块采用前端开发技术栈实现。[0008]优选的，所述步骤B中，前端开发技术栈包括Vue、React、AngularJs或原生JavaScript。[0009]优选的，所述公共模块封装了网络请求方