实战营第4课-搭建企业审批工作流 | 学习笔记

简介: 简介:快速学习实战营第4课-搭建企业审批工作流

开发者学堂课程【钉钉应用云开发实战营:实战营第4课-搭建企业审批工作流】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/909/detail/14407


实战营第4课-搭建企业审批工作流

 

目录

1.准备工作

2.创建应用

3.创建出差申请表单

4.服务端开发

5.开发小程序


一. 准配工作

在开始接入前,确保您已经完成以下准备工作:

·安装小程序 IDE,单击小程序开发工具下载。

·已下载并安装了 lntelliJIDEA 开发工具。若未安装,请访问 lntelliJ IDEA。

·已经安装了 Java 开发环境。若未安装,请访问 Oracle 官网下载。

·已经安装了 Java 项目构建工具 Maven 。若未安装,请访问 Apache Maven 下载。

·已经安装了项目管理工具 Git 。若未安装,请访问 Git 官网下载。

 

二、创建应用

在本部分,你将在开发者后台创建一个小程序,并完成基础配置。

1. 登录钉钉开发者后台。进行应用开发,创建应用。

下一步,进行相关东西配置。

image.png

说明:只有管理员和子管理员可登录开发者后台。

2.在开发者后台页面,选择企业内部开发,然后单击创建应用。

进行接口权限添加应用。
3.在弹出的创建应用页面中填写基本信息,然后单击确定创建。
应用类型:选择小程序。
开发方式:选择企业自助开发。


三、创建出差申请表单

在本部分,你将在 OA 管理后台创建审批模板。

image.png

进行表单基础设置说明:进行表单名称填写,选择所在分组,进行随意说明,表单声明可以不用填写

进行表单设计:

image.png

随后通过明细内部的相关选择进行相应操作:

明细内部加入单行输入框,并强调必填。进行名称的修改。出差地点又因为有时需要图片证明,纳入图片即可。

这样一个出差的图表雏形已经完成。

接下来对开始时间结束时间,右边有改动日期区间表格。包括日期的类型,两个标题进行定义。

自动计算时长,一般用于评价。

此处并不需要。

出差人数若过多,审批的流程是不相同的。

诸如此类。到这里,用户填写的一些内容已经完成。

接下来进行流程设计:

image.png

进行相关设置。点击发起人,添加条件,选择出差人数,进行相关的选择。以此类推,接下来进行审批人的相关操作。

image.png

image.png 

image.png进一步进行高级设置:

使用管理员账号登录 OA 管理后台,然后选择工作台> OA 审批。

 

四、服务端开发

平台有提供相应代码实例
在本部分你将下载服务端代码,并完成其础配置。

参考以下操作,完成服务端开发:
1.执行以下代码,下载服务端代码。
git clone https:/github.com opendingtalk/eappcorpproject.git
2使用 IntelliJ IDEA J开下载的代码工程,并修改配置:

a. 运行 IntelliJ IDEA ,然后在启动页面单击 Open。

image.png

先来看一下项目的结构。

image.png

主要三个位置:config 里的两个配置项,一个是调用钉钉接口的请求。

b. 选择刚刚下载的服务端代码,然后单击ok。

/**

*企业corpid,需要修改成开发者所在企业*/

public static final string CORP_ID ="***";/**

*应用的AppKey.登录开发者后台,点击应用管理,进入应用详情可见*/ 

public static final String APPKEY =“***”

/**

*应用的AppSecret,登录开发者后台。点击应用管理,进入应用详情可见*/

public static final String APPSECRET =“***”;

/**

*数据加密密钥。用于回调数据的加密,长度固定为43个字符,从a-z,A-Z,0-9共62个字符中选取,您可以随机生成*/

public static final String ENCOD ING_AES_KEY =”***”;

/**

*加解密需要用到的token,企业可以随机填写。如"12345”

*/

public static final StringTOKEN =“***”

/**

*应用的agentdId。登录开发省后台可查看*/

public static final Long AGENTID =11L:

/**

*章审批瑛板唯一标识,可以在审批管理后台找到*/

public static final String PROCESs_CODE’=“***”

2. 参考以下操作,部里属后端服务。a.打开 src/main/java/ com/ Application. java 文件。b.使用快捷键 ctrl+ shift+ f10 运行后端服务。

3. 服务端启动后,在浏览器中方问http/localhost8080/welcome,打开如下页面表示启动成功。

重新安装进行导入。

image.png


五、开发小程序

在本部分你将下载前端代码,并完成基础配置。

参考以下操作,完成前端开发:
1.执行以下命令,下载前端代码。
git clone https:// github. com/ opendingtalk eapp-corpproject -fe

根据官方所提供的小程序进行相关操作。

image.png

image.png

let app = getApp();

//替换成开发者后台设置的安全域名

let url ="http://127.0.0.1 : 808e";

