在TaskBuilder内打开学员管理项目前端文件里的add.tfp页面，下面以这个文件为例介绍一下数据添加页面如何实现前后端的数据交互。如果要将页面里输入项的数据提交到后台，需要将这些输入项都放到表单组件中，然后通过表单组件实现数据的统一提交，具体原理如

TaskBuilder常见页面前后端数据交互原理解析TaskBuilder主要用来开发数据库增删改查的应用，下面以第五章里创建的那个学员管理项目为例，介绍一下在常见的页面里怎么实现前后端数据交互。4.6.1数据列表页面前后端交互原理解析数据列表页面主要通过

TaskBuilderv1.3.46版发布，本次更新最关键的内容是可编辑表格组件进行了较大改动，包括整体界面风格更美观，顶部增加了专门的工具栏，提供了丰富的操作按钮，支持按上下左右键切换选中的单元格，还支持弹出数据表格选择数据，可以把选中的数据指定的字段值

TaskBuilder前后端通讯的数据格式用TaskBuilder开发的应用，前后端传输的数据都是JSON格式的。4.5.1前端页面向后台服务发送的数据格式前端页面通过“服务请求”组件发送给任擎后台服务的数据是JSON格式的，示例如下："service":

前面介绍了很多关于前端页面和后台服务的知识，那前端和后台到底是怎么通信的呢，下面给大家详细介绍一下，整体流程如下图所示：上图中各个环节的详细说明如下：1、前端页面通过“服务请求”组件向任擎服务器发送服务请求，指定要请求的服务路径，并提供相关的请求参数；2、

当以下事件发生时，可能会触发相关前端组件向后台服务发起请求：4.3.1页面加载时这种情况主要用于数据查询，在前端页面加载完毕后（页面静态内容渲染完毕），会自动判断页面里的每个前端组件是否设置了数据查询操作，如果设置了，则自动请求相应的后台服务进行数据查询，

TaskBuilder前端请求后台服务的方式在TaskBuilder的前端页面设计器的组件库里，有一个名为“服务请求”的不可视组件，它是前后端沟通的桥梁，前端页面都是通过这个组件来实现与后台服务的通信，在这个组件的属性里可以设置具体要请求的后台服务的路径，

任擎服务器支持支持以下三种静态文件：4.1.1纯静态文件纯静态文件是指存放在tasgine\web目录或其子目录下，可以直接在浏览器里加载或显示的文件，包括HTML文件、CSS文件、前端JS文件、图片、音视频文件等，客户端需要访问这种文件时，向任擎服务器发

在前端页面设计器内，点击底部的“CSS样式”选项卡，可以打开CSS样式设计器，在此查看和设计当前页面的CSS样式规则，如下图所示：3.3.6.1引入外部样式文件如果要在页面中引入外部CSS文件，可以点击CSS样式设计器左上角“外部样式文件”栏右边的加号按钮

在前端页面设计器内，点击底部的“JS脚本”选项卡，可以打开JS脚本编辑器，查看和设置当前页面的JavaScript脚本有关的内容，包括以下几个部分：3.3.5.1外部脚本引用如果在前端页面里需要用到外部js文件的功能，则可以点击JS脚本设计器左上角“外部脚