基于氚云平台的应用开发学习(一)

第一次接触氚云，是在公司实习的时候。到现在已经将近五个月了，先后参与了两个基于氚云应用开发的项目（第一个是本公司的内部管理系统，第二个是施工企业管理系统）。之后会陆续将项目中遇到的问题以及学习到的知识点做个总结。

一、氚云简介

二、表单设计简介

三、报表设计简介

四、流程设计简介

五、列表设计简介

一、氚云简介

一款基于钉钉的企业级应用开发平台，提供从表单、流程、报表等一系列可视化工具。通过表单工具实现数据采集、通过审批流程实现数据协作、通过报表工具实现数据汇总、通过规则配置实现业务控制。同时支持配置企业所需要的权限控制、自定义打印、数据批量导入、系统集成、复杂业务规则等各类需求，从而实现企业一站式数据化管理平台。详细了解可查看http://h3yun.com/index.html，以下是氚云部分功能截图介绍。

1.以下两图分别是应付合作费结算表单、收款登记流程设计

基于氚云平台的应用开发学习(一)

2.以下两图是报表汇总

基于氚云平台的应用开发学习(一)

3.以下两图分别是费用报销列表、数据导入

基于氚云平台的应用开发学习(一)

4.以下两图分别是表单查看、表单数据打印

基于氚云平台的应用开发学习(一)

二、表单设计简介

表单设计分为图形设计、前端代码、后端代码。图形设计里可以根据表单需求拖拽左侧控件区域的各种控件(基础控件、布局控件、系统控件、高级控件)，右侧区域可以设置每个控件的属性(范围限定、填充规则、描述等等)和整个表单属性(查看权限、业务规则、提交检验等等)。前端代码有加载事件、按钮事件、提交校验、提交前事件、提交后事件。后端代码可以处理前端请求、复杂业务逻辑等等。

1.图形设计

基于氚云平台的应用开发学习(一)

2.前端代码与后端代码(无代码，仅框架)

基于氚云平台的应用开发学习(一)

三、报表设计简介

报表设计可以用于统计单个表单或多个表单的数据，并通过汇总表、折线图、柱状图等进行数据可视化。首先需要定义数据源，再根据需求设计报表样式。

1.以下两图分别是选择数据源、自定义SQL语句

基于氚云平台的应用开发学习(一)

2.设计报表

基于氚云平台的应用开发学习(一)

四、流程设计简介

流程设计是当前表单从流程开始到流程结束，所经过的工作流。有经办节点(只能提交数据，提交后进入下一节点)、审批节点(可同意或驳回流程)、抄送节点(提醒相关人员查看进度或结果)等。同时每个节点属性可设置控件数据的操作权限(可见、可写、必填、打印)，也可以设置异常处理和经办限时。

基于氚云平台的应用开发学习(一)

五、列表设计简介

列表设计同样分为图形设计、前端代码、后端代码。图形设计里分为字段设置(设置查询条件、设置列表可见字段等)和列表设置(设置默认显示方模式、是否批量操作、自定义操作按钮等)。前端代码可以获取列表选中记录、更新列表、按钮事件等。后端代码可以处理前端请求、复杂业务逻辑等等。

1.图形设计

基于氚云平台的应用开发学习(一)

2.前端代码(简单按钮事件)与后端代码(无代码，仅框架)

 1 /*  2 * $.ListView.GetSelected()获取选中的记录  3 * $.ListView.RefreshView()刷新列表  4 * $.ListView.Post()请求后台  5 * $.ListView.InitQueryItems()修改过滤条件  6 * $.ListView.RefreshView()刷新页面  7 * $.ListView.ActionPreDo() 按钮执行之前的事件  8 */  9 10 $.ListView.ActionPreDo = function( actionCode ) { 11 12 if( actionCode == "Create" ) { 13 return; 14  } 15 var objects = $.ListView.GetSelected(); 16 17 if( objects == null || objects == undefined || objects == "" ) { 18 $.IShowWarn( "提示：请选择！" ); 19 return; 20  } 21 if( objects.length > 1 ) { 22 $.IShowWarn( "提示：只能选择一条记录！" ); 23 return; 24  } 25 };

 1 public class D000399SgPaymentRequest_ListViewController : H3.SmartForm.ListViewController  2 {  3 public D000399SgPaymentRequest_ListViewController(H3.SmartForm.ListViewRequest request) : base(request)  4  {  5  6  }  7  8 protected override void OnLoad(H3.SmartForm.LoadListViewResponse response)  9  { 10 base.OnLoad(response); 11  } 12 13 protected override void OnSubmit(string actionName, H3.SmartForm.ListViewPostValue postValue, H3.SmartForm.SubmitListViewResponse response) 14  { 15 base.OnSubmit(actionName, postValue, response); 16  } 17 }