工作

下拉框 下拉框数据来源有四种 预定义 SQL数据源 引用全局缓存 变量绑定 下拉框还有多选的选项，必填描述，有了必填描述后添加按钮进行校验，会提示必须选择，脚本命令如下 1ctl("c1").verify() C1指的是这个下拉框的父元素 还有一个属性，标签变量，可以绑定一个字符串的变量，这个变量绑定的是他的name字段，显示字段 下拉菜单 菜单项编辑可以选择图标，标签，命令号，状态变量默认显示的值 属性： 忽略记忆：设置是否记住上一次选择的值，否记住上一次选择的值，是不记住。 自动划开：鼠标放上去就会自动展开下拉框 标签 label标签常用来展示信息 属性： 换行方式：不自动换行-过长会省略，智能换行：会自动进行换行，遇到一些英文单词会自动换到下一行,强制换行：会强制进行换行，遇到英文单词会打散 格式化：字符串格式化,例：S(##**)，日期格式化,例：D(yyyy年MM月dd日)，数据格式化，例：N(###,###,###.00) 数字框 input输入框=>输入类型：数字 格式化 例：###,###.##;[$]###,###.## 必填描述 与多选框必填描述用法一致，脚本写法： 链接 属性： 编辑：选择图标，大小，颜色，方位，也可以选择选择以css代码块形式添加 链接配置：可以配置命令和标准链接 图片 属性： 模式：按比例缩放，拉伸铺满，原图 全景浏览 点鲲后可也全景预览图片 提示信息：鼠标放上去有提示信息 列表项 值变量 展示的数据 行距 分割线 文本框 占位提示 必填项校验 数据联想 右侧引导 正则表达式验证 存储过程调用 表格颜色公式链接

网址 练习-DEMO-登录 账号：Elite 密码：1 练习-DEMO - 管理台登录 账号：Elite 用户组：系统组 密码：1 NACOS - 管理台登录 账号：nacos 密码：Letmein_0308 虚拟vps配置 账号 账号：root 密码：Letmein_0308 启动服务器命令 service mysql start cd /apps/redis/redis-4.0.11/src/ ./redis-server ../redis.conf cd /apps/nacos/bin/ ./startup.sh -m standalone cd /apps/ngs2.6/ ./restart.sh cd /apps/groovy/ ./startup.sh 许可 11月（12.26-1.31）测试license，每种20个： 2 3AGENT： 4CEA5F8FECFC945E16F60A5B51136E6DC5E9C793D23D08D450BAD83C1D7C0F31C47B21E2A4EB8DAADA3B86926683919FF2BEB4BB2B9D1B0F0079753FCB88B52F5AFDAE914CA3140E3 5 6WorkOrder： 7CEA5F8FECFC945E16F60A5B51136E6DC5E9C793D23D08D450BAD83C1D7C0F31C47B21E2A4EB8DAAD7AFF61D85407098F916366E57A756BB1E7008258BC25100F448B4358E475651C 8 9Mobile： 10CEA5F8FECFC945E16F60A5B51136E6DC5E9C793D23D08D450BAD83C1D7C0F31C47B21E2A4EB8DAAD9F24AF1195E7D495A56EA68C684C520D4283D509A13DAE2C2FA6623B5A34C484 11 12WebChart： 13CEA5F8FECFC945E16F60A5B51136E6DC5E9C793D23D08D450BAD83C1D7C0F31C47B21E2A4EB8DAAD7AFF61D85407098F7E6274B9F4DCFE6EC26C056A621204D8BB917E3C68380DB9 14 15SoftPhone： 16CEA5F8FECFC945E16F60A5B51136E6DC5E9C793D23D08D450BAD83C1D7C0F31C47B21E2A4EB8DAADB11C5F203927D201BA117790B9564C4751DFC2BC5821FD7E3FEE390E59C1D15A 17 18CRM： 19CEA5F8FECFC945E16F60A5B51136E6DC5E9C793D23D08D450BAD83C1D7C0F31C47B21E2A4EB8DAADB11C5F203927D201DC3412A66C0F8B21DE287C6C4B9DF99DFFD3DDEDA806D847

组件容器 在开发过程中有一些页面重复性较高的元素，可以写成组件，这样直接调用即可。 提高效率，开发过程中用的较多。 新建组件文件夹=>创建测试文件夹=>创建组件 调用组件 点击component组件，一个compnoent组件只能调用一个组件 效果图： layout容器，可以调用多个组件 除了默认的布局还有多种布局方式 控件状态 一般的控件有三种状态：显示，隐藏，不可用 input输入框有四种：显示，隐藏，不可用，只读 可以设置状态变量的值来改变控件状态 消息框 消息框有五种 消息框 正确 警告 错误 询问 这里可以通过配置msg来达到其他消息提示的效果 1## 普通提示 2msg("消息提示",'',0) 3## 正确提示 4msg("消息提示",'',1) 5## 等同于 6info("消息提示") 7## 警告提示 8msg("消息提示",'',2) 9## 等同于 10warn("消息提示") 11## 错误提示 12msg("消息提示",'',3) 13## 等同于 14alert("消息提示") 询问提示框 1confirm("这是一个普通消息提示框", 2function(){ 3cmd("yes") 4}, 5function(){ 6cmd("no") 7} ) 弹出动态页面

练习 登录 => 辅助工具 => ve快捷菜单 NGS管理台 登录 => 拓展试图 => 动态页面设计 => oiiver 相对、绝对布局 html是流式布局，从左到右，从上到下的规则 相对布局是与父元素、兄弟元素有关，布局是从左到右，从上到下的 绝对布局是相对于父节点的绝对定位 从第一个从内而外不为静态的绝对定位元素开始 浮动 浮动分为左浮动和右浮动，元素会从左到右或从右到左依次排列 外边距、内边距 外边距（margin）是元素边框与相邻元素之间的距离 内边距（padding）是元素边框与元素内容之间的距离 弹性布局 弹性布局是一种自适应页面高度和宽度的布局方式 通过设置容器内的多个元素的弹性单位，实现页面布局的快速设计 分割窗 分割窗是类似弹性布局的组件 可以固定宽度和高度到指定范围，用处有限 侧边框 侧边框是在浮动层的设置中，将面板类型设置为侧边区，侧边位置可以设为任意 给浮动层绑定状态变量，并绑定按钮点击事件，脚本为：val(“var.state”,0)，表示将变量设置为0 抽屉（更多查询） 添加一个按钮，然后新建一个div容器，在其中添加想要显示的元素 给这个div的状态变量设置一个值，默认值为1 给按钮添加一个单击事件，脚本为：R.var.state == 1 ? 0 : 1 返回值绑定到声明的变量，选择创建的变量，确定 这样就成功创建了一个抽屉，用于显示一些不必要在页面上显示的值 子页面 子页面有两种创建方式： 第一种方式 新建一个页面，点击流程，创建一个新的节点，编辑节点并命名节点名称 创建另一个节点，编辑节点并命名节点名称 创建两个div，分别嵌套两个子页面 第二种方式 创建一个tab标签页，点击面板编辑，面板类型选择子页面 关联子页面，标签写想要在页面显示的标题，保存