CN109725885A - 一种基于移动平台的应用开发架构 - Google Patents
一种基于移动平台的应用开发架构 Download PDFInfo
- Publication number
- CN109725885A CN109725885A CN201811366814.1A CN201811366814A CN109725885A CN 109725885 A CN109725885 A CN 109725885A CN 201811366814 A CN201811366814 A CN 201811366814A CN 109725885 A CN109725885 A CN 109725885A
- Authority
- CN
- China
- Prior art keywords
- business
- application
- plug
- page
- unit
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Withdrawn
Links
- 238000011161 development Methods 0.000 title claims abstract description 41
- 238000000034 method Methods 0.000 claims abstract description 15
- 230000006978 adaptation Effects 0.000 claims abstract description 5
- 238000013461 design Methods 0.000 claims abstract description 4
- 230000008569 process Effects 0.000 claims description 8
- 230000003993 interaction Effects 0.000 claims description 7
- 230000000694 effects Effects 0.000 claims description 6
- 230000004044 response Effects 0.000 claims description 6
- 230000000007 visual effect Effects 0.000 claims description 5
- 230000004048 modification Effects 0.000 claims description 4
- 238000012986 modification Methods 0.000 claims description 4
- 230000008901 benefit Effects 0.000 claims description 3
- 238000005422 blasting Methods 0.000 claims description 3
- 238000012790 confirmation Methods 0.000 claims description 3
- 238000013079 data visualisation Methods 0.000 claims description 3
- 238000010586 diagram Methods 0.000 claims description 3
- 238000005538 encapsulation Methods 0.000 claims description 3
- 230000000977 initiatory effect Effects 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 claims description 3
- 238000012800 visualization Methods 0.000 claims description 3
- 238000012856 packing Methods 0.000 claims description 2
- 230000015572 biosynthetic process Effects 0.000 claims 1
- 238000010438 heat treatment Methods 0.000 claims 1
- 230000008859 change Effects 0.000 description 2
- 238000010276 construction Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000008878 coupling Effects 0.000 description 1
- 238000010168 coupling process Methods 0.000 description 1
- 238000005859 coupling reaction Methods 0.000 description 1
- 230000005611 electricity Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000001603 reducing effect Effects 0.000 description 1
- 230000008439 repair process Effects 0.000 description 1
- 238000012360 testing method Methods 0.000 description 1
Landscapes
- Stored Programmes (AREA)
Abstract
本发明提供了一种基于移动平台的应用开发架构,包括模型层、控制层、视图层和配置层,所述模型层将公用的组件以插件的形式放在模型层中,包括时间插件、弹窗插件、图形插件、下拉刷新上拉加载插件、滑动插件、省市区选择插件;所述控制层包括Web动态加载框架和模块化构建容器;所述视图层通过多分辨率、多尺寸移动终端界面适配技术,基于Bootstrap框架,无缝纳入平台的应用开发框架中;所述配置层与模块化构建容器紧密相连,通过对配置文件的详细设计,将框架的公共组件和业务开发的组件进行有效配置。本发明通过构建基于移动应用平台的开发框架,以模块化方式构建移动应用,并提供丰富的表单、图表等移动端常用界面,以方便业务应用开发。
Description
技术领域
本发明属于电力信息化技术领域,特别涉及一种基于移动平台的应用开发架构。
背景技术
随着移动互联网的迅猛发展,互联网开启了“Web2.0”时代,信息获得、传播和互动呈现出了多渠道、低成本、高效率的显著特征,社会整体信息化应用水平大幅提升,社会透明度和公众自我意识逐步增强。如何充分利用移动互联网技术提高企业管理水平和客户服务质量,成为电网企业信息化建设工作的一项重要课题。目前,常规的移动开发技术如基于标准的前端HTML5框架不能够实现动态加载,不仅导致了页面的错综复杂,还消耗了终端设备过多的流量和电量,不利于用户的体验。另外,这些框架编程不太灵活,而且耦合性高,尤其是涉及到展现处理、文件配置、库的读取等,缺少模块化开发方式。在终端适配方面,由于移动端尺寸多,不同终端需要单独匹配,以及不同分辨率需要适配等带来了各种问题,没有统一的标准和框架来制定,使得开发的代码量不断增多并且效率低下。同样,移动端缺少公共组件封装,导致开发周期长,可维护性低。
发明内容
本发明通过构建基于移动应用平台的开发框架,以模块化方式构建移动应用,并提供丰富的表单、图表等移动端常用界面,以方便业务应用开发,提高移动应用开发效率,缩短建设周期,降低建设成本。
本发明具体为一种基于移动平台的应用开发架构,所述基于移动平台的应用开发架构包括模型层、控制层、视图层和配置层;所述模型层确定移动端公用组件的封装,让开发人员无障碍的调用封装好的插件,移动业务应用直接复用,根据业务需求快速组合形成应用界面,基于模块化定义,将公用的组件以插件的形式放在模型层中,按照模块的按需加载进行动态调用,包括时间插件、弹窗插件、图形插件、下拉刷新上拉加载插件、滑动插件、省市区选择插件;所述控制层包括Web动态加载框架和模块化构建容器,所述模块化构建容器基于移动平台业务框架的模块进行分类,分为流程引擎模块、业务模块和页面模块,前端开发人员基于这几类模块的基础上能够自行定义子模块,并相互调用,各个模块的定义只需模块名称不同,然后在不同的文件夹、目录、方法里面调用,各个模块之间不会发生冲突行为;所述视图层作为人机交互的重要载体,通过多分辨率、多尺寸移动终端界面适配技术,基于Bootstrap框架,无缝纳入平台的应用开发框架中,同时使用框架中设置的默认字体;所述配置层与模块化构建容器紧密相连,通过对配置文件的详细设计,将框架的公共组件和业务开发的组件进行有效配置。
进一步的,所述时间插件基于触摸设备的日期和时间选择器,实现用户的友好体验,用户采用滑动选择方式自定义主题样式。
进一步的,所述弹窗插件用于将应用操作以窗口方式向用户弹出,提醒或警告用户操作;弹窗插件包括自定义对话、确认对话和模态框类型,支持跨平台,实现与主流移动浏览器统一的用户体进行显示。
进一步的,所述图形插件为用户提供多种交互图表可视化效果,包括折线图、柱状图、散点图、饼图、K线图、热力图、用于统计的盒形图、用于地理数据可视化的地图、用于关系数据可视化的关系图、多维数据可视化的平行坐标、用于商业智能的漏斗图与仪表盘,并且支持图与图之间的混搭;图形插件支持直角坐标系、极坐标系和地理坐标系,提供按需打包能力,将图形应用代码按需打包使用,降低网络交互流量。
进一步的,所述流程引擎模块当移动业务应用向服务端发起请求时,通过控制器对请求进行标识,形成流程管理器;在程序运行过程中,流程管理器自动执行程序,依照步骤进行操作,进而将业务应用所需页面反馈至终端;流程管理器能够对用户请求类型进行分类,且不同类型的请求有着不同的归类和执行不同程序,直至程序被全部执行后,流程引擎模块能够自动终止程序。
进一步的,所述业务模块的功能是实现业务流程的定义,不同的业务流程实现的是不同的功能,每个业务都包含多个交易,每个交易又包括若干个步骤;在业务模块中,业务用于实现web应用的业务逻辑、调用组件库、访问数据库功能,并定义输入输出页面模型,这些功能是在业务流程中的交易及步骤的实现类中实现;当业务被调用时,业务模块会调用业务中相应的交易,接着交易中的每个步骤都按顺序执行,最后由页面模板模型解析输出页面,并返回到客户端显示;当业务定义完成后,流程引擎会自动调用该业务;当一个请求将数据从客户端提到服务端后,业务流程引擎会根据业务标识与交易标识,调用相关的业务和交易,实现一个业务流程。
进一步的,所述页面模块对返回到客户端的页面进行解析,当成功调用一个业务流程后,流程引擎会将输出页面模板的实例从业务模块中取出,然后将一个页面模板引擎实例化,通过页面模板引擎将页面模板的实例进行解析。
进一步的,所述视图层基于Bootstrap提供的一套响应式、移动设备优先的流式栅格系统来开发,随着屏幕或视口尺寸的增加,系统会自动分为12列;栅格系统是通过一系列的行和列组合来布局页面,在创建好的布局中放入网页内容,行必须包含在容器中,以便为其赋予合适的排列和内补,内容必须放在列内,而且只有列能够作为行的直接子元素。
进一步的,所述视图层在基于bootstrap框架开发中,通过响应式开发方式使页面跟随移动设备不同尺寸浏览器而自行适应,动态的去调整布局结构、元素规格样式,将内容按照不同的格式呈现给使用不同设备尺寸的用户;样式表中设置了默认字体、样式,用于控制不同的展现形式,通过修改配置文件里面默认的加载顺序控制展现效果。
附图说明
附图1为本发明一种基于移动平台的应用开发架构的总体架构图。
具体实施方式
下面结合附图对本发明一种基于移动平台的应用开发架构的具体实施方式做详细阐述。
如图1所示,本发明基于移动平台的应用开发架构包括模型层、控制层、视图层和配置层;所述模型层确定移动端公用组件的封装,让开发人员无障碍的调用封装好的插件,移动业务应用直接复用,根据业务需求快速组合形成应用界面,基于模块化定义,将公用的组件以插件的形式放在模型层中,按照模块的按需加载进行动态调用,包括时间插件、弹窗插件、图形插件、下拉刷新上拉加载插件、滑动插件、省市区选择插件;所述控制层包括Web动态加载框架和模块化构建容器,所述模块化构建容器基于移动平台业务框架的模块进行分类,分为流程引擎模块、业务模块和页面模块,前端开发人员基于这几类模块的基础上能够自行定义子模块,并相互调用,各个模块的定义只需模块名称不同,然后在不同的文件夹、目录、方法里面调用,各个模块之间不会发生冲突行为;所述视图层作为人机交互的重要载体,通过多分辨率、多尺寸移动终端界面适配技术,基于Bootstrap框架,无缝纳入平台的应用开发框架中,同时使用框架中设置的默认字体;所述配置层与模块化构建容器紧密相连,通过对配置文件的详细设计,将框架的公共组件和业务开发的组件进行有效配置。
所述时间插件基于触摸设备的日期和时间选择器,实现用户的友好体验,用户采用滑动选择方式自定义主题样式。
所述弹窗插件用于将应用操作以窗口方式向用户弹出,提醒或警告用户操作;弹窗插件包括自定义对话、确认对话和模态框类型,支持跨平台,实现与主流移动浏览器统一的用户体进行显示。
所述图形插件为用户提供多种交互图表可视化效果,包括折线图、柱状图、散点图、饼图、K线图、热力图、用于统计的盒形图、用于地理数据可视化的地图、用于关系数据可视化的关系图、多维数据可视化的平行坐标、用于商业智能的漏斗图与仪表盘,并且支持图与图之间的混搭;图形插件支持直角坐标系、极坐标系和地理坐标系,提供按需打包能力,将图形应用代码按需打包使用,降低网络交互流量。
所述流程引擎模块当移动业务应用向服务端发起请求时,通过控制器对请求进行标识,形成流程管理器;在程序运行过程中,流程管理器自动执行程序,依照步骤进行操作,进而将业务应用所需页面反馈至终端;流程管理器能够对用户请求类型进行分类,且不同类型的请求有着不同的归类和执行不同程序,直至程序被全部执行后,流程引擎模块能够自动终止程序。
所述业务模块的功能是实现业务流程的定义,不同的业务流程实现的是不同的功能,每个业务都包含多个交易,每个交易又包括若干个步骤;在业务模块中,业务用于实现web应用的业务逻辑、调用组件库、访问数据库功能,并定义输入输出页面模型,这些功能是在业务流程中的交易及步骤的实现类中实现;当业务被调用时,业务模块会调用业务中相应的交易,接着交易中的每个步骤都按顺序执行,最后由页面模板模型解析输出页面,并返回到客户端显示;当业务定义完成后,流程引擎会自动调用该业务;当一个请求将数据从客户端提到服务端后,业务流程引擎会根据业务标识与交易标识,调用相关的业务和交易,实现一个业务流程。
所述页面模块对返回到客户端的页面进行解析,当成功调用一个业务流程后,流程引擎会将输出页面模板的实例从业务模块中取出,然后将一个页面模板引擎实例化,通过页面模板引擎将页面模板的实例进行解析。
所述视图层基于Bootstrap提供的一套响应式、移动设备优先的流式栅格系统来开发,随着屏幕或视口尺寸的增加,系统会自动分为12列;栅格系统是通过一系列的行和列组合来布局页面,在创建好的布局中放入网页内容,行必须包含在容器中,以便为其赋予合适的排列和内补,内容必须放在列内,而且只有列能够作为行的直接子元素。
所述视图层在基于bootstrap框架开发中,通过响应式开发方式使页面跟随移动设备不同尺寸浏览器而自行适应,动态的去调整布局结构、元素规格样式,将内容按照不同的格式呈现给使用不同设备尺寸的用户;样式表中设置了默认字体、样式,用于控制不同的展现形式,通过修改配置文件里面默认的加载顺序控制展现效果。
最后应该说明的是,结合上述实施例仅说明本发明的技术方案而非对其限制。所属领域的普通技术人员应当理解到,本领域技术人员可以对本发明的具体实施方式进行修改或者等同替换,但这些修改或变更均在申请待批的权利要求保护范围之中。
Claims (9)
1.一种基于移动平台的应用开发架构,其特征在于,所述基于移动平台的应用开发架构包括模型层、控制层、视图层和配置层;所述模型层确定移动端公用组件的封装,让开发人员无障碍的调用封装好的插件,移动业务应用直接复用,根据业务需求快速组合形成应用界面,基于模块化定义,将公用的组件以插件的形式放在模型层中,按照模块的按需加载进行动态调用,包括时间插件、弹窗插件、图形插件、下拉刷新上拉加载插件、滑动插件、省市区选择插件;所述控制层包括Web动态加载框架和模块化构建容器,所述模块化构建容器基于移动平台业务框架的模块进行分类,分为流程引擎模块、业务模块和页面模块,前端开发人员基于这几类模块的基础上能够自行定义子模块,并相互调用,各个模块的定义只需模块名称不同,然后在不同的文件夹、目录、方法里面调用,各个模块之间不会发生冲突行为;所述视图层作为人机交互的重要载体,通过多分辨率、多尺寸移动终端界面适配技术,基于Bootstrap框架,无缝纳入平台的应用开发框架中,同时使用框架中设置的默认字体;所述配置层与模块化构建容器紧密相连,通过对配置文件的详细设计,将框架的公共组件和业务开发的组件进行有效配置。
2.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述时间插件基于触摸设备的日期和时间选择器,实现用户的友好体验,用户采用滑动选择方式自定义主题样式。
3.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述弹窗插件用于将应用操作以窗口方式向用户弹出,提醒或警告用户操作;弹窗插件包括自定义对话、确认对话和模态框类型,支持跨平台,实现与主流移动浏览器统一的用户体进行显示。
4.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述图形插件为用户提供多种交互图表可视化效果,包括折线图、柱状图、散点图、饼图、K线图、热力图、用于统计的盒形图、用于地理数据可视化的地图、用于关系数据可视化的关系图、多维数据可视化的平行坐标、用于商业智能的漏斗图与仪表盘,并且支持图与图之间的混搭;图形插件支持直角坐标系、极坐标系和地理坐标系,提供按需打包能力,将图形应用代码按需打包使用,降低网络交互流量。
5.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述流程引擎模块当移动业务应用向服务端发起请求时,通过控制器对请求进行标识,形成流程管理器;在程序运行过程中,流程管理器自动执行程序,依照步骤进行操作,进而将业务应用所需页面反馈至终端;流程管理器能够对用户请求类型进行分类,且不同类型的请求有着不同的归类和执行不同程序,直至程序被全部执行后,流程引擎模块能够自动终止程序。
6.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述业务模块的功能是实现业务流程的定义,不同的业务流程实现的是不同的功能,每个业务都包含多个交易,每个交易又包括若干个步骤;在业务模块中,业务用于实现web应用的业务逻辑、调用组件库、访问数据库功能,并定义输入输出页面模型,这些功能是在业务流程中的交易及步骤的实现类中实现;当业务被调用时,业务模块会调用业务中相应的交易,接着交易中的每个步骤都按顺序执行,最后由页面模板模型解析输出页面,并返回到客户端显示;当业务定义完成后,流程引擎会自动调用该业务;当一个请求将数据从客户端提到服务端后,业务流程引擎会根据业务标识与交易标识,调用相关的业务和交易,实现一个业务流程。
7.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述页面模块对返回到客户端的页面进行解析,当成功调用一个业务流程后,流程引擎会将输出页面模板的实例从业务模块中取出,然后将一个页面模板引擎实例化,通过页面模板引擎将页面模板的实例进行解析。
8.根据权利要求1所述的一种基于移动平台的应用开发架构,其特征在于,所述视图层基于Bootstrap提供的一套响应式、移动设备优先的流式栅格系统来开发,随着屏幕或视口尺寸的增加,系统会自动分为12列;栅格系统是通过一系列的行和列组合来布局页面,在创建好的布局中放入网页内容,行必须包含在容器中,以便为其赋予合适的排列和内补,内容必须放在列内,而且只有列能够作为行的直接子元素。
9.根据权利要求8所述的一种基于移动平台的应用开发架构,其特征在于,所述视图层在基于bootstrap框架开发中,通过响应式开发方式使页面跟随移动设备不同尺寸浏览器而自行适应,动态的去调整布局结构、元素规格样式,将内容按照不同的格式呈现给使用不同设备尺寸的用户;样式表中设置了默认字体、样式,用于控制不同的展现形式,通过修改配置文件里面默认的加载顺序控制展现效果。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811366814.1A CN109725885A (zh) | 2018-11-16 | 2018-11-16 | 一种基于移动平台的应用开发架构 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201811366814.1A CN109725885A (zh) | 2018-11-16 | 2018-11-16 | 一种基于移动平台的应用开发架构 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN109725885A true CN109725885A (zh) | 2019-05-07 |
Family
ID=66294614
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201811366814.1A Withdrawn CN109725885A (zh) | 2018-11-16 | 2018-11-16 | 一种基于移动平台的应用开发架构 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109725885A (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110597510A (zh) * | 2019-08-09 | 2019-12-20 | 华为技术有限公司 | 一种界面的动态布局方法及设备 |
CN112987936A (zh) * | 2021-05-06 | 2021-06-18 | 北京新唐思创教育科技有限公司 | 一种互动处理方法、系统、装置、设备及介质 |
CN114706918A (zh) * | 2022-06-01 | 2022-07-05 | 杭州安恒信息技术股份有限公司 | 一种多类型数据库兼容方法、装置、设备、存储介质 |
CN115686291A (zh) * | 2022-12-29 | 2023-02-03 | 思创数码科技股份有限公司 | 图形化配置地图轮播弹窗的方法及系统 |
-
2018
- 2018-11-16 CN CN201811366814.1A patent/CN109725885A/zh not_active Withdrawn
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110597510A (zh) * | 2019-08-09 | 2019-12-20 | 华为技术有限公司 | 一种界面的动态布局方法及设备 |
CN112987936A (zh) * | 2021-05-06 | 2021-06-18 | 北京新唐思创教育科技有限公司 | 一种互动处理方法、系统、装置、设备及介质 |
CN114706918A (zh) * | 2022-06-01 | 2022-07-05 | 杭州安恒信息技术股份有限公司 | 一种多类型数据库兼容方法、装置、设备、存储介质 |
CN115686291A (zh) * | 2022-12-29 | 2023-02-03 | 思创数码科技股份有限公司 | 图形化配置地图轮播弹窗的方法及系统 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109725885A (zh) | 一种基于移动平台的应用开发架构 | |
AU2018236875B2 (en) | Graphical user interface that simplifies user creation of custom calculations for data visualizations | |
CN114035773B (zh) | 一种基于配置的低代码开发表单方法、系统及装置 | |
CN104881275B (zh) | 一种电子报表生成方法及装置 | |
CN105512139A (zh) | 数据可视化的实现方法及装置 | |
CN102637406B (zh) | 一种led显示设计系统及方法 | |
CN106873974A (zh) | 智能代码生成引擎系统及方法 | |
CN106469140A (zh) | 一种报表生成系统及其方法 | |
CN109710250A (zh) | 一种用于构建用户界面的可视化引擎系统及方法 | |
CN101146281A (zh) | 一种面向移动终端的创建图形用户界面模型 | |
CN106339363A (zh) | 一种ppt报告的制作方法和装置 | |
US12008013B2 (en) | Applying a visual analytics intent language to generate data visualizations | |
CN112527373A (zh) | 一种基于运行综合管理中心业务的可视化平台拓展方法 | |
CN111859053A (zh) | 一种可视化图表的数据定义方法及其实现图表库 | |
CN102819434A (zh) | 一种电力信息通信调度报表展现方法与装置 | |
CN111859886A (zh) | 一种基于产品原型界面的文档生成方法和装置 | |
CN102194402A (zh) | 一种应用于led显示屏图形控制的可编程装置 | |
US11567967B2 (en) | Applying a visual analytics intent language to infer ambiguous or underspecified intent | |
CN108197093A (zh) | 跨语言跨框架不限数据来源的可视化报表设计方法及系统 | |
CN110007907B (zh) | 一种动画执行方法及装置 | |
Tian | Application and analysis of artificial intelligence graphic element algorithm in digital media art design | |
CN116185381B (zh) | 基于微服务架构的云原生低代码构建方法、系统及应用 | |
CN103530122B (zh) | 一种基于图形界面的可编程仪器标准命令生成方法 | |
CN114327456A (zh) | 可复用的前端页面的生成方法、实施该生成方法的系统 | |
CN109445764A (zh) | 一种web页面动态加载方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WW01 | Invention patent application withdrawn after publication |
Application publication date: 20190507 |
|
WW01 | Invention patent application withdrawn after publication |