1、 本 科 毕 业 论 文 基于 J2EE 的工作流引擎的 设计 和实现 用户界面层 Design and Implementation of Workflow Engine Based on J2EE User Interface Layer 姓 名： 学 号： 学 院：软件学院 系：软件工程 专 业：软件工程 年 级： 指导教师： 年 月 摘 要 随着信息科技的高速发展，工作流引擎系统 作为企业管理的重要手段，受到越来越多企业管理者的重视和青睐，具有广阔的应用前景。因此，新时代的工作流技术、高效的工作流系统成为各种企业的热门研究领域。 由于工作流系统 庞大的规模，周密的框架设计，本文针对企业
2、管理中经常出现的表单申请及审批模块的 UI 层（即用户界面层），架构小型工作流桌面办公系统，实现了从表单创建、流程创建、表单申请及填写、表单审批和表单查看的基本功能。在系统实现过程中，针对现代主流的 J2EE 框架， 比较错综繁杂的 Web 相关技术并从中找寻适合项目的技术 支持 Ext JS、 Ajax 及 JSON。 本文开发的工作流引擎系统具有界面美观、流程清晰易操作等特点，适合中小型企业的商业应用。项目的实现表明 只有对工作流流程有了清晰的理解，才有可能实现更加高效的工作流系统，也才有可能架构更加完善的工作流引擎系统。除此之外，实现技术 要以项目背景为基础，比较优缺点，才能找出最适合系
3、统运行的最佳方案。 关键词 ： 工作流 ； 用户界面 ； Ext JS 技术 Abstract With the rapid development of information technology, enterprise managers pay more and more attention to Workflow Engine System as an important means of business management, which has broad application prospects. Therefore, Workflow Technology in a new
4、 era and efficient Workflow System has become a popular field to study. As a result of the large scale of Workflow System that has a well-designed framework, this paper, aiming at the UI layer (that is, the user interface layer) of vetting and approving the form module, which often appears in busine
5、ss management application, constructs a small office desktop Workflow System and implements basic functionalities such as form creation, process creation, form application, form verification and etc. During the period implementing the system, we are to find the best technology to support our system
6、by comparison under the popular J2EE framework Ext JS、 Ajax and JSON. In this paper, the system we developed is characterized as an excellent system which has a beautiful interface, and a clear and maneuverable flow. Particularly it is suitable for small and medium-sized enterprise in commercial app
7、lications. The realization of the project indicates that only with a clear understanding of the process of workflow, it be possible to develop more efficient system, nor will it be possible to construct a more complete engine system. In addition, the realization has to be based on technical backgrou
8、nd to the project and comparison between advantages and disadvantages, so that it can identify the most suitable system for the best option. Key Words: Workflow; User interface; Ext JS technology 目 录 第一章 引言 . 1 1.1 项目背景 . 1 1.2 项目实现方向 . 1 1.3 项目意义 . 2 1.4 本文结构 . 2 第二章 工作流引擎与 Web 2.0 简介 . 4 2.1 工作流概念
9、 . 4 2.1.1 工作流的定义 . 4 2.1.2 工作流的用途及技术重点 . 4 2.2 工作 流管理系统概念 . 5 2.2.1 工作流管理系统定义 . 5 2.2.2 工作流管理系统实现 . 5 2.2.3 工作流管理系统作用 . 5 2.3 Web 2.0 及相关技术 . 6 2.3.1 Web 2.0 概述 . 6 2.3.2 Web 2.0 框架 . 6 2.3.3 数据交换格式 . 8 2.3.4 Web 交互方式 Ajax. 10 2.3.5 网页脚本技术 .11 第三章 工作流引擎系统用户界面层 设计 . 17 3.1 系统概要设计 . 17 3.1.1 系统描述 . 1
10、7 3.1.2 相关技术 . 17 3.1.3 系统整体结构图 . 17 3.2 系统详细设计 . 23 3.2.1 网页设计 . 23 3.2.2 与后台 Action 的交互 . 26 第四章 工作流引擎系统用户界面层实现 . 28 4.1 系统运行环境 . 28 4.1.1 硬件环境 . 28 4.1.2 软件环境 . 28 4.2 系统流程实现 . 29 4.2.1 登陆窗口 . 29 4.2.2 注册窗口 . 30 4.2.3 桌面主窗口 . 32 4.2.4 管理员窗口 . 33 4.2.5 用户窗口 . 40 4.2.6 经理窗口 . 46 4.2.7 聊天主窗口 . 48 4.
11、2.8 开始菜单主窗口 . 49 第五章 结论 . 52 参考文献 . 53 致谢 . 54 Contents Chapter 1 Introduction 1 1.1 Background 1 1.2 Implementation Direction1 1.3 Significance 2 1.4 Structure 2 Chapter 2 Description of Workflow Engine and Web 2.0 4 2.1 Workflow Concept 4 2.1.1 Workflow Definition 4 2.1.2 Use and Key technology 4
12、2.2 Workflow Management System Concept 5 2.2.1 Definition 5 2.2.2 Implementation 5 2.2.3 Effect 5 2.3 Web 2.0 and Correlative Technology 6 2.3.1 Web 2.0 Description 6 2.3.2 Web 2.0 Framework 6 2.3.3 Data exchange format 8 2.3.4 Web Interaction Method Ajax 10 2.3.5 Web Script Technology 11 Chapter 3
13、System User Interface Layer Design 17 3.1 System Conceptional Design 17 3.1.1 System Description 17 3.1.2 Correlative Technology 17 3.1.3 System Constructional Diagram 17 3.2 System Detailed Design 23 3.2.1 Webpage Design 23 3.2.2 Interaction with Action 26 Chapter 4 System User Interface Layer Impl
14、ementation 28 4.1 System Runtime Environment 28 4.1.1 Hardware Environment 28 4.1.2 Software Environment 28 4.2 Modules Implementation 29 4.2.1 Login Window 29 4.2.2 Register Window 30 4.2.3 Desktop Main Window 32 4.2.4 Administrator Window 33 4.2.5 User Window 40 4.2.6 Manager Window 46 4.2.7 Chat
15、Main Window 48 4.2.8 Start Menu 49 Chapter 5 Conclusion 52 References 53 Acknowledgements 54 第一章 引言 1 第一 章 引言 1.1 项目 背景 随着信息技术的高速发展，商业竞争早已摆脱传统模式，进入残酷的信息战中。信息时代的来临无疑给众多企业带来了无形的压力，因为由于愈演愈烈的商业竞争，人们不再满足于零散的办公自动化和简单的计算机应用， 而是需要更加综合 化 、更加集成化的解决方案。企业内部管理流程也需要新的活力，为企业商业活动注入新的生命力，因此，工作流管理技术应运而生。 采用工作流技术 ， 可以
16、把业务过程逻辑从具体的业务实现中分离出来 ， 可以不修改具体功能实现而只修改过程模型来改变系统功能 ， 从而实现对业务流程的部分或全部过程的 集成管理。如何高效地面向组织构建信息系统 ， 完善企业管理流程，提高企业工作效率 ， 改善企业经营管理水平 ， 降低企业生产成本，加快企业反应速度 ， 是信息技术工作者所面临的重大挑战与迫切任务之一。 高效率、高集成度同时又适合企业运营与发展的工作流引擎系统 在 企业管理过程中 举足轻重， 在市场上 为众多企业所需求。 1.2 项目 实现 方向 本文对工作流引擎技术进行研究，针对日常企业管理中 表单创建、审批过程模块，提供简单、易行的解决方案， 同时，了
17、解工作流技术的产生、发展及最新动态， 学习构建工作流系统框架，认知工作流系统在企业管理中的重 要作用， 以求对工作流系统的 整体掌握 。 在开发工作流系统中，采用 J2EE 的 Struts2， Spring 和 hibernate 集成的 Web 应用的体系结构 ，在此框架下，本文侧重于 J2EE MVC 体系结构中的 View 层（即视图层） ，具体对象有： (1)Ext JS 使用 Ext 脚本技术完成用户界面的制作， 实现企业办公的桌面化， 同时了解 Ext 与其他主流脚本技术的不同 之处，举一反三，突出 Ext 的可用性。 Ext 本身是 Ajax 框架基于 J2EE 的工作流引擎的
18、设计和实现 2 之一，了解 Ajax 的 Web 交互方式对项目显得十分必要。 (2)JSON 使用 JSON 作为前台与后台 的数据交换格式，同时对比其他数据交换格式如 xml，找出二者的优缺点并分析加以利用。 1.3 项目 意义 随着网络的日益普及和全球信息化进程的发展，市场竞争日益激烈。为应对日益复杂的企业生态环境，提高自身的竞争能力和应变能力 ， 企业必须借助先进的管理工具和管理理念。工作流管理技术作为一种过程建模和过程管理的核心技术，可以与其他应用系统有效地结合，生成符合企业需求的各种业务管理系统，因而具有高度灵活性，可以按照企业的具体需求，快速灵活地生成应用软件系统，并且在客户业务
19、过程发生变化时，迅速地进行重组来满足客户需求。 因此，掌握工作流管理理念，研究并开发工作流引擎系统，实现高效率的桌面办公化则显得十分必要。 1.4 本文结构 本文针对基于 J2EE 的工作流引擎系统 用户界面层 的设计和实现，分为以下五章： (1)第一章 引言 介绍了项目开发的背景，探索项目开发的实现方向，总结了项目在实际企业工程中的实现意义，引领文章。 (2)第二章 工作流引擎与 Web 2.0 简介 集中介绍了项目实现 过程 中遇到的各种 理论 概念及相关技术，如工作流、工作流引擎系统、 Web 2.0 等 ， 将理论分析与实现相结合 ，比较技术之间的优胜劣汰，找出适合项目的方法。 (3)第三章 工作流引擎系统用户界面层设计 详细介绍了系统的概要设计和详细设计，将工作流引擎系统的用户界面层的特点展示出来，使系统功能模块及其联系更为直观。 (4)第四章 工作流引擎系统用户界面层实现 第一章 引言 3 将工作流引擎系统的功能模块具体化，针对每一个功能模块，用图片展示实现效果，用表格和文字描述了功能实现的具体流程。 (5)第五章 结论 总结了学习成果，指出系统存在的不足和需要改进之处。
