应用脚本

概述

在某些特定情况下，业务期望在用户进入应用或模块后需要在客户端执行javascript脚本。为解决这个问题，织信平台提供了由设计人员编写 javascript的选项，设计人员可以在应用设计器内编写 javascript 脚本，实现对获取客户端状态、DOM节点等只有在浏览器环境下才能实现的操作。平台提供了应用脚本和 模块脚本的设置能力以实现分块的概念。

特殊说明

应用脚本和模块脚本在客户端运行是，可调用系统的客户端脚本提供的函数。

使用前瞻

在使用应用脚本或模块脚本，需要设计人员了解javascript 的相关概念。对于不熟悉前端开发的人员，可通过学习

javascript相关概念

• 语法和数据类型
• 流程控制与错误处理
• 循环与迭代
• 函数
• 表达式与运算符
• 数字和日期
• 文本格式化
• 正则表达式
• 索引集合类
• 带键的集合
• 使用对象
• 使用类

平台实现

平台应用设计器支持对应用和模块进行独立的 javascript 样式设置。脚本用户进入应用或模块会自动挂载，用户离开应用或模块会自动卸载。

使用vconsole展示客户端状态数据

以下的示例利用vconsole库，监控客户端状态

var script = document.createElement('script');
script.id = 'vconsole';
script.src = 'https://unpkg.com/vconsole@latest/dist/vconsole.min.js';
document.head.append(script);
// 脚本加载成功
script.onload = function () {
    window.vconsole = new window.VConsole();
};

模块脚本

上手使用

var input = window.prompt('来自模块脚本的提示信息,请输入确认内容');
alert('你输入的内容是：' + input);

调用客户端脚本

informat.system.confirm({
    title: '模块调用客户端脚本',
    content: '客户端脚本执行中...',
    showCancel: true
}).then(function (confirm) {
    informat.system.toast('您点击了：' + confirm ? '确认' : '取消');
});