TaskBuilder创建客户信息列表页面

3.4.1选择页面类型
点击上面创建的customer文件夹右侧的加号，打开“前端资源创建向导”对话框，选中“数据查询TFP”，资源名称会自动设置为index，这里我们不用改。

点“下一步”按钮，会弹出下图所示的“创建数据查询TFP”的对话框：
3.4.2设置基本信息
在该对话框中，第一步需要设置页面的基本信息，包括以下选项：
保存路径：根据项目代码、所属文件夹和文件名自动生成，在此不能修改；
数据模型：要查询数据的表或视图对应的数据模型文件的路径，通过点击右侧的“选择…”按钮选择；
页面标题：页面打开后在系统标签栏内显示的标题，不能为空；
页面类型：支持普通页面和对话框两种类型，默认为普通页面；
窗口大小：用来设置对话框页面的宽度和高度，单位为像素（px），如果是普通页面，则不需要设置；
终端类型：用来设置访问当前页面的终端类型，目前支持电脑端、手机H5、任讯APP、阿里钉钉和企业微信这几种类型，默认为电脑端；
背景颜色：在此可以设置页面的背景颜色是深色还是浅色，以便决定页面内各个组件的样式，默认为浅色；
定位方式：在此可以设置页面里新建组件默认的定位方式，支持浮动定位和绝对定位两种方式，默认为浮动定位；
以上页面基本信息的各个选项的具体含义可以查看本文的第3.3.2小节“前端页面基本信息设置”里的详细介绍，这里就不重复讲解了。

另外，还可以设置以下参数：
是否启用翻页：默认启用，如果数据比较多，建议翻页，否则页面打开会很慢，还会造成服务器卡顿；
每页最多显示数据记录条数：只有启用翻页时，该参数才有效，默认为20条；
最多查询数据记录条数：用来设置整个查询最多查多少条记录，默认不限制；
是否去掉重复项：如果选中，则有多条记录所有字段的值都一致时，仅返回一条记录；
显示添加按钮：如果选中，则会在页面顶部工具栏显示添加按钮，点击后可以打开数据添加页面，该选项默认选中。在该选项后面，可以设置添加页面的文件名（默认为add.tfp）和页面类型（默认为抽屉页）；
显示修改按钮：如果选中，则会在列表内每行数据的最右侧显示修改按钮，点击后可以打开数据修改页面，该选项默认选中。在该选项后面，可以设置修改页面的文件名（默认为update.tfp）和页面类型（默认为抽屉页）；
显示删除按钮：如果选中，则会在列表内每行数据的最右侧显示删除按钮，点击后可以删除该行数据，该选项默认选中；
查询条件显示在页面左侧：如果选中该选项，则在该向导后续操作中设置的查询条件输入项会显示在页面左侧，如果不选中该选项，则默认会显示在数据列表上部的面板组件里，默认为不选中。如果查询条件比较多，建议选中该选项，否则查询条件所在面板组件可能会出现横向滚动条，影响美观和操作；
数据查询服务相关设置：用来设置使用数据查询后台服务的方式，可以选择是自动创建还是使用已有的服务，如果是自动创建，则可以设置后台服务返回的包含查询结果的响应参数名，默认为data；如果使用已有服务，则需要点击右侧的“选择…”按钮，选择要使用的后台服务；默认为自动创建；
数据删除服务相关设置：用来设置使用数据删除后台服务的方式，可以选择是自动创建还是使用已有的服务，如果使用已有服务，则需要点击右侧的“选择…”按钮，选择要使用的后台服务；默认为自动创建；
在上面的“创建数据查询TFP”对话框中，点击右上角数据模型输入框右侧的“选择…”按钮，会弹出如下图所示的“选择数据模型”对话框：

在该对话框中，默认会列出当前项目的所有数据模型，现在里面就只有一个我们前面创建的客户信息的数据模型（demo_sm_customer.tdm），点击所属项目列表可以查看当前任擎服务器上的所有项目，选中某个项目可以在下面的模型列表中显示这个项目中的所有数据模型，如果模型比较多，在关键字输入框中输入搜索关键字，点击“查找”按钮，可以查找符合条件的数据模型。
我们这里不需要切换项目，直接在当前项目的数据模型列表里点击客户信息这个数据模型，然后点“确定”按钮即可。
然后，在“创建数据查询TFP”对话框中，将页面标题设置为：客户信息管理，选中“查询条件显示在页面左侧”，其他选项都默认即可，不用修改，然后点击“下一步”按钮，可以看到如下图所示的查询字段设置界面：