移动端平板端开发 导出应用生成移动端APP 钉钉微信小程序

  • 移动端、平板端开发
APP开发
在移动端显示块中进行无代码拖放连线开发
完成样式调整及功能测试

 

  • 小程序连接处理,微信/钉钉接口接入
项目部署后链接提交至小程序审核处理 项目页面地址直接加入微信等应用的菜单

 

    • 导出APP,生成安卓apk安装文件直接使用
安卓官网下载安装Android SDK并配置 TERSUS导出项目为原生应用并选安卓平台
导出文件,更换图标res文件后重新导出 在bin文件夹中已生成安卓APK安装文件

 

  • 导出生成iOS资源包,二次处理并上传APP Store
TERSUS导出项目为原生应用并选iPhone平台 导出项目文件包
将项目文件包导入Xcode iOS开发工具 苹时应用商店申核通过即可下载使用

保留的元件名称 特定名称不可修改

保留的元件名称是系统底层处理的代码的一部分,系统开发过程中默认的带<>符号的元件或对象都是我们保留的名称/特指元件名称,程序运行时,这部分依WEB标准处理规范执行对应的处理功能。

  • 开发过程中,需注意:
1、带<>保留名称的元件/对象不可以修改本地名称,否则功能失效
2、如果一个处理逻辑或上级模型中有两个同样的保留名元件/对象,可以修改全局名/模块名称
3、可以自定义随时手动添加或修改保留名称(下图为输入类元件加一个普通行为处理元件并命名为<On Change>,当输入内容后执行一些逻辑处理如验证查询或计算)

 

  • 以下为开发中会用到的保留元件名称/特指元件名称:
行为处理及显示元件中的保留名称/特指元件名称
保留元件名称 使用元件/对象 父级模型 使用说明
<Mobile View> 最底层显示 系统最底层 默认在模板中放置,手机移动端显示的内容都在其中开发
<Desktop View> 最底层显示 系统最底层 默认在模板中放置,电脑端显示的内容都在其中开发
<Add Attachment> Button 按钮 富文本编辑器 富文本中添加按钮时用,需在web/settings.js中配置处理
<Footer> Group 组元件 Table 表格 其中放行元件,表格中正常行元件下面的显示内容部分
<Header> Group 组元件 Table 表格 其中放行元件,表格中正常行元件上部的显示内容部分
任意显示元件 Tree Item 树显示 放置树显示对象中要显示的元件
<Init> Process 行为处理元件 任意显示元件 在显示元件显示时预先执行其中的行为处理逻辑
<Insert Image> Button 按钮 富文本编辑器 富文本中添加按钮时用
<On Blur> Process 行为处理元件 任意显示元件 基于浏览器的鼠标或输入等离开显示对象时的处理事件
<On Browse> Process 行为处理元件 Input Fielddisplay 输入类元件 输入框点击时执行其中的处理逻辑
<On Change> Process 行为处理元件 Editable display 可编辑处理的显示元件 基于浏览器的鼠标或输入等离开显示对象时的处理事件
<On Click> Process 行为处理元件 Clickable display 可点击的显示元件 基于浏览器的对象点击的处理事件
<On Collapse> Process 行为处理元件 Tree Item 树显示 点击树元件中的收起图标“-”时的处理
<On Context Menu> Process 行为处理元件 任意显示元件 基于浏览器的用户点击右键时的的处理事件
<On Delete> Process 行为处理元件 任意显示元件 逻辑处理中显示行为元件Delete Element,?Display Actions/Close Window等执行后的逻辑
<On Double Click> Process 行为处理元件 Clickable display 可点击的显示元件 基于浏览器的对象双击的处理事件
<On Element Change> Process 行为处理元件 任意显示元件 非保留名称的对像/元件名变化时的逻辑处理
<On Expand> Process 行为处理元件 Tree Item 树显示 点击树元件中的展开图标“+”时的处理
<On Focus> Process 行为处理元件 任意显示元件 基于浏览器的的用户进入显示元件/对象的处理事件
<On Key Down> Process 行为处理元件 任意显示元件 与浏览器的获取事件参数一起执行用户按键后的<On Key Press>前的逻辑处理
<On Key Press> Process 行为处理元件 任意显示元件 与浏览器的获取事件参数一起执行用户按键后的<On Key Down>后的<On Key Up>前的逻辑处理
<On Key Up> Process 行为处理元件 任意显示元件 与浏览器的获取事件参数一起执行用户按键后<On Key Press>后处理逻辑
<On Leave View> Process 行为处理元件 系统最底层 用户转到另一显示块时的处理逻辑
<On Location Change> Process 行为处理元件 系统最底层 用户的页面地址发生变化时的逻辑处理
<On Login> Process 行为处理元件 系统/应用 用户登录系统后的处理逻辑
<On Logout> Process 行为处理元件 系统/应用 用户退出系统后的处理逻辑
<On New Session> Process 行为处理元件 系统/应用 用户操作中新的服务器对话产生时的处理逻辑
<On Message> Process 行为处理元件 Subscribe 订阅元件 订阅后的多对象返回逻辑
<On Mouse Down> Process 行为处理元件 任意显示元件 基于浏览器的对象点击的处理事件<On Click>前的处理逻辑
<On Mouse Move> Process 行为处理元件 任意显示元件 基于浏览器的鼠标移到的内容上的处理逻辑
<On Mouse Out> Process 行为处理元件 任意显示元件 基于浏览器的鼠标移出显示内容的处理逻辑
<On Mouse Over> Process 行为处理元件 任意显示元件 基于浏览器的鼠标在显示内容移动的处理逻辑
<On Mouse Up> Process 行为处理元件 任意显示元件 基于浏览器的对象点击的处理事件<On Click>后的处理逻辑
<On Orientation Change> Process 行为处理元件 <Mobile View>移动端显示块 用户将移动设备显示方向改变后的处理逻辑
<On Select> Process 行为处理元件 Menu Button 菜单按钮 用户点击菜单按钮选项后的处理逻辑
Process 行为处理元件 Tabbed Pane中的分页显示元件 用户点击页面对应的标签时的处理逻辑
<On Session Timeout> Process 行为处理元件 系统/应用 用户操作中新的服务器对话结束时的处理逻辑
<On Sort> Process 行为处理元件 Table 表格 用户点击表格中可排序的列时的处理逻辑
<On Touch End> Process 行为处理 任意显示元件 用户触摸操作结时抬起手指的处理逻辑
<On Touch Move> Process 行为处理元件 任意显示元件 用户触摸操作时移动手指的处理逻辑
<On Touch Start> Process 行为处理元件 任意显示元件 用户触摸操作时开始时的处理逻辑
<Welcome> Process 行为处理元件 系统最底层 一个新的系统/服务启动时的逻辑处理
<On [Custom Event Name]> Process 行为处理元件 任意显示元件 自定义的处理,用于对独立的元件对象的处理逻辑,一般是Display Actions/Fire Event来触发的

 