page{

data:{

corprd: ",

authcode: ' ",

user1d: '",

userName: '",

deptId: ",

hidelist: true,

},

onReady(){

//页面加载

dd.getAuthcode({

success:(res)->{

this.setData({

authcode:res.authcode

打开开发者后台,进行权限设置:

image.png

SDKversion 1.24.8

appajs: 5

App show

app.js:9

A,检测到不安全的 http

请求{url: http://127.0.0.1:808o/login ],

请使用

VM181:1

https 协议

succes s----

index .js: 3

{data:{..},status:200,heuders:{.},originaLData: "[ "success ":true, " cod

ve" :""e", "message" : "success", "re..." :423499470,"userName"":”杨国祥", "userId" :"user456"3}}国

data: (success: true,code: "e"", message: "success" , result: {..}]

headers: { content-type:“application/json;charset=UTF-8" ,

transfer -encoding: ...originalData: " {"success":true, " code" : "e" , "message" : "success" , "result" : ["deptId" :423499470, "userName" :“杨国祥","userId" : "user456"]1)"

status: 20a

_proto__: object

企业内部E应用1.1

行程明细:

出差地点(单行输入框)北京

http://www.9669.com/

开始时间(时间区间)2018-08-21 I

结束时间(时间区间)2018-08-25

出差人数(数字)8

出差金额(金额)100

出差同伴(单选框)A

交通工具(单行输入框)飞机

去北京参加E应用交流会

出差事由(多行输入框)
2.打开小程序 IDE 开发工具,打开已下载的项目。

说明:项目类型选择钉钉企业内部应用。

开发者后台:审批事件订阅

放到项目中去:

static final String TOKEN = "zkc90ZFLoR4V7UISxjiyj82";

再次进入凭证与基础信息:

应用凭证:

Agentld: 1173011381

AppKey: dingrs2mh9z2embevrck

AppSecret:

uUw4AgRSl4UdVti3L2XI5oG4r2n-

Cub2c2_REdAE4vSa7hUZH2Njbi x2EPmFGH4

public static final Long AGENTID= 117301138l;

进入内网穿透之 HTTP 穿透

相关文章
|
7月前
|
小程序
开发平台改版上线,我那么大个“能力管理”去哪儿了?【开发面对面第一期】
开发平台改版上线,我那么大个“能力管理”去哪儿了?【开发面对面第一期】
52 0
|
数据管理 容器 BI
公开课05期 |基于宜搭的《招聘管理》应用搭建
本文章将以《招聘管理》场景为例,介绍通过Excel导入成线上系统的详细步骤。
12615 0
公开课05期 |基于宜搭的《招聘管理》应用搭建
|
前端开发
前端学习笔记202304学习笔记第八天-产品研发流程-1
前端学习笔记202304学习笔记第八天-产品研发流程-1
48 0
|
弹性计算 运维 AliSQL
企业运维训练营之数据库原理与实践— 封面+目录
企业运维训练营之数据库原理与实践— 封面+目录
109 0
|
运维 数据库 开发者
企业运维训练营之数据库原理与实践训练营玩法
阿里云全球技术服务部&开发者学堂联名推荐,带你上手企业运维实战!
企业运维训练营之数据库原理与实践训练营玩法
|
存储 JSON 小程序
手把手教你搭建消防安全答题小程序-用云开发实现查询题库功能
手把手教你搭建消防安全答题小程序-用云开发实现查询题库功能
手把手教你搭建消防安全答题小程序-用云开发实现查询题库功能
|
开发者
氚云丨开发课— 08 流程操作及组织机构管理| 学习笔记
快速学习氚云丨开发课— 08 流程操作及组织机构管理。
|
存储 搜索推荐 数据管理
码上公益低代码开发训练营 — 课时4:《低代码开发师中级认证课程》1-3章 企业管理系统综合实践
传统合同录入存在归档困难,查询繁琐耗时,审批效率低下等问题。钉钉宜搭使用关联表单组件以及高级流程设计的强大功能,使得合同管理在线化,贯穿合同管理全生命周期。本章将通过合同管理系统的实践掌握相关知识的使用。
码上公益低代码开发训练营 — 课时4:《低代码开发师中级认证课程》1-3章 企业管理系统综合实践
|
监控 前端开发 BI
氚云丨开发课— 11 服务商培训| 学习笔记
快速学习氚云丨开发课— 11 服务商培训。
|
数据采集 存储 安全
码上公益低代码开发训练营 — 课时2:《低代码开发师初级认证课程》第三章 从线下审批到在线审批
宜搭可以通过线上流程审批,轻松的完成各种复杂业务流程的审批工作,促进团队工作效率的提升。本章将通过从空白开始创建一个请假申请应用,掌握表单、流程和数据的基本配置,为后续进阶课程打下良好的基础。
码上公益低代码开发训练营 — 课时2:《低代码开发师初级认证课程》第三章 从线下审批到在线审批