基于移动平台的微应用开发框架技术的分析与应用探究论文_林振宇

广州市汇源通信建设监理有限公司 广东省广州市 510000

摘要:本文将从当前微应用开发框架的技术出发,对移动平台下微应用开发框架的主要应用进行分析与探究,希望为相关人员提供一些帮助和建议。

关键词:开发框架;微应用;移动平台

引言

近些年,科学技术不断进步,这使得移动智能化终端、无线网络、移动互联网等多种技术都得到快速发展,开发移动应用的过程中,移动微应用的比例越来越大。但是,企业在满足用户微应用使用需求时,必须注重开发工作的稳定与可靠。因此,研究移动平台下微应用开发框架的主要应用具有一定现实意义。

一、当前微应用开发框架的技术

在我国,国网企业要求移动应用快速构建,节省运行时的资源,与各种终端能够快速地适配。但是,现有的移动应用框架只可以处理单一应用场景,无法满足快速构建框架的需要。因此,必须对微应用开发框架进行整合,采取先进的微应用开发框架相关技术,从而更加快速地开发微应用,实现运行轻量化、适配灵活化。具体来讲,微应用开发框架需要包括封装移动公用组件、模块化构建、web加载等。

二、移动平台下微应用开发框架的主要应用

(一)在框架功能架构的应用

1.控制层

该层包括模块化容器与web加载框架。其中,在模块化容器中,应根据移动平台基本模块来展开分类,将其分成页面模块、业务模块与引擎模块等。开发者可借助以上模块对子模块进行定义,可彼此调用。不同模块在定义时需要使用不同的名称,随后可在各种方法、目录或文件夹中调用。

在web加载框架中,借助动态加载的技术,使用use方法来检查,该方法可从Js框架库中调用出来。若缓存部分中有些模块需要获取,那么就会进行该模块的加载工作,随后绑定事件,动态加载出回调函数的模块。若缓存部分不存在其它模块需求,可先进行模块的创建,然后将此模块加载出来,获取其属性与方法,完成模块加载以后应对是否含有子模块进行检查。如果存在子模块,那么就会获取自身事件,并借助绑定事件来传递。如果不存在子模块,那么会将自身事件直接出发,并动态加载出回调函数的模块。web加载框架借助配置文件能够全面发挥性能优化、动态加载、编程模块化、维护性提升、简洁配置等多种优点,在web加载框架下开发出来的框架能够提高配置的灵活性,降低对开发者的技术要求。例如,某开发者在进行微应用控制层开发时,设计了一个流程管理器,能够分类用户的各种业务请求,其业务执行请求代码各不相同,在执行和加载完所有代码以后,页面请求终止。该开发者借助这种执行模块的灵活定义与设置,为不同的模块与方法进行了充分定义,无需担心各个流程,仅需了解其定义与配置即可。

2.模型层

该层通常研究公用组件相关封装工作,让开发者能够任意对移动端中已封装插件进行调用。借助这些插件,能够实现统一编码,增强使用标准性、调用快捷性、代码简单性。移动应用能够对其复用,按照业务要求展开多种组合,变成一个应用的截面,让开发的整个周期大大缩短。通过模块化的定义,用插件形式把公用组件设在配置层上,利用模块按需加载功能动态地进行调用,如地区选择插件、滑动插件、加载刷新插件、图形插件、弹窗插件以及时间插件等。前端工作人员能够快速的调用以上各种插件,使用时仅需编写少量代码即可得到想要的效果

3.视图层

该层是十分重要的人机交互载体,借助多尺寸与多分辨率移动界面技术,以bootstrap这一框架为基础,完美加入到平台应用的框架,并设置框架的字体为默认字体[1]。目前,bootstrap框架的发展相对成熟,积累了大量终端适配经验,因此,微应用开发框架可以将bootstrap当作基础,开展进一步的定制工作,如图1所示。

第一,栅格系统。该系统是bootstrap里的一套栅格系统布局、屏幕自适应、响应式框架。栅格系统利用不同列与行的组合进行页面布置,把网页内容放在已创建的布局里。行需要包含于容器,这样有利于其内补与排列。然后在列中添加内容,让列变成行的子元素。运用该系统,能够让前端开发更加快速而简单,为其维护和开发提供便利。第二,响应式布局。运用bootstrap开发框架时,采用移动端对各种设备自适应的方法将现有页面展示出来,对不同设备页面元素样式、整体布局展开动态化调整,让各尺寸设备能够展示出大体一致的内容,这样一来,冗余的代码大量减少,开发框架的成本的时间也得到节省。第三,可扩展插件,bootstrap具备二次扩展能力,开发者能借助此扩展能力来展示图标,由于分辨率显示与其字体无关,因此,开发者能够继续在移动端浏览器中扩展图标字体,借助视口的属性设置将缩放功能禁用,用户仅能进行滚动屏幕的操作,这样更加接近应用的原生展示。

图1 基于bootstrap的微应用开发

(二)在框架技术架构的应用

1.框架的control层

control即为控制,用于业务处理的全部逻辑代码都应设置于控制层。开发者应定义个人模块并得到数据,或是定义多种模块让其它开发者进行调用。该层能够按照用户操作来执行相应模块,用户获取数据时,会发出服务请求,控制层完成数据解析后能够为视图层展示。当触发表单点击事件、页面超链接时,该层不会进行数据处理工作,只有在模块方法调用且收到请求以后,才能够进行服务的调用,并展示数据,然后显示在视图层[2]。

2.框架的view层

view即为视图,视图层能够将有关静态页面展示出来,也可以加载来源于Js库的各种动态数据。开发者在视图层应养个根据标准要求进行各项代码的操作,逻辑代码不能出现于视图层,页面应完全由html标签共同构成。由于该层能够为用户展示界面并供其操作,因此对于微应用开发框架意义重大。

3.框架的model层

model即为模型,模型层也叫作对象属性层,其前端框架中有部分Js公用组件与全部插件库。因此,模型层对微应用开发框架极为重要,开发时需要在具体开发项目中进行应用。与此同时,应用的地区选择插件、滑动插件、加载刷新插件、图形插件、弹窗插件及时间插件等需要全部设置于模型层。

结语

总而言之,研究移动平台下微应用开发框架的主要应用具有重要的意义。相关人员应对当前微应用开发框架的技术有一个全面了解,能够将移动平台充分应用于微应用的技术架构与功能架构,从而实现微应用的顺利开发,提升企业的经济效益。

参考文献

[1]王飞,孙鹏,赵磊.基于Autodesk的堤坝BIM模型构建与信息化框架开发与应用[J].水运工程,2019,(01):150-155+212.

[2]罗锦坤,张青.“互联网+”环境下边疆应用型高校教学法研究——以《SSH框架技术开发》为例[J].广西民族师范学院学报,2017,34(03):68-71.

论文作者:林振宇

论文发表刊物:《基层建设》2019年第14期

论文发表时间:2019/7/29

标签:;  ;  ;  ;  ;  ;  ;  ;  

基于移动平台的微应用开发框架技术的分析与应用探究论文_林振宇
下载Doc文档

猜你喜欢