Nodejs_home的博客

预览tfp页面时，为了保证看到的是最新的内容，每次都会进行编译，在正式环境中，tfp页面只需要编译一次就会自动生成其对应的HTML文件，后续再有用户访问，会自动加载该HTML文件的内容，除非该tfp页面又进行了修改，否则不会每次有人访问都编译。在此可以继续修改完善该页面，选择各个组件，可以设置其样式、属性和事件，可以删除不要的组件，可以从左侧组件库中拖拽新的组件。目前这个客户列表页面暂时不需要改动。由于我们还没有添加客户信息，所以预览时，界面里的客户信息列表是空白的，下面将带领大家实现添加客户信息的功能。

一般来说，像客户信息这种基础资料，按默认的添加顺序排序即可，而对于销售订单、销售收款记录等这种单据类的列表页面，如果是列表显示所有客户的单据，那么建议按下单时间和单价编号倒序排列，最后下单的单据显示在最前面，这样单据多了后，可以优先看到最新的。排序条件设置界面如下图，在界面上部的排序字段里选择需要排序的字段，然后在右侧选择排序规则，然后点加号，即可添加对应的排序条件，这里为了演示，添加了一个按客户编号（id）字段正序排序的规则，其实，默认就是按该规则排序，不需要特地设置。按日期时间从后往前排序。

在上图的界面中，参数名 表示要传给后台服务的参数名称，参数类型 这里设置为 URL参数，表示要从当前页面的URL路径里获取该参数的值，参数值 表示这个参数在URL里的名称，如果与要传给后台的参数名一致，则可以不用设置。大家可以回顾一下前面介绍数据列表页面的实现原理时，就讲解了如何在数据列表里打开修改页面，并通过URL路径给修改页面传递当前行数据的id值，正是因为列表页传了这个id参数，修改页才能通过该id值查询对应的学员信息，并在执行数据修改操作时，也才能知道具体要修改哪个学员的信息。

采用这种架构，客户端和数据库之间增加了一个应用服务器，客户端不能直接连接数据库，如果客户端需要对某项业务的数据进行增删改查操作，需要先连接到应用服务器，并发送具体的操作请求和参数，应用服务器进行相关校验后，再连接数据库执行实际的增删改查操作，并把结果返回给客户端，然后就关闭与数据库和客户端的连接，也就是说，应用服务器与数据库和客户端之间都不会一直连接，而是用完就关闭，这种方式可以大幅提升整个系统的性能。另外，根据需求，还可以部署单独的消息服务器、身份认证和鉴权服务器等。支持操作权限管控，防止非法操作。

至此，我们就完成了一个简单的“学员信息管理”应用的创建，大家觉得是不是很容易，但不要骄傲，这只是一个非常简单的应用，在我们实际工作中需要开发的应用要远比这个示例应用复杂得多，而且，上面只是介绍了如何按照向导一步一步完成应用的开发，并没有详细介绍这些功能具体的实现原理，还需要大家跟着本教程继续学习。在该窗口中，先在左侧图标列表中选择适合当前应用的图标，然后在右侧设置背景颜色，然后再点击“图标颜色”，选中白色，然后点底部的“保存”按钮，即可完成应用图标的设置。应用开发完，并经过测试没有问题后，就可以发布了。

如果要删除学员信息，就在列表页面里，点击该学员信息所在行右侧的“删除”按钮，即可删除该学员。如果学员信息比较多，可以使用列表页面顶部的查询条件，按培训年份、期数、姓名和文化程度等条件查询。说明：预览时，服务器需要编译该页面的相关内容，会稍微有些慢，请耐心等待一下；正式运行时，服务器会缓存页面最后一次改动后编译的代码，不需要每次都编译，打开速度会很快。在该窗口内，左侧为页面预览区域，模拟显示页面的实际运行界面，右侧是浏览器的调试窗口，可以查看控制台输出、页面元素和样式等，方便开发调试。