数据类型对象/变量中的保留名称/特指元件名称
保留元件名称 数据对象类型 父级模型 使用说明
<All Columns> Text 文本/字符串 Table 表格 表格中将表头信息用逗号分开存放一个变量,旧模板中用
<Caption> ?Text 文本/字符串 任意显示元件 存放任意显示元件标题的变量,可以将名称传给它
<Checked> Boolean 布尔值 Check Box / Radio Button 勾选或选择 勾选时的状态值,注意未勾选则为空值,在开发中可用查看是否有值Exists来做预判
<Col Span> Number 数字数据 任意显示元件 变量,其中的值来确定当前显示元件占据几列显示位置
<Currency Position> Number Display 数字显示元件 货币符号相对于数字显示的位置
?<Currency Symbol> Number Display 数字显示元件 货币符号
<Current Content> Anything 任意数据 Variable Pane 动态显示的块 动态显示块当前显示内容的对象变量
<Decimal Places> Number 数字数据 Number Display 数字显示元件 定义显示小数位数的变量
?<Direction> Text 文本/字符串 任意显示元件 存放’ltr’/’rtl’值的变量,ltr:left to right 文字左到右显示,反之rtl
<Disabled> Boolean 布尔值 禁用元件逻辑的变量
<Done> Nothing (exit) 空值输出 任意行为处理 是逻辑处理等完成后的输出接口,但是没有值传出
<Empty Option Text> Text 文本/字符串 Chooser 选择元件 如果选择元件没有选值,就取这个变量值
<Expandable> Boolean 布尔值 Tree Item 树显示 变量来定义是否显示树对象中的展开/收起图标
<Expanded> Boolean 布尔值 Tree Item 树显示 显示树对象中的展开/收起状态值
<HTML Text> Text 文本/字符串 富文本编辑器 富文本编辑器中存放编辑的超文本内容的变量
<Height> Text 文本/字符串 Number 数字数据 任意显示元件 存放显示对象的宽度,带单位
<Hidden Columns> Text 文本/字符串 ?Table 表格 表格中将列信息用逗号分开存放一个变量,这些列默认不显示
<Image Path> Text 文本/字符串 Nenu Item 菜单中项目
<Labels> Map 键值对数据 系统最底层 一个标签标题键值对的变量
<Max Length>
<Options> 任意类型 Chooser / Menu Button 选择/菜单按钮元件 存放选项的值的变量
<Path> Text 文本/字符串 Image 图片 存放要显示的图片地址的变量
<Read Only> Boolean 布尔值 任意显示元件 一个布尔值存放变量,放“是”值时,显示元件只可读不可编辑
<Resources> Map 键值对数据 系统最底层 图片和超文本地址信息存放的键值信息结构的变量
?<Row Span> Number 数字数据 任意显示元件 变量,其中的值来确定当前显示元件占据几行显示位置
<Screen X> Number 数字数据 任意显示元件 存放父对象水平方向的位置值的变量
<Screen Y> Number 数字数据 任意显示元件 存放父对象垂直方向的位置值的变量
<Selected HTML Element> 富文本编辑器
<Selected HTML Text> 富文本编辑器
?<Selected Item> Tree Item 树显示项目 Tree 树显示 存放当前显示树项目的变量
<Selected Pane> 任意类型 Tabbed Pane 分页显示元件 当前所显示分页存放的变量
<Selected Row> Row 行数据 Table 表格 当前选中的行对象存放的变量
<Sort Order> Text 文本/字符串 Table 表格 当前排序的规则的存放变量
<Style Class> Text 文本/字符串 任意显示元件 存放当所在显示元件的样式类的变量
<Style> Text 文本/字符串 任意显示元件 存放当所在显示元件的样式标签与值信息的变量
<Tooltip> Text 文本/字符串 任意显示元件 显示鼠标移动到显示元件上时出现的提示信息的变量
<Use Thousands Separator> Number Display 数字显示元件
<Valid Values> Structure 数据结构 系统最底层 用复杂表格生成方式处理后的表格的各参数值存放对象
<Validation Message> Text 文本/字符串 任意显示元件 可以将提示信息放入显示元件中此变量,在操作时会浮动显示此提示信息,如果html.validate属性值为true,则弹出提示信息且不执行其他处理
<Value> 任意类型 Editable / read-only display 可编辑或只读显示元件 存放显示元件的值
<Visible> Boolean 布尔值 任意显示元件 存放是否显示元件的值,如果为“否”,则元件及其子元件均不显示,但子元件的值不改变
<Width> Text 文本/字符串 Number 数字数据 任意显示元件 存放显示对象的高度,带单位

