TaskBuilder前端页面的内容格式（前端typescript）

TaskBuilder可以编辑的前端页面类型分为HTML和tfp（Taskmsg Front Page）两种格式，HTML格式只能用代码编辑器编辑，这种模式基本很少有人用，大家都用tfp格式，因为使用TaskBuilder向导创建的前端页面都是采用的tfp格式，而且这种格式可以可视化编辑，可以大幅提升开发效率，后续文档所说的前端页面默认都是指tfp格式的页面，除非有特定声明。

tfp文件的实际内容为JSON格式，里面包含当前页面的一些设置，包括页面类型、定位方式、终端类型、背景颜色、标题等，然后是各个组件的信息，包括编号、类型、属性、样式、事件等信息，另外，还包括页面的脚本、CSS样式、数据操作配置等信息。在前端页面设计器内，点击底部的“TFP源码”选项卡，可以查看当前页面的tfp代码，如下图所示：

上面的JSON代码是tfp页面 设计时 的代码，用来保存在TaskBuilder里设计该页面时设置的各种信息，以便每次用TaskBuilder打开该文件时，能根据文件里的内容生成设计时界面。当有客户端访问tfp页面时，任擎会判断在tasgine\web\dist目录内是否已经有该文件编译后的HTML文件，如果已经存在，而且创建时间晚于tfp文件的最后修改时间，则直接将该HTML文件的内容返回给客户端，否则，任擎会对该tfp文件进行编译，生成对应的HTML文件，并将该页面里各种组件所需的js和css文件的代码打包压缩后合并到该HTML文件中，然后将该文件的内容再返回给客户端，客户端（例如Web浏览器）进行加载和显示，这时候的代码称为 运行时 代码，在运行时，页面里的js脚本可以访问页面里的组件并进行控制，实现与用户的交互。