K3 Cloud 5.0移动开发平台指南_出差申请单.docxVIP

目录一.总体概述21.1 出差申请列表21.2 出差申请详情2二. 单据设计32.1 新建单据32.2.1 登陆设置32.2.2 系统视图42.2.3 新建单据52.2 选择模板62.3 界面设计62.3.1 配置来源单据62.3.2 列表界面设计72.3.4 详情界面设计82.3.5 查看详细信息92.3.6 设置背景颜色102.3.7 添加自定义图标112.4 元数据12三. 插件编写12四．发布13五．结果展示14六．注意事项156.1 布局156.2 插件166.3 分割线176.4 查询字段17一.总体概述K3 Cloud移动出差申请单，方便用户随时随地查看自己出差申请费用报销情况、申请单审核情况，通过K3 Cloud移动平台能够快速设计、发布移动单据。1.1 出差申请列表列表显示用户出差申请单列表信息，包括：日期、事由、报销金额、审核状态等重要信息，状态图标根据单据状态不同展示不同图标，效果一目了然。思考：1. 如何仅显示日期中的月和日（如：8.29）？ 2. 如何根据日期显示对应的星期（如：8.29下的周五）？ 3．不同状态的字体颜色不同如何设置（如：“已审核”为红色，“创建”为绿色）？ 4．状态图标如何设置？ 5．字体间距如何控制？ 1.2 出差申请详情详情页面展示详细的出差信息，包含：借款金额、出差事由、出发地、目的地、开始日期、结束日期、费用项目、费用承担部门等信息。思考：1. 背景颜色如何设置（如上图中蓝色）？ 2. 个性化的小图标如何添加（如上图中的小箭头）？ 3. 如何添加一条分割线？ 二. 单据设计2.1 新建单据 2.2.1 登陆设置首先，设置好服务器地址，选择本地服务可以输入http://localhost:1200/，选择K3cloud服务器如下图输入：50/k3cloud/ 。其次，选择目标数据中心，输入正确账号和密码，登陆BOS IDE。 2.2.2 系统视图登陆BOS IDE之后，在系统视图界面中选择“基础管理”业务领域下“移动平台”子系统，点击“确定”打开选中的子系统。2.2.3 新建单据 新建一个空白对象(Ctrl + N)，选择移动单据，输入业务对象名称，需要注意的是，如果不勾选“随机产生业务对象编号”，开发人员可以根据开发规范输入统一的业务编号，如BOS_MyScheme_Test01，否则系统会随机产生一个GUID默认标识。(新建的单据并不会马上在视图右侧的【项目】中显示，只有保存表单修改后，才会在相应领域节点下中显示业务单据)2.2 选择模板 BOS IDE内置了几个标准模板，如果用户设计的单据和模板类似，可以选择相应模板，稍加修改便可直接使用。此处为了演示我们直接选择空模板，方便我们自定义界面布局。2.3 界面设计 2.3.1 配置来源单据 新建一张单据之后，首先是要配置来源单据，单据显示的信息最终来自来源单据中。在弹出的窗体中选择“出差申请单”作为来源单据。2.3.2 列表界面设计列表是用于显示多条类似的数据，我们只需要设计一行数据布局即可，绑定数据之后系统会自动为其他行数据以同样的方式展示。在设计界面时，如果来源单据中的字段需要直接显示在界面，我们可以选中相应字段之后，直接拖拽至设计页面（例如：下图中的“单据状态”）；如果显示信息需要由来源单据中字段转换而来（例如：下图”02.25”日期由申请日期转化而来），或者需要由其他字段计算得到的结果（例如：下图中的“周二”），我们先在布局界面中添加一个Lable标签进行占位，再在插件中赋值。 2.3.4 详情界面设计详情界面同上设计2.3.5 查看详细信息 列表页面只是显示了少量的重要信息，具体的出差申请信息在详细页面中显示，而我们发布时设置为列表类型，所以只能通过列表页面跳转到详情页面，此时我们需要为列表配置点击操作，具体实现如下：在业务对象属性栏中点击“列表双击事件”在弹出的窗体中点击“新增操作”在弹出的窗体中点击“新增”在弹出的操作编辑窗体中选择“查看”操作确认，保存，操作配置成功，此时点击列表便可跳转详情页面2.3.6 设置背景颜色通常我们在设计单据的时候需要背景颜色，在K3 Cloud移动平台中背景颜色主要是通过设置流式布局背景颜色来实现的。2.3.7 添加自定义图标K3 Cloud移动平台内置了一些通用的图标，但同时也允许自定义添加一些个性化的小图标，只需要将制作好的小图标放置到以下目录中，在流式布局 “背景图片”属性或图片控制“图标键”属性设置为目标图标名称即可。小图标放置目录：使用方法：2.4 元数据 三. 插件编写有时我们需要实现些个性化的需求，例如：根据日期显示星期，根据状态改变字体颜色。这时需要通过插件来实现。具体插件代码如下：using Kingdee.BOS.Core.DynamicForm.Plu