元件/对象属性 如权限格式属性等

开发过程中,可以对元件进行属性定义,除常用的样式属性(参考样式设计)外,还可以按需求设定更多属性,这些属性包括系统属性、显示元件属性、和库表字段数据对象的属性。

一般系统中常用属性是权限定义属性,其他均不常用。

  • 开发对象属性设定方式:
选中要设定属性的对象,点击添加属性按钮,输入属性名,输入属性值

 

  • 全局属性列表:

全局属性是对元件/模型对象的全局属性值定义,一次定义后,全部同一元件/模型的所有同一对象(包括复用的)都有同样属性(属性值中的Shared值)

属性名 应用对象 可选值 说明
authenticationMethod 系统 ‘None’ / ‘JDBC’ / ‘NTLM’ 是否用简单的Tomcat权限管理管理,只对开发平台有效,部署时不处理,一般用项目文件夹的Configuration.XML文件来定义
clientSideDatabase 系统 ‘server’ / ‘local’ 设定为Local后,非服务器端处理的数据库操作都指向浏览器或本地自带存储中,所有服务器端数据库操作任何时候都处理至配置的数据库
dataSource Database record 数据库记录 / 系统最底层 Configuration.xml / context file中定义的数据源名称 用此来替代配置文件中设定的默认数据源
format Atomic data types 源数据类对象 按数据类型 日期型的参考JAVA日期格式,比如:yyyy-MM-dd
javascript.constructor 任意用户端元件/模型 JS库类名称 生成用户端模型对象
maxLength Atomic data types 源数据类对象 整数数字 存储时可放的最大字符长度
oldCssExclude 系统 ‘all’ / ‘mobile’ all是旧的CSS内容不全部不用;mobile值时,mobile只用于<Mobile View>,旧的样式依然用于<Desktop View>,此属性用于旧框架
requiredPermission 任意元件/对象 权限名称/任意字符 只有有这个名称授权的用户才能看到/使用对应的模型/对象
serviceTimeout 最上级的服务器行为元件 整数数字 处理行为可以执行的最大时长(秒),超过这个时长不再处理,已处理部分自动回滚
tableName Database record 数据库记录 数据库表名称 数据库记录要指向的库表名或视图名,缺失时,使用模型/对象名
tableType Database record 数据库记录 参考MySQL文档 MySQL用,用于确认数据库记录指向的库表类型
value 常数/常量 依数据对象 常数/常量的值
html.adjustBottom Split Pane 分栏显示 ‘true’ / ‘false’ true值使分栏显示的下界与屏下界一致,高度全屏处理
html.adjustBottomMargin Split Pane 分栏显示 像素数字值 分栏显示的下界与屏下界的距离,注意不需放置单位px
html.allowHTMLTags Text Display 文本显示, Pane 显示块, Generic HTML Display 超文本显示 ‘true’ / ‘false’ 对像值<Value>中的超文本中Tags标签是去除的,如果True,则显示带Tags标签全部超文本
html.applicationTitle 系统 任意字符的名称 如果不定义,则直接用系统模型名称
html.borderWidth Split Pane 分栏显示 像素数字值 分栏元件外边框线宽度,注意不需放置单位px
html.bottomPaneHeight Vertically Split Pane 垂直分栏显示 像素数字值 垂直分栏下显示块的高度,注意不需放置单位px
html.caption Label 标签, Button 按钮, Checkbox 勾选框, Radio Button 圆形选框, Table 表格, Field (Mobile) 区块, Page 页面/弹窗 任意字符的名称 对象标题/名称
html.compactNavigationTabs 系统 ‘true’ / ‘false’ 分页导航如果用户设定权限后只显示一页时,True值下不显示分页导航块,反之
html.contentHeight Table 表格 html/css样式值 表格中可滚动显示的内容区的高度,旧模板中表格有效
Tabbed Pane 分栏显示 html/css样式值 分栏显示中内容显示块的可滚动显示的内容区的高度
html.contentWidth Table 表格 html/css样式值 表格中可滚动显示的内容区的宽度,非新移动模板中有效
html.currencySymbol Number Display 数字显示 字符 定义对象的货币符号字符
html.customNavigation 系统 ‘true’ / ‘false’ True值时只显示授权的第一个页面,其他显示内容需单独定义显示逻辑
html.decimalPlaces Number Display 数字显示 整数数字 小数显示的位数(-1为无限制)
html.height 大部分显示元件 html/css样式值 显示元件的高度
html.icon page 页面 字符 放置图标的路径
html.leftPaneWidth Tabbed Pane 分栏显示 像素数字值 分栏显示中左侧显示块的高度
html.maxLength Input Fields 输入类对象 整数数字 可输入的字符的最大长度
html.paddingWidth Split Pane 分栏显示 像素数字值 分栏显示中的边距
html.selectable Table 表格 ‘true’ / ‘false’ 定义表格的行是否可选定
html.size Input Fields 输入类对象 字符个数 超文本内容对象的长度
html.showCaption Table 表格 ‘true’ / ‘false’ 定义是否显示表格名称
html.showHeadings Table 表格 true’ / ‘false’ 定义是否显示表格头名称
html.showPercentage Number Display 数字显示 ‘true’ / ‘false’ 是否显示为百分比
html.sort Table 表格 ‘single’ / ‘multiple’ 是否进行表格按列的头部点击排序处理,非新移动模板中有效
html.src Image 图片 字符 图片路径
html.styleClass 大部分显示元件 字符/样式类名称 在样式文件中预定义的样式类名称,多个类名空格间隔
html.targetWindow Popup 弹窗 字符 (窗口名称) 窗口名称,_blank 为新窗口
html.templatePath Embedded HTML 超文本 URL 路径 超文本模板文件的相对路径
Popup 弹窗 / Dialog 窗口/ Pop-in 弹窗 URL 路径 超文本模板文件的相对路径(如 popup.html 替代 Popup 默认模板)
html.textDirection 系统 ‘rtl’ / ‘ltr’ 文本显示从右到左或是从左到右
html.textTranslation 大部分显示元件 ‘true’ / ‘false’ 定义是否翻译此显示元件
html.useThousandsSeparator Number Display 数字显示 ‘true’ / ‘false’
html.width 大部分显示元件 html/css样式值 显示元件的宽度
html.windowHeight Popup 弹窗,Dialog 页面 像素数字值 显示对象的窗口高度,注意不需放置单位px
html.windowOptions Popup 弹窗 字符 弹窗参数
html.windowWidth Popup 弹窗,Dialog 页面 显示对象的窗口宽度,注意不需放置单位px
html.zebraTable Table 表格 ‘true’ / ‘false’ 为表格支持不同行交叉色显示
html.wrapperStyleClasss 大部分显示元件 字符/样式类名称 wrapper tag的样式类
html.wrapperTag 大部分显示元件 字符/超文本标签 HTML超文本标签替换之前元件对象

 

  • 本地对象属性列表:

