基于PaaS平台开发流程审批框架界面设计方案（草稿）

基于PaaS平台开发流程审批框架界⾯设计⽅案（草稿）1、概述基于PaaS平台开发流程审批业务功能，⾸先要体现云计算PaaS平台的特性，例如多租户、统⼀平台、技术规范等。因此，为了达到快速、规范化开发业务功能的要求，在此设计流程审批界⾯框架，对业务数据和流程数据进⾏解耦。1.1、设计⽬标流程审批单框架与业务表单松耦合；审批单上的对象⽀持通过配置实现数据规则控制和显隐控制等；功能按钮、数据项⽀持按流程环节配置规则；⽀持个性化规则开发；表单、业务功能直接按规范开发；数据按租户隔离（例如：按业务模块隔离），业务数据与平台数据隔离；审批意见显隐、控制⽀持可配置。2、流程审批界⾯需求分析2.1、审批界⾯样例分析1、以审批意见为主体关注点的审批界⾯，例如下图所⽰公⽂审批稿签界⾯，在业务流转过程中，处理⼈员重点关注流程上⼈员（特别是领导）对业务处理意见，此种情况适合公⽂⽂件审批。2、以业务为主体的业务单据界⾯，例如下图所⽰的报销申请单界⾯，业务是以流转业务单据为核⼼，流程上的处理⼈员按责任分⼯审核单据并给相关⼈员，此种情况适合以业务数据流转为主的业务。3、混合型业务审批界⾯，例如下图采购申请审批界⾯，业务流转过程中，业务单据信息和审批意见信息都受到关注，同时显⽰⽐较直观。2.2、需求归纳总结1、审批界⾯需求关键点需求点简要说明备注业务表单具体业务数据，根据实际业务，个性化差异较⼤在使⽤数据规则时与流程有耦合审批意见流转过程中所填写的审批意见与流程环境耦合紧密界⾯操作功能保存、送出、打印、查看流转记录、退回等流程处理功能与流程功能有些耦合2、审批框架界⾯需求业务表单嵌⼊到框架页⾯⾥，按SOA原则，业务表单对数据处理服务（WebService）是独⽴的；审批意见可以设置成显隐，如果是显⽰审批意见，则属于追加⾏数据模式；界⾯操作功能，⼀般以按钮的形式存在，功能主要分为两⼤类，⼀是业务功能，在JavaScript代码中实现具体业务，另⼀种是流程功能，由框架及嵌⼊业务代码⽅式实现，例如“送出”操作，流程⾛到下⼀步，同时需要调⽤业务的保存数据的功能。3、审批界⾯功能设计3.1、审批界⾯⽰意图1、如上图所⽰，界⾯分为4个核⼼功能区域：功能按钮区：放置业务审批单功能按钮的区域，按钮可以分成三种类型：流程专⽤、业务专⽤、混合功能；特殊功能区：⽤于个性化业务、流程功能所使⽤功能按钮、下拉列表等；业务表单区：放置具体业务单据的区域，⽂件类业务可以隐藏此部分内容；审批意见区：是可以设置成显隐的区域，⽤于显⽰审批意见，对于⽂件类业务，直接显⽰个性化审批单。2、界⾯样式界⾯样式按模版和个性化⽅式处理，模版适⽤于对界⾯要求不⾼，专注于业务单据处理类审批业务，界⾯上实际上也是以个性化业务表单为主，⽽审批历史可能是以弹出窗⼝内容显⽰。3.2、界⾯中控件分析及功能按钮设计界⾯中控件区域流程环节显/隐读/写数据规则样式⾃定义按钮功能按钮区业务表单区意见区√√--√-单/多⾏输⼊框业务表单区意见区√√√√√√下拉列表业务表单区√√√可以是WS√√单选按钮业务表单区√√√√√√时间控件业务表单区√√√√√√选择框业务表单区意见区√√√√√√......3.2.1、按钮功能分析及设计以“保存”按钮为例，保存操作在不同环节所实现的功能是不⼀样的，例如：申请时保存操作核⼼是插⼊并保存业务单据数据，⽽审批过程中，⼀般对业务数据是很少操作的，因此，在其他流程环节中，“保存”操作可能只是保存审批意见，以及操作流程，因此设计⽅案可以有两个：⽅案⼀：直接在界⾯中开发“保存”按钮功能，再根据环节判读，执⾏不同的功能；⽅案⼆：在不同环节中使⽤不同的函数（⽅法），替换执⾏其“保存”操作，相当于有很多保存按钮定义在界⾯中，这样需要定义按钮，按钮也就相当于接⼝，动态加载类（代码），按环节定义来执⾏代码。3.2.2、按钮显隐定义详见“3.4、审批单数据规则设计”章节。3.3、弹出窗⼝界⾯设计3.4、审批单数据规则设计审批单上的数据项分为显⽰/隐藏、读/写等控制规则，也包括显⽰样式、数据有效性等控制规则，以及数据回写控制等等。3.5、审批意见显⽰设计3.6、审批意见填写的设计⽅案⽅案⼀：审批单上直接显⽰意见填写输⼊框，通过“保存”或“送出”按钮直接保存意见内容；⽅案⼆：单独设置审批意见操作按钮，或送出中隐含，此功能相当于新开意见输⼊窗⼝，进⾏意见填写操作。学习发微博⽅式填写意见，实时反馈还可以输⼊多少个字符，防⽌出现多写保存不上的问题。讲个故事，某天省公司⽼总批⽂填写意见，写了700多字，提交保存时被告知超限，没了！还好，系统有个后台⽇志功能记录了此事，否则，不知有多少⼈挨骂了。4、技术架构4.1、技术架构框图界⾯开发基于静态HTML技术，使⽤JavaScript语⾔和CordysBOP4平台界⾯JavaScript类包。4.2、流转规则定义规则定义在框架内进⾏，通过框架内专业JavaScript对象与业务表单具体对象对应，避免业务表单直接与流程定义配置直接耦合。5、数据库设计6、审批单与流程服务接⼝设计6.1、审批单、流程服务接⼝