（1）先点击“数据模型”输入框右侧的“选择…”按钮，在打开的对话框里选择前面创建的“xyxx.tdm”这个数据模型，点确定按钮。（2）在“页面标题”输入框内输入“添加学员信息”，其他选项默认即可，不用设置。whcd 文化程度 下拉列表 是 小学,初中,高中,大专,本科。sfzh 身份证号 单行输入框 是。dhhm 电话号码 单行输入框 是。xzc 行政村 单行输入框 是。qs 期数 单行输入框 是。bc 班次 单行输入框 是。xm 姓名 单行输入框 是。xz 乡镇 单行输入框 是。

SQL编辑区：在此可以编辑要执行的SQL语句，支持关键字高亮显示。点击上部工具栏里的“执行”按钮时，如果在编辑区内没有选中任何语句，则会执行整个编辑区内的所有SQL语句，如果选中了某一条SQL语句，则仅执行选中的这条语句。工具栏：在此可以选择要执行数据库操作的数据源（数据库），可以点击“执行”按钮执行SQL编辑区内的SQL语句。另外，使用该工具执行查询操作时，最多只返回1000条数据，不会返回所有数据，以免造成任擎服务器卡顿，如要查询或导出大量数据，请使用专门的数据库管理工具。

刚打开时左侧列表是空的，需要点击上部的选择按钮选择一个本地电脑的文件夹，才能在左侧列表里看到这个文件夹里的子文件夹和文件信息。可以双击列表里的文件夹进入该文件夹，可以点击上部的“返回上级”按钮退回到上级文件夹；可以点击“刷新”按钮重新加载当前文件夹的信息。在该工具的右侧，用来显示TaskBuilder当前连接的任擎服务器上的文件夹和文件信息，默认显示任擎服务器根目录的内容。点击该工具中间的上传按钮，可以将左侧列表里选中的文件上传到服务器上，点击下载按钮，可以将右侧列表中选中的文件下载到本地电脑上。

在此可以统一管理当前项目的微信小程序的相关资源文件，一个项目可以创建多个小程序，每个小程序里面又可以包含多个文件夹和wxfp文件，wxfp（WeiXin Front Page的简称）文件是TaskBuilder特有的一种文件格式，用来设计微信小程序的界面，支持在TaskBuilder中可视化编辑，可以与TaskBuilder开发的后台服务配合，实现完整的、基于C/S模式的、复杂的微信小程序应用。在此可以统一管理当前项目的数据表单，数据表单文件的扩展名为tdf（TaskMsg Data Form的简称）。

任讯内置标准的即时通讯功能，能实现组织内部的畅捷沟通，并且所有沟通记录在服务器端都会自动备份，管理员可以查询和导出，一旦出问题可以查证，即使员工离职也不会导致沟通记录丢失，做到安全可控。支持查看权限设置，可以设置指定的群组或人员在通讯录内具体可以查看哪些部门或人员，包括可以查看全部人员、可以查看本单位人员、可以查看本部门人员、可以查看领导、可以查看下属等选项。支持显示格式个性化设置，联系人列表内可以分别设置左侧、右侧、下部具体显示什么内容，可选的内容包括姓名、职务、手机号、集团小号、邮箱、个性签名等。

为此，TaskBuilder在底层架构层面，就进行了精心的设计，既可以通过组件化、向导化、可视化、模版化等多种手段，让软件开发变得更加简单，又通过采取多层分离的架构，将数据模型与业务分离、前端界面和后台服务分离、界面与逻辑分离，每一层都提供了功能强大的开发工具，可以进行细致精确的设计，而不是混杂在一起，遇到复杂的业务就无法灵活处理。而且，在此基础之上，为了最大程度地简化开发，又提供了基于“数据表单”和“快应用”这两种形式的零代码开发模式，可以满足不同技术基础的用户，大家可以根据自身需求进行选择。