本地对象属性只对某一元件/模型的当前特定对象的属性进行定义(属性值中的local值)

属性名 应用对象 可选值 说明
mandatory Slots 接口元件 / Data elements?变量对象 ‘true’ / ‘false’ 定义对象必须有值/内容/输入,可右键选定必须有或可为空
repetitive 任意元件 ‘true’ / ‘false’ 定义是否是个复数多对象
alwaysCreate 任意显示元件 ‘true’ / ‘false’ 父层对象生成时是否自动生成,如果默认为’false’,需要逻辑中用Collections/Create来生成
columnName Data elements 数据库字段元件 字符/数据库命名 数据库字段对应名称,缺失时以元件名处理
columnSize Data elements 数据库字段元件 数字 字段长度,可参考DB2数据库中的AS40定义
columnType Data elements 数据库字段元件 字符/类型名称 数据库字段数据类型,可参考DB2数据库中的AS40定义
defaultValue Data elements 数据库字段元件 Anything 任意值 如果非空(mandatory值定义为’true’)则在处理记录没有值传入时用此默认值
databaseGenerated Data elements 数据库字段元件 ?’true’ / ‘false’ 定义数据库字段值在记录生成时是否自动由数据库生成值
excludeFromFieldName Data elements 数据库字段元件 ‘true’ / ‘false’ 定义是否按下级元件来去掉名称中的字符
nullable Data elements 数据库字段元件 ‘true’ / ‘false’ 定义数据库字段值非空与否
primaryKey Data elements 数据库字段元件 ‘true’ / ‘false’ 定义字段是否属主键
html.cellStyleClass 表格行元件中的显示元件(td标签) 字符/样式类名称 定义表格元件中显示元件(td标签)的样式类
html.cellWidth 表格行元件中的显示元件(td标签) html/css样式值 定义表格元件中显示元件(td标签)的宽度
html.colSpan 表格行元件中的显示元件(td标签) 整数数字 表格中合并列
html.rowSpan 表格行元件中的显示元件(td标签) 整数数字 表格中合并行
html.sortable 表格行元件中的显示元件 ‘true’ / ‘false’ 定义是否表格信息可以由此列进行排序
html.sortColumnName 表格行元件中的显示元件 字符/列名称 用列名来处理<Sort Column>

可随意接入第三方插件 可定制接入第三方接口

  • Echarts库接入生成图表
1、引入 ECharts 库文件
用 script 标签引入JS库文件(可联网项目) 库文件放于项目文件夹(本地部署项目)
2、JS生成
参考官方文档 生成JS文本并运行
3、运行生成图表

 

  • JS方式接入LODOP专业打印功能
1、引入 ECharts 文件
用 script 标签引入JS库文件(可联网项目) 库文件放于项目文件夹(本地部署项目)
2、JS函数处理
JS文件中打印函数定义 运行打印函数
3、打印标签报告报表

 

  • JAVA接口调用接入短信发送
1、生成JAVA接口调用文件包
JAVA接口函数参数设定 生成JAVA包并放入项目文件夹
2、调用接口函数发送信息逻辑设计
3、发信功能测试

 

  • 地图API接入(百度地图为例)
1、引入库文件
审请用户AK 用 script 标签引入JS库文件
2、JS生成
参考官方文档 JS文本引入参数并运行
3、运行生成图表