一种跨平台和跨设备的移动应用构建方法
【专利摘要】本发明涉及一种跨平台和跨设备的移动应用构建方法，属于计算机【技术领域】。载体分为服务器端和客户端两部分，服务器端负责为客户端提供数据接口，客户端基于PhoneGap和Jquery mobile，构建一套用于客户端开发的MCP框架，实现跨平台的移动应用；通过在服务器端部署通用的接口提供组件，客户端采用MCP框架中的通用接口调用模块来实现完善的数据交互方案；客户端采用MCP框架支持的SQLite数据库来存储离线数据，以支持移动应用的离线使用功能；同时，MCP框架还支持页面布局、初始化数据、绘图以及滚动效果的通用方法。
【专利说明】一种跨平台和跨设备的移动应用构建方法
【技术领域】
[0001] 本发明涉及一种跨平台和跨设备的移动应用构建方法，属于计算机【技术领域】。
【背景技术】
[0002] 由于移动操作系统及移动设备类型的多样化，急需一种跨平台和跨设备的移动应 用构建方法来满足多样化的需求，以降低开发成本和提高开发效率。PhoneGap是一个开源 的开发框架，使用HTML，CSS和JavaScript来构建跨平台的的移动应用程序。它使开发者 能够利用iPhone，Android，Palm，Symbian，Blackberry，Windows Phone和Beda智能手机 的核心功能-包括地理定位，加速器，联系人，声音和振动等。Jquerymobile是由（MT) MediaTemple联合多家移动设备厂商以及软件企业共同发起的针对触屏智能手机与平板 电脑的website以及在线应用的前端开发框架。Jquerymobile构建于Jquery以及Jquery Π类库之上，为前端开发人员提供了一个兼容所有主流移动设备平台的统一Π接口系统， 拥有出色的弹性，轻量化以及渐进增强特性与可访问性。
【发明内容】
[0003] 为了克服现有技术的不足，本发明提供一种跨平台和跨设备的移动应用构建方 法。
[0004] 一种跨平台和跨设备的移动应用构建方法，基于PhoneGap和Jquery mobile，开 发一套MCP客户端使用框架，适用于使用HTML，CSS和JavaScript构建跨平台的的移动应 用程序，通过该框架构建的移动应用，可以满足多操作系统及多移动设备终端，提高计算机 软件开发特别是移动应用开发的效率。
[0005] -种跨平台和跨设备的移动应用构建方法，载体分为服务器端和客户端两部分， 服务器端负责为客户端提供数据接口，客户端基于PhoneGap和Jquery mobile,构建一套 用于客户端开发的MCP框架，实现跨平台的移动应用；通过在服务器端部署通用的接口提 供组件，客户端采用MCP框架中的通用接口调用模块来实现完善的数据交互方案；客户端 采用MCP框架支持的SQLite数据库来存储离线数据，以支持移动应用的离线使用功能；同 时，MCP框架还支持页面布局、初始化数据、绘图以及滚动效果等的通用方法。
[0006] 本发明的优点是能够满足移动操作系统及移动设备类型的多样化的需求，而通过 调用框架中的方法能够实现快速、准确的构建一套由HTML，CSS和JavaScript构建跨平台 的移动应用程序。
【专利附图】
【附图说明】
[0007] 当结合附图考虑时，通过参照下面的详细描述，能够更完整更好地理解本发明以 及容易得知其中许多伴随的优点，但此处所说明的附图用来提供对本发明的进一步理解， 构成本发明的一部分，本发明的示意性实施例及其说明用于解释本发明，并不构成对本发 明的不当限定，如图其中：
[0008] 图1跨平台移动应用容器架构。
[0009] 下面结合附图和实施例对本发明进一步说明。
【具体实施方式】
[0010] 显然，本领域技术人员基于本发明的宗旨所做的许多修改和变化属于本发明的保 护范围。
[0011] 实施例1 :如图1所示，一种跨平台和跨设备的移动应用构建方法，
[0012] 1)企业移动应用开发平台（MAP)为快速进行跨平台的移动开发提供完整的解决方 案，分为服务器端开发平台（MSP)和客户端开发平台（MCP)两部分；
[0013] 2)服务器端开发平台主要提供业务数据处理、客户端接口提供、常用工具集、系统 管理等功能模块；
[0014] 3)客户端开发平台主要提供页面构建、布局设计、控件扩展、插件扩展、数据存取、 常用工具、参数配置等功能模块。
[0015] 客户端组件列表如下：
[0016] MCP VLO组件列表
[0017]
【权利要求】
1. 一种跨平台和跨设备的移动应用构建方法，其特征在于载体分为服务器端和客户端 两部分，服务器端负责为客户端提供数据接口，客户端基于PhoneGap和Jquery mobile,构 建一套用于客户端开发的MCP框架，实现跨平台的移动应用；通过在服务器端部署通用的 接口提供组件，客户端采用MCP框架中的通用接口调用模块来实现完善的数据交互方案； 客户端采用MCP框架支持的SQLite数据库来存储离线数据，以支持移动应用的离线使用功 能；同时，MCP框架还支持页面布局、初始化数据、绘图以及滚动效果的通用方法。
2. 根据权利要求1所述的一种跨平台和跨设备的移动应用构建方法，其特征在于含有 以下步骤； 页面构建步骤； 页面构建主要提供页面模板、页面主题和页面初始化方面的功能，具体功能描述如 下： 1) 提供常见的页面模板，比如上中下布局、左右布局，便于开发人员参考或直接使用； 2) 提供数套页面主题，第套主题包括配色、控件样式和图标； 3) 提供页面初始化方法，实现布局解释、控件数据绑定、表单赋值、屏幕自适应、样式应 用步骤； 布局设计步骤； 布局设计用于辅助进行区域分块、自适应尺寸方面，具体步骤包括： 1) 盒子模型布局，支持按百分比的方式来进行区域分块，某个块内支持内容可以滚 动； 2) 网格模型布局，支持响应式布局，可按照当前页面尺寸，自动进行调整； 控件扩展步骤； MCP控件在Jquery Mobile控件的基础上进行扩展，添加部分控件，对现有部分控件进 行扩展，主要步骤包括： 1) 增加部分常用控件，包括时间选择、滚动控件、树形控件、表格、图形、视频播放； 2) 扩展部分控件，主要包括下拉框、单选框、多选框、列表视图、树形控件、表格，提供数 据绑定扩展和排序步骤； 数据存取步骤； 数据存取用于辅助开发人员进行数据存取相关的操作，主要包括如下步骤： 1) 支持采用Ajax的方法进行远程数据交互，提供缓存设置、内置参数设置步骤； 2) 为本地数据存储提供常用的方法支持，包括1^&〇13丨〇找6、1此08、111(1以 6(108; 3) 支持将表单数据映射到数据对象，将数据对象的值赋予表单上相应的控件； 数据同步步骤； MCP提供数据同步组件，根据相关配置自动进行数据同步操作，简化开发过程，主要步 骤包括： 1) 在后台系统提供相关配置步骤，有变更时不需要修改代码和发布新版本，同时便于 维护和扩展； 2) 支持设置先后先序、父子关系、动态参数的数据同步配置； 3) 采用差异化数据同步机制，减少数据交互量； 插件扩展步骤； MCP插件在PhoneGap插件的基础上进行扩展，主要步骤包括： 1) 扩展获取设备信息的插件，增加获取设备序列号的方法； 2) 扩展文档阅读器，提供与整体风格一致的用户界面； 3) 添加移动加密机插件，提供获取加密机信息和数据加解密的方法； 常用函数集步骤； 提供客户端开发中的常用操作和工具，主要步骤包括： 1) 网络状态检查，判断当前网络状态为无网、内外、外网、是否安全接入； 2) 数据格式转换，包括时间格式、字符串处理、html编码处理、xml和json处理； 3) 应用版本管理，包括应用当前版本信息、自动版本检测、版本更新下载； 4) 资源管理，包括脚本、样式、图片资源文件的动态加载和取消操作，辅助进行风格切 换； 参数配置步骤； 提供一个统一的基础参数配置入口，进行移动应用参数配置，主要步骤包括： 1) 配置当前应用的默认参数，包括主题、页面跳转效果、提示框模式； 2) 配置当前应用的后台访问地址，包括内网地址和安全接入地址； 后台业务配置步骤； 通过在后台进行业务配置，实现自动进行业务数据同步，主要步骤包括： 1) 业务系统配置，支持同时与多个业务系统进行数据交互； 2) 业务类别配置，支持同时处理某个业务系统下的多项业务； 3) 业务接口配置，支持WebService和Http两种类型的接口； 4) 业务同步参数设置，支持设置同步频率、业务类型配置、数据同步接口和参数、业务 处理日志；后台同步服务；数据定义、接口调用关系、同步日志；客户端接口服务；接口协 议、接口日志；常用工具集；数据格式转换、文件转移、图片处理；系统配置管理；组织机构 管理、用户管理、角色权限管理。
【文档编号】H04L29/08GK104426967SQ201310389157
【公开日】2015年3月18日 申请日期:2013年8月30日 优先权日:2013年8月30日
【发明者】靖小伟, 詹峰, 陈辉, 白玉群, 石浩田, 余键, 吴志锋, 张良, 李慧, 朱尚杰 申请人:中国石油天然气股份有限公司