泛微移动建模引擎培训教程(一)基础知识

泛微移动建模引擎教程示例
仅限阅读 请勿传播
当您阅读本方案时，即表示您
同意不传播本方案的所有内容
泛微移动建模引擎培训教程
Tutorial for Mobile Modeling Engine (一) 基础知识
版本
1.说明
移动建模的核心是将移动应用的开发过程可视化，降低开发成本，缩短发布周期，并实现一次构建跨平台运行的目标。

为了帮助大家更好地掌握相关配置、开发技术知识，我们编写了本实战教程。

本教程主要针对项目、开发人员设计，讲解移动建模基础知识，侧重案例实战，难度由浅至深，结合实例从头至尾讲解移动应用的整个搭建过程。

内容包括核心插件、函数的使用，扫码、巡检类应用的搭建，以及应用的发布等。

希望本教程能够帮助大家快速掌握移动建模，并运用到实际工作中。

2.建立应用
部署移动建模功能包（非标）后，在e-cology后端引擎应用中心里会显示“移动引擎”菜单。

第一步点击左侧“+”图标新建一个应用，配置应用的基本属性，包括名称、图标、显示顺序等。

此处配置的属性并不是最终显示在手机端的名称与图标，发布到e-mobile与微信企业号(服务号)时需要在e-mobile server与云桥中重新设置。

鼠标右健点击应用，可以对建立的应用进行编辑、发布、下架、删除、导入导出、使用样式等操作。

此处的发布与下架指的是发布到e-mobile server，而不是app store或者google play。

通过移动建模构建的移动应用并不会生成独立的iOS APP或者Android APP，这些移动应用在构建完成后需要发布到e-mobile、微信、钉钉或者其它Hybrid（混合）模式APP中使用。

具体发布方法请参考《泛微移动建模引擎培训教程(二)应用发布.docx》
3.添加模块
模块即表单建模中配置的模块。

移动建模本身不包含后端业务逻辑的配置，移动应用中使用的数据、功能逻辑需要表单建模或者第三方系统接口、数据库提供支撑。

您可以将表单建模中配置好的查询列表与布局添加进来。

添加查询列表后，在制作移动应用时，可以将“列表”插件的数据源与其进行绑定。

添加布局后可以直接生成对应的移动端新建、编辑、查看页面。

（目前这类直接生成的页面不是自定义页面，不能摆放插件，后续版本将会支持。

）
4.使用自定义页面
一个移动应用通常包含多个页面，通过在页面上放置菜单、按钮、链接实现这些页面之间的跳转关系，组成完整的应用，如常见的列表页面、查询页面、卡片页面等。

移动应用的设计过程都在自定义页面上完成，可以将自定义页面理解为一个容器，在其中放置一个或多个插件来实现需要的功能。

右键点击自定义页面显示相关菜单，“复制ID”可以获取该页面的ID，在一些脚本或链接跳转时会使用到。

“复制页面”可以在当前应用下创建一个相同的页面，通常用于类似功能页面的创建。

“转移页面”可以将当前页面转移到其它应用中。

“初始化页面”可以在新建空白自定义页面后，使用页面模板进行初始化，模板中配置好的插件都会复制到该页面中。

“设为首页”即将当前页设置为该应用首先进入的页面，一个应用只能设置一个首页。

使用鼠标点击某个页面并进行拖拽，可以调整该应用的自定义页面显示顺序。

点击设计器右上角的图标，可以配置当前页面的一些全局选项，如页面加载时需要执行的动作等。

5.使用插件
插件是构成移动应用的最小部件，每个插件一般都包含UI配置以及与后端数据、接口交互的配置。

与PC 端门户模块中的元素（Portlet）类似。

逻辑关系为移动应用> 自定义页面> 插件。

设计器上方的工具栏显示所有您当前已经安装的插件，在制作应用时将需要的插件拖拽到自定义页面中。

可以在手机布局中继续拖动插件调整位置，鼠标移至插件上方右侧会出现删除按钮，点击可移除不需要的插件，点击保存后不可撤销。

手机布局右侧是当前选中插件的属性面板，可以在面板中对该插件的选项进行配置。

所有插件的使用说明请参考《泛微移动建模引擎培训教程(三)所有控件说明.docx》
您也可以自行开发插件，扩展至插件库，具体请参考《E8移动建模引擎插件开发指南V1.0》
6.使用函数
对于一些无界面的功能我们提供了各种函数供大家调用，比如调用移动设备摄像头扫码，执行刷新动作，或者是与服务端进行交互的ajax等。

这些函数通常在按钮插件、HTML插件或者是页面动作中编写使用，可以帮助您使用非常少的代码实现特定功能。

点击左侧脚本库中的任一函数，弹出窗口中会给出参数说明与具体的使用示例。

所有函数的使用说明请参考《泛微移动建模引擎函数库使用说明V1.0_20150831.pdf》
7.使用风格模板
移动建模构建的应用基本上是通过HTML5与CSS3来实现前端UI，每个应用可以使用统一或者独立的样式风格，这些样式可以定义成为模板重复使用，支持导入导出。

样式调用的优先级别为：默认样式< 使用的模板< 自定义页面中定义的样式。

右健点击左侧的应用列表，选择“皮肤”，在弹出窗口中会显示所有已安装的模板。

选择需要使用的模板并保存，样式即被引用到移动应用中。

您也可以点击右上角的“皮肤管理”，对已有模板进行编辑、导出、样式定义等操作。

（完）。