0704010525 - 赵云（乔佩利）

哈尔滨理工大学

毕 业 设 计

题 目： 银行业绩考核查询系统的研究与实现

院、 系： 计算机科学与技术学院 计算机系 姓 名： 赵 云 指导教师： 乔佩利 系主任： 唐远新

2011年06月20日

哈尔滨理工大学毕业设计(论文）评语

学生姓名：赵云 学号：0704010525 学 院：计算机科学与技术学院 专业：计算机科学与技术 任务起止时间： 2011 年 3 月 7 日至 2011 年 6 月 20 日 毕业设计(论文）题目：银行业绩考核查询系统的研究与实现 指导教师对毕业设计(论文）的评语： 指导教师签名： 指导教师职称：

评阅教师对毕业设计(论文）的评语： 评阅教师签名： 评阅教师职称：

答辩委员会对毕业设计(论文）的评语： 答辩委员会评定，该生毕业设计(论文）成绩为： 答辩委员会主席签名： 职称： 年 月 日

哈尔滨理工大学毕业设计(论文）任务书

学生姓名：赵云 学号：0704010525 学 院：计算机科学与技术学院 专业：计算机科学与技术 任务起止时间：2011 年 3 月 7 日至 2011 年 6 月 20 日 毕业设计(论文）题目：银行业绩考核查询系统的研究与实现 毕业设计工作内容： 在国内企业均面临着日益加剧的人才竞争的威胁下，加强和完善对员工的业绩管理体系是非常必要的。银行业绩考核查询系统的设计使用了基于B/S的三层架构模式，采用了代码绑定技术，把用户界面和业务逻辑分离开来，使软件更容易维护，部署更灵活。设计分以下几个部分： 1．了解html、css等web应用开发的基础知识，熟悉dotnet框 架、Csharp语言及JavaScript客户端脚本；(3月7日—3月20日） 2．掌握web应用开发的基本理论和方法，熟悉并掌握ASP.NET 技术、JQuery库应用开发和JavaScript语言；(3月21日—4月3日） 3．进行系统的功能设计和数据库设计；(4月4日—4月17日） 4．在vs2008平台下实现手机选机对比系统；(4月18日—5月8日） 5．进行系统安装调试；(5月9日—5月22日） 6．撰写论文，准备答辩。(5月23日—6月20日） 资料： 1．单东林，张晓飞，魏然．《锋利的JQuery》．人民邮电出版社，2009 2．[英]Jeremy Keith著，杨涛，王建桥，杨晓云译．《JavaScript DOM编程艺术》. 人民邮电出版社，2007 指导教师意见： 签名： 年 月 日 系主任意见： 签名： 年 月 日

哈尔滨理工大学学士学位论文

银行业绩考核查询系统的研究与实现

摘 要

在国内企业均面临着日益加剧的人才竞争的威胁下，加强和完善对员工的业绩管理体系是非常必要的，而业绩考核又是业绩管理最重要的一个环节。要想实现员工个人业绩与企业整体业绩的协调一致，当前加强国有银行内部业绩管理体系建设乃是解决银行内部诸多问题的当务之急。因此，建立银行业绩考核查询系统在人力资源管理上起着非常重要的作用。

银行业绩考核查询系统的设计与实现，包括系统的组成、功能、采用的关键技术以及实现方法。在系统设计中使用了基于B/S的三层架构模式，采用了代码绑定技术，把用户界面和业务逻辑分离开来，使软件更容易维护，部署更灵活。

首先简单阐述了一下相关技术，比如Javascript，Ajax，jQuery等。然后针对本系统进行了需求分析、设计和实现等工作。

实践证明，在系统运行的过程中，具有安全、稳定、开发快速、高性能、跨平台、易于扩展等优异性能，是一个成功的业绩考核统计查询系统。

关键词 业绩考核统计查询系统；Javascript；Ajax；jQuery

- I -

哈尔滨理工大学学士学位论文

The Research and Realization of the Bank Staff Performance Evaluation Statistical Query System

Abstract

In the domestic enterprises are faced with increasing threat of competition for talent, strengthen and improve the staff performance management system is very necessary, and performance management performance evaluation is the most important part.Individual employee performance in order to achieve the overall performance and corporate coherence, strengthening the state-owned banks but the internal performance management system to solve many problems within the bank's top priority. Therefore, the establishments of a bank check system performance evaluation in human resource management plays a very important role.

The design and realization of the bank staff performance evaluation statistical query system, including system components, functions, using the key technology and implementation. Used in the system design based on B / S three-tier model, using the code binding technology, the user interface and business logic to make the software easier to maintain, deploy and more flexible.

First of all, the passage briefly explained about related technologies, such as Javascript, Ajax, jQuery and so on. Then the demand for the system analysis, design and implementation，and so on.

Practice has proved that the process is running in the system, with security, stability, development of rapid, high-performance, cross-platform, easy to expand, such as outstanding performance, performance evaluation is a successful statistical inquiry system.

Keywords Performance Evaluation Query System，Javascrip，Ajax，jQuery

- II -

哈尔滨理工大学学士学位论文

目 录

摘要…… .......................................................................................................... I Abstract .......................................................................................................... II

第1章 绪论 ................................................................................................... 1 1.1 业绩考核统计查询系统的背景 .......................................................... 1 1.2 选题的目的和意义 .............................................................................. 1 1.3 国内外研究现状综述 .......................................................................... 2 1.4 论文研究内容 ...................................................................................... 4 第2章 相关技术概述 ................................................................................... 5 2.1 Javascript简介 ..................................................................................... 5 2.1.1 Javascript概述 .............................................................................. 5 2.1.2 Javascript基本概念 ...................................................................... 5 2.1.3 Javascript的特点 .......................................................................... 7 2.2 AJAX简介 ............................................................................................ 8 2.2.1 Ajax介绍 ....................................................................................... 8 2.2.2 与传统web比较 .......................................................................... 9 2.2.3 Ajax工作原理 ............................................................................. 11 2.3 jQuery简介 ........................................................................................ 11 2.3.1 jQuery介绍 ................................................................................. 11 2.3.2 jQuery能做什么 ......................................................................... 12 2.3.3 jQuery技术特点 ......................................................................... 13 2.4 ASP.NET开发环境配置 .................................................................... 15 2.4.1 ASP.NET技术简介 ..................................................................... 15 2.4.2 ASP.NET发展历程、优点及特性 ............................................. 15 2.4.3 ASP.NET的运行原理及运行机制 ............................................. 16 2.5 本章小结 ............................................................................................ 18 第3章 需求分析 ......................................................................................... 19 3.1 业绩考核相关理论 ............................................................................ 19 3.1.1 相关概念 ..................................................................................... 19 3.1.2 绩效考核管理的原则与方法 ..................................................... 23

- III -

哈尔滨理工大学学士学位论文

3.2 系统功能需求 .................................................................................... 23 3.3 系统性能需求 .................................................................................... 25 3.4 本章小结 ............................................................................................ 26 第4章 系统总体设计 ................................................................................. 27 4.1 系统技术构架 .................................................................................... 27 4.2 系统数据流程 .................................................................................... 28 4.3 系统总体结构 .................................................................................... 28 4.4 数据库结构设计 ................................................................................ 30 4.5 本章小结 ............................................................................................ 32 第5章 系统实现 ......................................................................................... 33 5.1 主登录界面 ........................................................................................ 33 5.2 应用jQuery技术实现默认界面无刷新 ........................................... 33 5.2.1 功能界面说明 ............................................................................. 33 5.2.2 功能说明 ..................................................................................... 34 5.3 应用jQuery技术实现下级节点无刷新 ........................................... 34 5.3.1 功能界面说明 ............................................................................. 34 5.3.2 功能说明 ..................................................................................... 35 5.4 应用jQuery技术实现查询功能无刷新 ........................................... 35 5.4.1 功能界面说明 ............................................................................. 35 5.4.2 功能说明 ..................................................................................... 36 5.5 本章小结 ............................................................................................ 36 结论 ............................................................................................................... 37 致谢 ............................................................................................................... 38 参考文献 ....................................................................................................... 39 附录 ............................................................................................................... 40

- IV -

哈尔滨理工大学学士学位论文

第1章 绪论

1.1 业绩考核统计查询系统的背景

随着我国逐步实现加入WTO的承诺，我国经济与世界经济正在加快一体化进程。我国的银行业和他们的管理者也正以只争朝夕的紧迫感学习、吸收国外银行同业先进的技术和管理经验。我国的银行从来没有像现在这样如此重视内部管理，因为他们在与外资银行的一轮又一轮的较量和合作过程中终于觉醒，两者之间的最大差异不在于技术、不在于资本、不在于行业经验、也不在于规模，最大的差异就在于内部管理，在于如何将以前那种经验管理、粗放式管理、个人英雄式管理变为科学管理、规范管理，在于如何提升内部员工的素质和技能并将其有效的发挥出来。因为资本、规模、技术等都可以通过市场运作取得，但是员工的素质、银行内部的企业文化是无法购买和复制，只能通过有效的内部管理机制自己培养。无论管理者还是受管理者都是人，人是管理的主体，“二十一世纪的竞争是人才的竞争”，说得一点没错，银行的管理者想方设法提高员工的士气和业绩，并进行优胜劣汰，保持最优秀的员工团体。好的业绩管理不但能激励员工的工作热情，还能给出客观、公平的员工成绩表，作为优胜劣汰的依据。所以业绩管理是人力资源管理的核心，在实现企业战略目标方面也起着举足轻重的作用，这已经是业界的一个共识。

现代银行已经完全依赖计算机和网络，客户拿着国内的信用卡或旅行支票，可以到世界的每个角落进行消费和结算，如果还是依靠人工台帐的话，这是无法想象的。随着银行业务范围和品种的增加，银行业务数据不断膨胀，客户资料、产品信息、业务流水和帐户明细等等，记录笔数都是以百万计，幸好计算机技术也在不断发展，网络应用、海量存储和数据库技术不断发展，使银行业务得到可靠的保障，也使业绩考核系统的开发和运用成为可能。

成熟的业绩考核系统能为银行决策者提供客观、公平、可靠的业绩报表，对银行的人力资源管理，提高员工的工作热情和建造和谐的内部气氛都有极其积极的作用。

1.2 选题的目的和意义

为了彻底破除收入分配方面的平均主义思想，客观公正地评价员工营销业

- 1 -

哈尔滨理工大学学士学位论文

绩，最大限度地优化资源配置，本文规划设计出一套较为完整的银行业绩考核系统。该系统借鉴国外商业银行在个人核算方面的先进做法，结合我国商业银行发展的实际现状，以员工为核算个体，将个人业绩与个人收益紧密结合；以资金计价买卖为基本手段，合理设置费用配置比例，量化营销行为贡献度；以产品为中轴，立足效益，突出主业，明晰成本；以工作难易程度和所需专业技能高低为辅助，突出岗位差异，着重增强一线岗位的吸引力；以公平、公开为准绳，逐日细化核算过程，逐日发布核算结果，营造良性竞争氛围。

通过以客户为中心、以业务流程为主线、以价值为导向的市场营销、风险控 制和激励约束管理体系，商业银行将逐步形成“大个金”业务经营格局，全面提升个人金融业务综合竞争能力。

本项目的实施将增强网点员工营销的积极性，进一步落实工行以“客户为中心”的经营思想，提升银行个人金融产品和渠道的综合竞争力，为银行网点对个人客户的营销服务结果提供重要的技术支持平台，增强理财中心的核心竞争力，全面推动银行个人金融业务可持续发展。

1.3 国内外研究现状综述

随着我国逐步实现加入WTO的承诺，我国经济与世界经济正在加快一体化进程。我国的银行业和他们的管理者也正以只争朝夕的紧迫感学习、吸收国外银行同业先进的技术和管理经验。我国的银行从来没有像现在这样如此重视内部管理，因为他们在与外资银行的一轮又一轮的较量和合作过程中终于觉醒，两者之间的最大差异不在于技术、不在于资本、不在于行业经验、也不在于规模，最大的差异就在于内部管理，在于如何将以前那种经验管理、粗放式管理、个人英雄式管理变为科学管理、规范管理，在于如何提升内部员工的素质和技能并将其有效的发挥出来。因为资本、规模、技术等都可以通过市场运作取得，但是员工的素质、银行内部的企业文化是无法购买和复制，只能通过有效的内部管理机制自己培养。无论管理者还是受管理者都是人，人是管理的主体，“二十一世纪的竞争是人才的竞争”，说得一点没错，银行的管理者想方设法提高员工的士气和业绩，并进行优胜劣汰，保持最优秀的员工团体。好的业绩管理不但能激励员工的工作热情，还能给出客观、公平的员工成绩表，作为优胜劣汰的依据。所以业绩管理是人力资源管理的核心，在实现企业战略目标方面也起着举足轻重的作用，这已经是业界的一个共识。

现代银行已经完全依赖计算机和网络，客户拿着国内的信用卡或旅行支票，

- 2 -

哈尔滨理工大学学士学位论文

可以到世界的每个角落进行消费和结算，如果还是依靠人工台帐的话，这是无法想象的。随着银行业务范围和品种的增加，银行业务数据不断膨胀，客户资料、产品信息、业务流水和帐户明细等等，记录笔数都是以百万计，幸好计算机技术也在不断发展，网络应用、海量存储和数据库技术不断发展，使银行业务得到可靠的保障，也使绩效考核系统的开发和运用成为可能。

成熟的绩效考核系统能为银行决策者提供客观、公平、可靠的业绩报表，对银行的人力资源管理，提高员工的工作热情和建造和谐的内部气氛都有极其积极的作用。

国外许多优秀银行，对绩效管理非常重视，其绩效考核系统也比较成熟，指标体系具有很强的可操作性，能够随着其业务发展的方向不断调整其考核指标。国内银行的绩效考核系统正处于开始阶段，很多银行鉴于数据量太大和对考核指标体系的认识不一致，没有大面积推广绩效考核系统，一般来说，使用绩效考核系统都是中小银行，而且大多都是刚开发推广完毕或者正使用首个版本。根据了解，国内四大银行都没有统一的绩效考核系统，而只有小部分股份制商业银行建成统一的绩效考核系统。造成绩效考核系统不能统一的原因主要是各个地区的发展不平衡，绩效管理的方向有很多不同，在系统中表现为指标体系很难统一。例如:对于一些新开业的银行网点主要关注的是规模指标，如存款总量、业务量等等，而对一些已经在本地区扎根较深和己经有一定规模的银行网点，注重的则是利润量、贷款质量等质量和损益指标。所以，如何建立一套灵活、科学、公平和覆盖面广的指标体系是绩效考核系统设计是否成功的关键之处，国内现在已经有大量的研究针对绩效管理指标的设计，现在国内银行已经认识到盲目移植国外绩效管理系统是行不通的，要切实认真地考虑本国、本银行和本地区的实际情况，制定适合本行发展的绩效考核体系，才能实实在在地提高银行的业绩和效益。由于现代商业银行从粗放型经营模式向集约型经营模式的转变，其业绩考核体制总体上也随着从管理利润提升到管理价值，即从以利润最大化为核心的盈利能力考核，逐步转变为以价值管理为核心的综合效益考核。

目前西方先进银行已经建立了比较全面的业绩考核体系：以信息化管理为依托，以银行的价值是否实现增值为目标，采用平衡计分卡BalancedScorecard等方式。该体系是通过比较资本成本，动态反映银行内部不同部门、产品组合或客户系列的业绩；实时监控业务的变化，并根据业务发展的变化和需要调整经营策略；采用平衡计分卡代替传统的财务考核，不仅包括财务业绩考核指标，而且增加了客户满意度、员工满意度、技能培训、资产质量和内部管理状况等非财务指标内容；建立市场、客户、员工以及内部管理等潜在发展要素与财务业绩之间的

- 3 -

哈尔滨理工大学学士学位论文

内在联系，使各级机构和个人能够与银行的战略目标保持一致。

随着市场竞争环境的变化，国内商业银行正积极建立以资本集约化为经营准则的价值管理体系，在此基础上，以监管部门相关办法为重要依据，借鉴国外银行先进管理技术，确立注重效益和质量的业绩考核体制。新的业绩考核体制尽管进步显著，但是在实际运用中仍然面临不少待解的问题。由于信息技术运用还处于初步探索阶段，银行的内部业绩考核还没有使用计算机系统来完成，大多还处于手工操作的阶段。由于考核通过手工操作，考核标准不统一，考核范围也不全面，只依据几个有限的关键指标来评分，业绩考核管理很难做到公平公正，同时容易造成考核对象片面追求指标而忽视企业整体效益的情况。由此，建立一套全面细致的业绩考核机制已经成为银行经营管理的重中之重，成为银行在竞争中争取优势的关键所在。

1.4 论文研究内容

本文章节安排如下：

第一章主要介绍了本文的项目背景和研究意义以及银行业绩考核统计查询系统的主要工作。

第二章主要是对相关技术做简要的介绍。

第三章、第四章和第五章主要阐述银行业绩考核统计查询系统的设计实现问题。其中：第三章对系统进行需求分析；第四章主要是系统的总体设计；第五章主要是对银行业绩考核统计查询系统进行实现，把系统前后台的操作界面进行详细介绍。

- 4 -

哈尔滨理工大学学士学位论文

第2章 相关技术概述

2.1 Javascript简介

2.1.1 Javascript概述

Javascript是一种由Netscape的LiveScript发展而来的原型化继承的面向对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能[1]。

2.1.2 Javascript基本概念

1．运算符

运算符就是完成操作的一系列符号，它有七类：

赋值运算符(=,+=,-=,*=,/=,%=,<<=,>>=,|=,&=)、算术运算符(+,-,*,/,++,--,%)、比较运算符(>,<,<=,>=,==,===,!=,!==)、逻辑运算符(||,&&,!)、条件运算(?:)、位移运算符(|,&,<<,>>,~,^)和字符串运算符(+)。

2．表达式

运算符和操作数的组合称为表达式，通常分为四类：赋值表达式、算术表达式、布尔表达式和字符串表达式。

3．语句 Javascript程序是由若干语句组成的，语句是编写程序的指令。Javascript提供了完整的基本编程语句，它们是：

赋值语句、switch选择语句、while循环语句、for循环语句、for each循环语句、do while循环语句、break循环中止语句、continue循环中断语句、with语句、try...catch语句、if语句(if..else，if...else if ...)、let语句。

4．函数

函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：

- 5 -

哈尔滨理工大学学士学位论文

(1) 函数由关键字function定义(也可由Function构造函数构造)。

(2) 使用function关键字定义的函数在一个作用域内是可以在任意处调用的(包括定义函数的语句前)；而用var关键字定义的必须定义后才能被调用。

(3) 函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名。

(4) 参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象(arguments对象是一个伪数组，属性callee引用被调用的函数)访问所有参数。 (5) return语句用于返回表达式的值。

(6) yield语句扔出一个表达式，且中断函数执行直到下一次调用next。 一般的函数都是以下格式： function myFunction(params){ //执行的语句 }

函数表达式：

var myFunction=function(params){ //执行的语句 }

var myFunction = function(){ //执行的语句 }

myFunction();//调用函数

匿名函数，它常作为参数在其他函数间传递： window.addEventListener('load',function(){ //执行的语句 },false);

5．对象

Javascript的一个重要功能就是面向对象的功能，通过基于对象的程序设计，可以用更直观、模块化和可重复使用的方式进行程序开发。

一组包含数据的属性和对属性中包含数据进行操作的方法，称为对象。比如要设定网页的背景颜色，所针对的对象就是document，所用的属性名是bgcolor，如document.bgcolor=\，就是表示使背景的颜色为蓝色。

- 6 -

哈尔滨理工大学学士学位论文

6．事件

用户与网页交互时产生的操作，称为事件。事件可以由用户引发，也可能是页面发生改变，甚至还有你看不见的事件(如Ajax的交互进度改变)。绝大部分事都由用户的动作所引发，如：用户按鼠标的按钮，就产生click事件，若鼠标的指针的链接上移动，就产生mouseover事件等等。在Javascript中，事件往往与事件处理程序配套使用。

而对事件的处理，W3C的方法是用addEventListener()函数，它有三个参数：事件，引发的函数，是否使用事件捕捉。为了安全性，建议将第三个参数始终设置为false。

传统的方法就是定义元素的on...事件，它就是W3C的方法中的事件参数前加一个“on”。而IE的事件模型使用attachEvent和dettachEvent对事件进行绑定和删除。javascript中事件还分捕获和冒泡两个阶段，但是传统绑定只支持冒泡事件。 7．变量

如 var myVariable = \value\

变量有它的类型，上例中myVariable的类型为string(字符串)

javascript支持的常用类型还有： object：对象 array：数组 number：数；

boolean：布尔值，只有true和false两个值，是所有类型中占用内存最少的；

null：一个空值，唯一的值是null； undefined：没有定义和赋值的变量

实际上，javascript的变量是弱变量类型，你赋值给他的是字符串，他就是String，是数字他就是整形。是true和false他就是boolean型，注意，不能加引号，不然会被当成字符串处理[2]。

2.1.3 Javascript的特点

能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model(DOM，文档对象模型)、Layers和 Cascading Style Sheets(CSS，层叠样式表)，这里主要讲Javascript。那么Javascript是什么呢？Javascript就是适应动态网页制作的

- 7 -

哈尔滨理工大学学士学位论文

需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。Javascript是由 Netscape公司开发的一种脚本语言(scripting language)，或者称为描述语言。

在HTML基础上，使用Javascript可以开发交互式Web网页。Javascript的出现使得网页和用户之间实现了一种实时性的、动态的、交互性的关系，使网页包含更多活跃的元素和更加精彩的内容。运行用Javascript编写的程序需要能支持Javascript语言的浏览器。

Netscape公司Navigator 3.0以上版本的浏览器都能支持Javascript程序，微软公司InternetExplorer 3.0以上版本的浏览器基本上支持Javascript。微软公司还有自己开发的Javascript，称为JScript。

Javascript和Jscript基本上是相同的，只是在一些细节上有出入。Javascript短小精悍，又是在客户机上执行的，大大提高了网页的浏览速度和交互能力。同时它又是专门为制作Web网页而量身定做的一种简单的编程语言。

JavaScript使网页增加互动性。JavaScript使有规律地重复的HTML文段简化，减少下载时间。JavaScript能及时响应用户的操作，对提交表单做即时的检查，无需浪费时间交由CGI验证。

2.2 AJAX简介

2.2.1 Ajax介绍

AJAX全称为“Asynchronous JavaScript and XML”(异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 主要包含了以下几种技术：

Ajax(Asynchronous JavaScript + XML）的定义

1．基于web标准(standards-based presentation）XHTML+CSS的表示； 2．使用 DOM(Document Object Model）进行动态显示及交互； 3．使用 XML和XSLT进行数据交换及相关操作； 4．使用 XMLHttpRequest进行异步数据查询、检索；

5．使用 JavaScript 将所有的东西绑定在一起。英文参见Ajax的提出者Jesse James Garrett的原文。

- 8 -

哈尔滨理工大学学士学位论文

//do something })

给多个元素注册事件，如：给id= listTable元素下的所有class=toLink的td注册点击事件

$(\ //do something });

5．对象克隆

非常强大的功能，可以克隆任意对象及其所有事件

$(\找到id=table1的元素并克隆，不克隆元素内的事件

$(\找到id=table1的元素并克隆，并且克隆元素内的所有事件

特别说明：当clone的参数为true时，元素内部以jQuery方式注册的事件才能被克隆，以代码的方式甙入在dom元素内部的事件不会被克隆，如

6．Ajax支持 $.ajax({

type: \提交方式post或者get url: \访问的地址

data: \访问的参数 cache: false,//是否缓存,

timeout: 1000,//超时时间 global: false,//禁用全局Ajax事件【只有当我们对ajax实现事件绑定时才有必要用】 success: function(html){//成功回调函数

//do something },

beforeSend: function(){//提交前执行 // do something}, complete: function(){//提交完成后执行，先用success // do something }, error: function(XMLHttpRequest, textStatus){//失败后执行 // do something } });

- 14 -

哈尔滨理工大学学士学位论文

error: function(XMLHttpRequest, textStatus){//失败后执行 // do something } });

特别说明：data参数的格式为name=a&code=b这样的串，假设我们需要把一个form中的所有元素都作为参数提交，直接调用serialize()即可完成拼接[9]，如： Var obj = ($(\

则obj的值就是类似于下面的一个字符串：

name=x&pwd=123&sex=1&age=22&address=beijing

7．跨浏览器

支持Internet Explorer 6.0+、Opera 9.0+、Firefox 2+、Safari 2.0+、Google Chrome 1.0+。

2.4 ASP.NET开发环境配置

2.4.1 ASP.NET技术简介

ASP.NET是Microsoft公司推出的新一代建立动态Web应用程序开发平台，是一种建立动态Web应用程序的新技术。它是.NET框架的一部分，可以使用任何.NET兼容的语言(如Visual Basic、C#）编写ASP.NET应用程序。当建立Web页面时，可以使用ASP.NET服务器端控件来建立常用的UI(用户界面）元素，并对它们进行编程来完成一般的任务，这可以把程序开发人员的工作效率提升到与其他技术都无法比拟的程度[10]。

2.4.2 ASP.NET发展历程、优点及特性

2000年ASP.NET 1.0正式发布，2003年ASP.NET升级为1.1版本。ASP.NET 1.1发布之后更加激发了Web应用程序开发人员对ASP.NET的兴趣，并且对网络技术有着巨大的推动作用。本着“减少70%代码”的目标，微软公司在2005年11月又发布了ASP.NET 2.0。ASP.NET 2.0的发布是.NET技术走向成熟的标志，它在使用上增加了方便、实用的新特性，使Web开发人员更加快捷方便地开发Web应用程序，不但执行效率大幅度提高，对代码的控制也做得更好，以高安全性、易管理性和高扩展性等特点著称。微软还推出了3.5版本，使网络程序开发更倾向于智能开发，运行起来更像Windows下的应用程序一样流畅。

ASP.NET是目前主流的网络开发技术之一，具有许多优点和新特性，具体

- 15 -

哈尔滨理工大学学士学位论文

介绍如下：

1．高效的运行性能

由于ASP.NET应用程序采用页面脱离代码技术，即前台页面代码保存到.aspx文件，后台代码保存到.cs文件，这样当编译程序将代码编译为.dll文件，ASP.NET在服务器上运行时，可以直接运行编译好的.dll文件，并且ASP.NET采用缓存机制，从而提高运行ASP.NET的性能。

2．简易性和灵活性 很多ASP.NET功能都可以扩展，这样可以轻松地将自定义功能集成到应用程序中。例如，ASP.NET提供程序模型为不同数据源提供插入支持。

3．可管理性

ASP.NET中包含的新增功能使得管理宿主环境变得更加简单，从而为宿主主体创建了更多增值的机会。

4．生产效率

使用新增的ASP.NET服务器控件和包含新增功能的现有控件，可以轻松、快捷地创建ASP.NET网页和应用程序。新增内容(诸如成员资格、个性化和主题）可以提供系统级的功能，此类功能通常会要求开发人员进行大量的编写代码工作。新增数据控件、无代码绑定和智能数据显示控件已经解决了核心开发方案(尤指数据）问题[11]。

2.4.3 ASP.NET的运行原理及运行机制

当一个HTTP请求到服务器并被IIS接收到之后，IIS首先通过客户端请求的页面类型为其加载相应的.dll文件，然后在处理过程中将这条请求发送给能够处理这个请求的模块。

在ASP.NET 3.5中，这个模块叫做HttpHandler(HTTP处理程序组件)，之所以.aspx文件可以被服务器处理，就是因为在服务器端有默认的HttpHandler专门处理.aspx文件。

IIS在将这条请求发送给能够处理这个请求的模块之前，还需要经过一些HttpModule的处理，这些都是系统默认的Modules(用于获取当前应用程序的模块集合），在这个HTTP请求传到HttpHandler之前要经过不同的HttpModule的处理。这样做的好处，一是为了一些必需的过程，二是为了安全性，三是为了提高效率，四是为了用户能够在更多的环节上进行控制，增强用户的控制能力，如图2-3所示：

- 16 -

哈尔滨理工大学学士学位论文

(1)用户请求发送务器

到Web服(2)将请求通过相应的.dll文件发送到ASP.NET引擎 IIS 加载.dll文件 ASP.NET引擎 (4)HTTP HTTP(3)用户请求通过HTTP模块 HTTP处理模块被调用，并返回到用户请求文件

HTTP HTTP模块 1 模块 2 模块 n 处理模块 (5)用户请求返回IIS

图2-3 ASP.NET运行原理

HttpModule模块是一个组件，可以注册为ASP.NET 3.5请求生命周期的一部分，当处理该组件时，该组件可以读取或更改请求或响应。HttpModule模块通常用于执行需要监视每个请求的特殊任务，如安全或站点统计信息[12]。

通常情况下，ASP.NET框架搭建在Windows Server(服务器版操作系统）+IIS(Web服务器，是Internet信息服务管理器的英文缩写）环境中，在安装.NET Framework时，安装程序将会在IIS中注册ASP.NET所需的ISAPI扩展(aspnet_isapi.dll），这就使得作为ASP.NET宿主的IIS在接收到客户端的HTTP请求后，将响应请求的控制权交给ASP.NET运行[13]。

ASP.NET运行时接收到请求后，会判断站点是否为第一次被访问，如果是第一次访问，则运行初始化工作(如加载Bin目录中的DLL动态链接库，读取Web.Config网站配置文件，初始化HttpApplication实例，编译和加载Global.asax文件等）。最后，ASP.NET运行时在完成一些后续工作之后，如保存Session、异常处理，再通过IIS把响应结构返回给客户端[14]。

ASP.NET ISAPI工作的主要任务就是安排aspnet_wp.exe处理请求，并监视aspnet_ wp.exe进程的执行情况，如果aspnet_wp.exe进程不能完成任务，ASP.NET ISAPI就安排一个新的aspnet_wp.exe来处理工作。aspnet_wp.exe的主要任务是将请求交给一系列称为HTTP管道的托管对象。生产商aspnet_wp.exe会将订单(HTTP请求)交给HttpRuntime小组的工作人员ProcessRequest(HttpWorkerRe

- 17 -

哈尔滨理工大学学士学位论文

quest wr），HttpRuntime根据内部的分工，最终由ProcessRequestInternal(HttpWorkerRequest wr）在流水线上进行生产[15]，如图2-4所示：

图2-4 ASP.NET 运行机制

2.5 本章小结

本章主要介绍业绩考核统计查询系统要用到的相关技术。Javascript是一种区分大小写的脚本语言，并对他的概念及特点做了介绍。Ajax的基本概念及其特点与工作原理。jQuery的简介功能和特点。ASP.NET的简介发展历程、特点及运行机制。让大家对其有了初步认识，为之后的的需求分析，系统总体设计及系统实现做好基础。

- 18 -

哈尔滨理工大学学士学位论文

第3章 需求分析

3.1 业绩考核相关理论

3.1.1 相关概念

3.1.1.1 股份制商业银行

股份制银行是适应市场经济发展的现代银行经营管理机制。必须建立股东大会、董事会、监事会等现代公司治理结构和现代银行内部控制机制，拥有完善的股东结构和股本结构。根据现代银行治理结构，股份制商业银行由董事会确定的银行高级管理人员，具体负责执行银行董事会决定事项和银行经营管理。 3.1.1.2 员工业绩考核

什么是业绩考核呢？套用一个经典的案例，我们可以了解其作用及意义，有人把唐僧、孙悟空、猪八戒、沙僧视为一个西天取经的公司，在这个公司中，唐僧决定主要的战略目标，可以算是这个公司的董事长；而孙悟空则是主要战略的执行者，算是这个公司的CEO；猪八戒则是这公司的中层管理人员，沙僧是这个公司的一般职员。让我们看一看这个公司是如何进行考核的。在这个公司中，首先对于CEO的考核是非常必要的，因为他工作的好坏，直接影响到整个公司的发展。由于唐僧他自己无法辨别妖怪，常常把化为人形的妖怪当作好人，这也就是说唐僧无法就孙悟空打妖怪的过程进行控制。起初唐僧在考核时，过分的关注过程，而忽略结果；并且搀杂过多的个人价值判断。在这里就涉及到一个过程的考核与结果的考核，究竟以什么为导向？对于高层来说，每个人都有不同的处理问题的方式，况且他的工作具有很大的不确定性，如果从过程来考核，难免会给孙悟空的工作带来很大的障碍。唐僧开公司的目的是到西天取得真经，唐僧的任务是明确取经的路线，制定大的战略，怎样达成战略是孙悟空的事。比如说后来的无底洞事件，由于唐僧坚持认为老鼠精变的女子是好人，从而否定孙悟空的判断，结果被老鼠精掳去，差点破坏了整个取经计划。既然把孙悟空聘用过来，就应该相信他的能力，对他的考核只针对结果就好了。如果你对孙悟空还不完全放心，你要做的应该是建立完善的激励体制，统一孙悟空与公司的目标，也就是唐僧应该就取经的远景与孙悟空充分沟通，这样孙悟空对公司经营的好坏与自己的利益有很大的关联度，这也就是为什么到后来取经时孙悟空更加努力了。至于

- 19 -

哈尔滨理工大学学士学位论文

控制方面，唐僧己经有了紧箍咒就足够了。这种控制实际应用得很少，但这给了孙晤空一定的心理预期，他的行为不端可能会招致惩罚，这样的话，整个西天取经公司高层考核机制就比较完善了。而对于猪八戒的考核，过程更为重要一点。他的工作主要是一些日常工作，他工作的成果比较难量化，这时，过程的控制监督就非常必要了。唐僧不具备这种监督的能力，于是对猪八戒的考核主要由孙悟空来执行，孙悟空通过一些不定期的抽查，来规范猪八戒的日常行为。对于猪八戒的考核关键还在于明确他的定位，对十他的评价应该钊一对对他交代工作的完成情况，但是公司对猪八戒的定位模糊，没有确定的职位说明，这样猪八戒什么事情都干过，因此在对他的评价时，就很容易忽略其工作业绩，而对他的一些个人品质纠缠不清。考核的作用是提高公司的整体业绩，这是根本目的，当然这并不是说品质不重要。个人的道德与他所处的环境有很大的关系，也就是说企业文化对员工的个人行为规范起到一个引导的作用，而这并不能通过考核来达到。我们在考核时，一定要界定好考核与其他职能的分界线，套用一句老话：“考核不是万能的，没有考核是万万不能的”。 3.1.1.3 业绩考核与业绩考核管理的关系

业绩考核其书面定义是指运用科学、规范的评价指标体系和评价方法，将企业一定经营期间的综合经营状况进行定量和定性对比分析，对企业经营成果和经营风险做出真实、客观、公正的综合评判。它不仅成为一种科学合理的价值评判，而且它的导向、约束和激励作用越来越受到关注和重视。有些银行经常将业绩考核与业绩考核管理混为一谈，认为只要制定了一套考核办法，将指标层层分解、落实到相关的部门和人员，定期对照、兑现即是业绩管理，把业绩考核的目的仅作为实现经营目标的工具。而没有从业绩管理、人力资源管理的高度出发，旨在提升本行经营业绩的同时，提升员工工作技能和水平，而是出于自身任职期限的考核压力，为完成考核而考核。这种考核观念存在，势必会出现考核指标设置不合理、考核方法不科学、考核结果运用不恰当等一系列问题。

业绩考核与业绩考核管理是既有联系又有区别的，业绩考核是业绩管理系统的一部分，可以说，前者是点，后者是面，前者是手段，后者是目的。完整的业绩管理体系应由业绩计戈日、业绩辅导、业绩考核、业绩反馈和业绩考核结果的运用等五部分构成。由此可见，业绩考核只是业绩管理体系的一个环节，而业绩管理却具有完整的系统性，其根本目的不是简单地让每个员工努力地完成本职工作，而是实现：

l．“人与公司目标的统一性”：即每个员工的目标都直接或间接地支持全行目标的实现。

- 20 -

哈尔滨理工大学学士学位论文

2．“让员工看到个人对公司的影响力”：即让每个员工了解自己是通过实现什么目标对商业银行产生影响的。

3．“让公司的战略目标通过业绩管理得以实现”：即业绩管理活动是影响商业银行战略目标能否顺利实现的关键活动。

可以看出，业绩管理的核心目的是通过关键业绩指标将营业机构经营行为引向全行的目标方向，成为银行通过考核实现经营战略目标的工具，发挥质量导向的牵引作用。

业绩考评的正确直接形响到激励约束机制实施，为了从公正、科学的角度出发，根据业绩考评体系构建的基本原则，业绩考核和资源分配都是以层级为主，光纵后横。

各类产品是指银行向金融市场提供的、可以为客户带来收益或客户可以用于消费的服务。

在纵向考核层级上，考核主体为各层级机构，包括省行本级、地一市行、城区行、郊县行及各网点，如图3-l所示：

省行本级 地市行 城区行 郊县行 各网点 图3-1 考核层级

横向考核主体为省行、地市行、城区行、郊县行的经营部门及其经营的各种产品，其中：经营部门按照组织机构图，包括：公司业务部、个人银行部、国际业务部、房地产金融业务部、机构业务部、投资银行部、资产保全部、信用卡中心等，如图3-2所示：

- 21 -

哈尔滨理工大学学士学位论文

公司业务部 个人银行部 国际业务部 经营部门房地产金融业务部 机构业务部 投资银行部 资产保全部 信用卡 图3-2 组织机构图

3.1.1.4 激励机制

公司治理机制作为对工商业公司进行管理和控制的体系，是现代企业制度中最重要的架构，良好公司治理机制是国际先进企业的重要特征。银行作为经营货币这一特殊商品的企业，同其它企业一样需要建立良好的公司治理机制。激励是通过满足被激励者的需求和愿望，以调动被激励者的主动性，从而使其主动而自发地把个人的潜能发挥出来，以满足或超越激励者的期望的行为。

有效的激励约束机制是公司治理机制的重要组成部分，与公司治理机制的其他组成部分互为前提，相互制约。建立有效的激励约束机制不仅涉及收入分配方式的变化，还需要改革干部任免和用工制度，完善商业银行产权制度和法人治理结构。

国有商业银行在建立自身的绩效体系时，一定要从战略高度充分认识绩效考核与良好公司治理机制之间的关系，紧紧围绕这一战略目标由上而下，逐层分解展开绩效考核，确保考核与实现战略目标的一致性。这样，就会更加有效地了解业绩考核的关键和方法。

- 22 -

哈尔滨理工大学学士学位论文

3.1.2 绩效考核管理的原则与方法

3.1.2.1 绩效考核管理的原则

绩效考评要取得好的效果，必须建立系统化、制度化、规范化的管理体系，并在各项考评工作中遵循以下九个原则：

1．目标一致性原则 2．全面性与合理性原则

3．统一性与具体性原则 4．实用性与操作性原则 5．系统性和规范性原则 6．客观性原则 7．重视反馈的原则

8．以工作为重点的考评原则 9．重视时效性原则 3.1.2.2 绩效考核管理的方法

绩效评价的方法很多，结合国内外企业员工绩效评价的实践，根据评价标准的不同，大致可以分为以下几类：

1．等级评估法 2．目标考核法 3．关键绩效指标 4．序列比较法 5．相对比较法 6．小组评价法 7．重要事件法 8．评语法

9．情境模拟法

3.2 系统功能需求

1．机构基本信息管理

(1) 机构信息管理是指对各部门或机构基本信息的管理，提供对各部门或机构的基本信息的录入、修改、删除、查询功能，本功能是属于基础数据的维护管理。

- 23 -

哈尔滨理工大学学士学位论文

(2) 银行的部门或机构分为经营机构和非经营机构两大类，经营机构所有业务部门或机构；非经营机构包括管理部门、会计部门、财务部门等；对机构代码的编码规则由银行自身确定，并尽量与银行业务系统尽可能地一致。

(3) 对于机构信息的修改，可以修改上级机构代码、机构名称、机构属性(经营机构/非经营机构)、机构人数、机构级别、独立核算标志，当修改上级机构代码时，其业绩相应划归新的上级机构；对机构信息的删除时，其下的机构或行员的业绩划归其原有上级机构业绩的自然增长。

(4) 对于使用权限的设定，由系统通过权限控制表来进行，本功能的使用权仅属于人事管理人员。

2．行员基本信息管理

(l) 行员信息管理是指对银行的所有职员基本信息的管理，提供对各职员的基本信息的录入、修改、删除、查询功能，本功能是属于基础数据的维护管理。

(2) 银行所有人员分为营销人员和非营销人员，对行员代号的编码规则以银行职员代码基本保持一致。

(3) 对行员基本信息的修改，只能修改行员的所属机构代码、行员属性、姓名(行员名称)，修改行员基本信息时，其相应业绩不变(不进行修改)，当进行行员的所属机构代码的修改时，其业绩跟随其统计到新的机构，但调整前的业绩不变；对行员进行删除时，删除行员的基本信息，并进行其相应业绩的调整，即把删除行员的业绩划归为其原机构的自然增长。

(4) 对于使用权限的设定，由系统通过权限控制表来进行，本功能的使用权仅属于人事管理部门。

3．业绩相关数据管理对业绩账户与行员的关系数据进行建立和修改，如：业绩账户与行员对应关系以及业绩比例等。经营机构的业绩账户=E(所属行员的业绩账户+所属行员业绩账户以外的自然增长的业绩账户)，非经营机构的业绩账户=E(所属行员的业绩账户)。业绩比例是指当某业绩账户是两个或两个以上的同机构或不同机构行员共同拓展而来时，每个行员所占的初始业绩账户比例。无论账户余额增长或减少，各行员的业绩比例维持不变，除非通过授权修改。同一账户的行员业绩比例总和必须等于100%。业绩账户实际数是指行员或机构实际拥有的业绩账户数目。

(1) 业绩指标数据表包括：各种业绩考核指标。 (2) 提供对业绩指标数据表的修改功能。

(3) 其中：当月业绩统计之前的修改无效(会被统计数据覆盖)，统计之后的修改永久有效。

- 24 -

哈尔滨理工大学学士学位论文

4．绩效考核查询

查询相关个人或机构的任务与业绩情况。

(1) 各种业绩考核指标见附录的业绩考核方法。业绩考核指标包括效益指标、质量指标、综合考评指标。

(2) 业绩查询内容除各项考核指标外，增加行员的业绩账户实际数、机构职员数的查询，业绩账户实际数针对个人/机构查询，而机构职员数只针对机构业绩查询。

(3) 各种业绩账户计算方式

行员业绩账户数目=E(某行员拓展的所有企业存款、储蓄存款、同业存款、保证金存款以及各项贷款的账户)，经营机构的业绩账户数目=E(所属行员的业绩账户+所属行员业绩账户以外的自然增长的业绩账户)，非经营机构的业绩账户数目=E(所属行员的业绩账户)，业绩账户实际数是指行员或机构实际拥有的业绩账户数目。

5．绩效考核分析

通过多种表现形式(如：柱状图、饼图、趋势图)分析个人/机构业绩排列名次情况、同期比较情况、计划完成情况等。

3.3 系统性能需求

对于一个系统来说，可扩展性，安全性，可管理性是几个很关键的因素。 1．可扩展性

可扩展性是指系统能保证可持续增长以满足用户需求和业务复杂性要求，前端Web系统为动态变化的模型：它们通常一开始很小，但随着需求的增长而呈指数级增长。这种增长非常迅速，不仅表现在支持的用户的数量上，而且表现在提供的用户服务的复杂性和集成性方面。对于本系统的前端展示而言，这种扩展性就显得尤为重要，因为前端展示功能完善是一个渐进的过程，我们目前开发的这个系统需要随着用户的要求和技术的发展而需要不断改进。所以可扩展性是非常必要的。

2．可靠性

服务质量的一个重要方面是能够在期望的响应时间内访问信息。对需要通过Internet的应用程序或信息的单位用户来说;还意味着必须在用户期望的时间内为用户提供其需要的信息。试想一个同时有几百甚至几千人访问的系统，一旦服务器发生阻塞或者崩溃，会带来怎样的不可想象的麻烦。另外太长的延迟时间也会

- 25 -

哈尔滨理工大学学士学位论文

给用户带来不便。

3．安全性

安全性是指系统能够保护数据或基础结构避免受恶意攻击或者盗用。安全性是通过为信息的机密性，完整性和可靠性提供充分的保护来预防风险，保障系统安全，是任何系统成功的基本要素。

4．可管理性

可管理性是指可以很方便地对系统进行管理，确保系统的正常运行管理和运作涉及以下几个因素:维护系统服务及其服务正常工作所需的基础结构，工具以及管理员和技术人员。系统的主机是放在银行运行机房中，但是对系统的管理员也许并运行机房中，因此，系统的管理和监控必须能够远程完成。

3.4 本章小结

需求分析是设计的起点。需求分析的任务是通过详细调查现实世界要处理的对象，充分了解原系统工作概况，明确用户的各种需求，然后在此基础上确定新系统的功能。需求分析的结果是否准确地反映了客户的实际要求，将直接影响到后面各个阶段的设计，并影响到设计结果是否合理和实用。本章在进行实际调查研究及对业绩考核认真分析的基础上，对业绩考核统计查询系统系统作出了相关的需求分析和功能分析，为以后的系统设计与实现提供必要的前提条件。

- 26 -

哈尔滨理工大学学士学位论文

第4章 系统总体设计

系统总体设计工作是自顶向下地进行的。首先设计总体结构，然后逐层深入，直至进入每一个模块的设计。总体设计主要是指在系统分析的基础上，对整个系统的划分、机器设备(包括软、硬件)配置，数据的存储规律以及整个系统实现规划等方面的合理安排。

4.1 系统技术构架

根据银行绩效考核的具体需求和结构分布特点，采用MVC架构模式，合.NET技术，设计了整个系统的技术架构。该系统在结构上采用基于因特网的B/S三层应用体系结构，分别为表示层、业务逻辑层和数据访问层，采用此模式的目的是使系统结构更清晰，分工更明确，灵活易用，操作方便，有高度的扩展性和可维护性，如图4-1所示：

IE用户 IE用户 Windows用户 Web Forms Web Forms Windows forms Web服务器 ASP.NET Web Services 应用组件服务器 管理业务层 基本业务层 数据访问层 数据访问层 ADO.NET 数据库 图4-1 基于因特网的B/S三层应用体系结构

- 27 -

哈尔滨理工大学学士学位论文

4.2 系统数据流程

通过上面的功能需求分析，根据部门和员工绩效考核办法，可以分析整个系统的数据流程：

1．由银行综合业务系统下载员工和部门的业绩原始数据，并把原始数据导入银行绩效考核系统的Oracle历史表空间。

2．根据不同地区分行的具体考核方法，从历史表空间抽取原始数据到Oracle当前表空间，形成统计数据表。

3．根据对公存储蓄交易日志的分析，以交易代码为识别标志，和每笔业务中的网点号，把统计数据表中的各种业务相关信息归类到部门业绩统计表中。

4．由部门业绩统计表分类计算出不同的部门业绩统计报表，并进一步作出分析产生部门业绩报表分析图；通过考核前输入的考核指标数据，计算出部门各种绩效，形成部门业绩考核表。根据每日录入员手工录入的业务员代号与业绩账号对接数据，从部门业绩统计表中抽取出员工个人办理的业务，并添加手工输入的一些代理业务及其中间业务，最终形成个人业绩统计表。

5．根据部门目标管理考核办法，对部门业绩考核表进行分析计算，对其产生的绩效考核结果进行二次分配，形成员工目标管理考核表。在个人业绩统计报表中，通过科目管理和价格管理数据，对个人业绩进行计价考核，形成员工业绩考核表。

4.3 系统总体结构

银行绩效考核系统分为五个模块：前台参数配置模块、前台业绩录入模块、前台数据浏览模块、绩效考核报表管理模块和后台数据模块。

前台参数配置模块分为：部门信息管理、员工信息管理、业绩账户管理、考核项目管理、会计科目管理、考核指标管理；前台业绩录入模块分为：个人分管账户管理、个人分管综合账户管理、银行卡业绩管理、代理业务营销管理、营销业绩手工录入管理、个人营销业绩二次分配管理。

前台数据浏览模块分为：业绩排行榜、员工绩效考核、部门绩效考核、营销业绩汇总、基础数据查询；绩效考核报表管理模块分为：绩效考核报表生成、绩效考核报表查询、绩效考核报表分析；后台数据管理模块分为：大机数据下载、大机数据导入、业绩考核计算、后台数据备份。系统总体功能结构，如图4-3所示：

- 28 -

哈尔滨理工大学学士学位论文

部门信息管理 行员信息管理 前台参数配置 业绩账户管理 考核项目管理 会计科目管理 考核指标管理 个人分管账户管理 个人分行综合账户管理 前台业绩录入 银行卡业绩管理 代理业务营销管理 营销业绩手工录入 个人分管账户管理 银行绩效考核系统业绩排行榜 行员绩效考核 前台数据浏览 部门绩效考核 营销业绩汇总 基础数据查询 绩效考核报表管理 后台数据管理 - 29 -

绩效考核报表生成 绩效考核报表查询 绩效考核报表分析 大机数据下载 大机数据导入 业绩考核计算 后台数据备份

图4-3 系统的总体功能结构

哈尔滨理工大学学士学位论文

4.4 数据库结构设计

在针对上面对系统总体设计以及数据流程图分析的基础上，根据实际情况设计出相应的数据库表，这里列出以下部分数据表名：

1．bnzcssmnlrzhrjb(表内资产损失模拟利润帐号日计表)，这个数据表是保存日结后的按帐号计算的表内资产损失模拟利润日计表数据，如表4-1所示：

表4-1 bnzcssmnlrzhrjb表结构

# 1 2 3 4 5 6 7 8 9 10 字段名 Jsrq Zh Zhmc Bz Hl Ye Fxqzsx Fxtaxs Dkjt Fpmnlr 描述 计算日期 账号 账号名称 币种 汇率 计算日期余额 风险权重系数 风险调整系数 贷款计提 分配模拟利润 数据库定义 Date not null Char(22） Char(40） Char(2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） 备注 Jsrq，zh是唯一索引

2．bnzcssmnlrzhtjb(表内资产损失模拟利润帐号统计表)，这个数据表是保存日结后的按帐号计算的表内资产损失模拟利润统计数据。当日模拟利润累加到当月、当季、当年模拟利润中。月末数据保留。如表4-2所示：

表4-2 bnzcssmnlrzhtjb表结构

# 1 2 3 4 5 6 7 字段名 Jsrq Zh Zhmc Nlj Ymnlr Jmnlr Nmnlr 描述 计算日期 账号 账号名称 年累计额 月模拟利润 季模拟利润 年模拟利润 数据库定义 Char(6） Char(6） Char(6） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） 备注 Jsrq，zh是唯一索引

3．bnzcssmnlrzhkhrjb(表内资产损失模拟利润帐号客户日计表)，如表4-3所示：

- 30 -

哈尔滨理工大学学士学位论文

表4-3 bnzcssmnlrzhkhrjb表结构

# 1 2 3 4 5 6 7 8 9 10 11 12 13 字段名 Jsrq Khdm Khmc Zh Zhmc Ye Fxqzsx Fxtaxs Dkjt Fpbl Fpmnlr Nlj Mnlr 描述 计算日期 客户代码 客户名称 账号 账号名称 计算日期余额 风险权重系数 风险调整系数 贷款计提 分配比例 分配模拟利润 年累计 计算日期模拟利润 数据库定义 Date not null Integer not null Char(60） Char(22） Char(40） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） 备注 Jsrq，Khdm是唯一索引

4．bnzcssmnlrzhkhtjb(表内资产损失模拟利润帐号客户统计表)，如表4-4所示：

表4-4 bnzcssmnlrzhkhtjb表结构

# 1 2 3 4 5 6 7 8 9 10 11 12 13 14 字段名 Jsrq Zh Zhmc Hl Fxqzsx Fxtaxs Dkjt Fpbl Fpmnlr Nlj Bz Xcrbh Xcrxm Ymnlr 描述 计算日期 账号 账号名称 汇率 风险权重系数 风险调整系数 贷款计提 分配比例 分配模拟利润 年累计 币种 吸存人编号 吸存人姓名 月模拟利润 数据库定义 Date not null Char(22） Char(40） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Char(2） Char(6） Char(60） Decimal(16,2） 备注 Jsrq，bmdm，xcrbh，zh是唯一索引

5．bnzcssmnlrzhxcrrjb(表内资产损失模拟利润帐号吸存人日计表)，如表4-5所示：

- 31 -

哈尔滨理工大学学士学位论文

表4-5 bnzcssmnlrzhxcrtj表结构

# 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

字段名 Jsrq Bmdm Bmmc Zh Zhmc Hl Fxqzsx Fxtaxs Dkjt Fpbl Fpmnlr Nlj Bz Xcrbh Xcrxm 描述 计算日期 客户代码 客户名称 账号 账号名称 汇率 风险权重系数 风险调整系数 贷款计提 分配比例 分配模拟利润 年累计 币种 吸存人编号 吸存人姓名 数据库定义 Date not null Integer not null Char(60） Char(22） Char(40） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） Char(2） Char(6） Char(60） 备注 Jsrq，bmdm，xcrbh，zh是唯一索引 6．bwzcssmnlrbhtjb(表外资产损失模拟利润编号统计表)，如表4-6所示

表4-6 bwzcssmnlrbhtjb表结构

# 1 2 3 4 5 6 7

字段名 Jsrq Bh Khmc Nlj Ymnlr Jmnlr Nmnlr 描述 计算日期 编号 客户名称 年累计额 月模拟利润 季模拟利润 年模拟利润 数据库定义 Char(10） Char(6） Char(6） Decimal(16,2） Decimal(16,2） Decimal(16,2） Decimal(16,2） 备注 Jsrq，bh是唯一索引 4.5 本章小结

本章针对业绩考核查询系统作出了功能分析以及前后台页面结构的设计。首先针对业绩考核统计查询系统做了系统技术构架，然后写出了系统数据流程图，又进行了系统总体结构的说明，最后介绍了数据库的设计，并列出了设计出的数据库，从而成功的完成了系统设计工作，为下面系统的实现奠定了坚实的基础。

- 32 -

哈尔滨理工大学学士学位论文

第5章 系统实现

系统是以浦发银行业绩考核统计查询系统为例子进行说明。

5.1 主登录界面

进入主界面后输入员工号及密码登录到主界面，主界面有业绩查询、参数管理和系统管理三个选项，点击头部菜单“业绩查询”——“产品查询”进入产品查询，如图5-1所示：

图5-1 系统主界面

5.2 应用jQuery技术实现默认界面无刷新

5.2.1 功能界面说明

点击业绩查询后出现一个界面，左边是存款、贷款和中间业务，右边默认出现默认的存款，贷款余额表。点击日期实现无刷新出现日历，日期可进行修改且也可以无刷新显示，如图5-2所示：

- 33 -

哈尔滨理工大学学士学位论文

图5-2 进入后第一界面

5.2.2 功能说明

进入后默认显示前天的存款、贷款、中间业务、资金业务的数据。本年度利润合计中显示的是，截止到当前选择日期，本年度存款、贷款、中间业务、资金业务利润的合计。

选择日期：默认显示当前日期的前两天。点击后面方格，出现日期选择框，点击需要查询的日期即可。

5.3 应用jQuery技术实现下级节点无刷新

5.3.1 功能界面说明

在上个界面的基础上，点击存款实现无刷新出现下级子菜单如再点击存款下活期存款、定期存款和东方卡存款也可实现无刷新实现下级子菜单。

出现子菜单的基础上界面右边也会无刷新的出现相应的表格。如图5-3所示：

- 34 -

哈尔滨理工大学学士学位论文

图5-3 进入后第二界面

5.3.2 功能说明

进入后出现下一个界面，点击存款下活期存款、定期存款和东方卡存款可实现无刷新实现下级子菜单，出现子菜单的基础上界面右边也会出现相应的表格。

查看产品树：点击产品名称前面的箭头，显示产品树中下级产品名称。

5.4 应用jQuery技术实现查询功能无刷新

5.4.1 功能界面说明

当选定日期并点击查询的时候，左边会出现相应的菜单可进行无刷新点击。系统会从数据库取出选定日期数据绘制成表无刷新的显示在右边。如图5-4所示：

- 35 -

哈尔滨理工大学学士学位论文

图5-4 进入后第三界面

5.4.2 功能说明

查看当日产品数据：点击树型列表中的文字，右侧显示这一产品，所选日期的人民币余额，月日均余额，年日均余额信息。如果所选日期为月末，将显示相应利润。

点击查询按钮，显示所选日期的存款、贷款余额以及截止到所需日期存款、贷款以及中间业务的利润数据。

5.5 本章小结

本章主要从前台和后台角度介绍了业绩考核统计查询系统的实现并且列出了系统的界面以给人以直观印象。该系统是综合前面的所有理论，运用jQuery，Ajax 技术和Javascript脚本语言，成功的完成了业绩考核统计查询系统的设计与实现。

- 36 -

哈尔滨理工大学学士学位论文

结 论

本文较完整地阐述了银行业绩考核查询系统的设计与实现，通过采用jQuery、Ajax和Javascript相结合的开发方式，针对本系统进行了需求分析、设计和实现等工作，可以清晰地得出以下结论：

1．银行业绩考核查询系统的设计使用了基于B/S的三层架构模式。

2．该设计采用了代码绑定技术，把用户界面和业务逻辑分离出来，使软件更容易维护，部署更灵活。

3．使用jQuery技术不必刷新整个页面，可以直接对页面的局部进行更新，而且可以节省网络宽带，提高网页加载速度，从而缩短用户等待时间，改善用户操作体验。

4．在业绩考核统计查询系统的设计和实现中，我更加熟悉了jQuery脚本库，SQL server数据库和ASP.NET技术，并很好地结合在一起，成功地完成了该系统的设计。

5．实践证明，在系统运行的过程中，具有安全、稳定、开发快速、高性能、跨平台、易于扩展等优异性能，是一个成功的业绩考核查询系统。

毕业设计作为大学生涯的一个总结也是未来的一个开端，我在这次毕业设计中学到的扎实的理论知识，实用的实践方法，严谨的思维方式将是我最大的财富，受益终身。

- 37 -

哈尔滨理工大学学士学位论文

致 谢

三个多月的毕业设计已经接近尾声，在这短短几个月的时间里，我完成了我的毕业设计并学到了很多东西，对java的一些相关技术有了更深的了解，也增强了动手能力和逻辑思维能力，受益匪浅。

在这里，首先我要衷心感谢我的导师乔佩利老师，在工作非常繁忙的情况下，他自始至终都指导我们毕业设计，在他细心的指导和帮助下，我的毕业设计才能这么顺利的进行，其中也遇到了一些问题，但是都逐一解决了，很感谢我的导师耐心辅导。

同时，还要感谢在毕业设计阶段帮助过我的同学，也要感谢所有这四年中传授我知识，给予我关怀和帮助的老师们，在你们的培养和关怀下，我度过了人生中最为重要和精彩的时光。最后，要感谢我的母校——哈尔滨理工大学，感谢对我的教育和培养，再次感谢。

- 38 -

哈尔滨理工大学学士学位论文

参考文献

1 Jeremy Keith．Javascript DOM programing art．人民邮电出版社，2007：

25~87

2 Nicholas C．Zakas．Professional JavaScript for Web Developers．人民邮电出

版社，2006：85~135

3 李刚．疯狂Ajax讲义．电子工业出版社，2009：325~368

4 Dori Smith，Tom Negrino．Javascript&Ajax Sixth Edition，2007：28~95 5 单东林，张晓菲．锋利的JQuery．人民邮电出版社，2009：1~347 6 曾顺．精通JavaScript+jQuery．人民邮电出版社，2008：168~211 7 柯林森．CSS基础教程．人民邮电出版社，2007：145~187

8 Dave Carane．Ajax in praclice．人民邮电出版社，2008：135~185 9 Jonathan Chaffer．Learning JQuery．人民邮电出版社，2009：1~64

10 陈湘．ASP.NET与网站开发编程实战．清华大学出版社，2004：46~157 11 胡本峰，赵辉．ASP 动态网站开发从基础到实践．电子工业出版社，

2007：10~102

12 胡艳洁．HTML 标准教程．中国青年出版社，2004：1~112

13 Elizabeth Castro．HTML，XHTML，and CSS，Sixth Edition．Peachpit

Press，2007：56~128

14 何翠平．HTML从入门到精通．人民邮电出版社，2007：1~85

15 陆玉柱．中文版Dreamweaver CS3网页制作宝典．电子工业出版社，

2008：18~135

- 39 -

哈尔滨理工大学学士学位论文

附 录

附录A 英文原文 Getting Started

Today's World Wide Web is a dynamic environment, and its users set a high bar for both style and function of sites. To build interesting, interactive sites, developers are turning to JavaScript libraries such as jQuery to automate common tasks and simplify complicated ones. One reason the jQuery library is a popular choice is its ability to assist in a wide range of tasks.

Because jQuery does perform so many different functions, it can seem challenging to know where to begin. Yet, there is a coherence and symmetry to the design of the library; most of its concepts are borrowed from the structure of HTML and Cascading Style Sheets (CSS). Because many web developers have more experience with these technologies than with JavaScript, the library's design lends itself to a quick start for designers with little programming experience. In fact, in this opening chapter we'll write a functioning jQuery program in just three lines of code. On the other hand, experienced programmers will also be aided by this conceptual consistency, as we'll see in the later, more advanced chapters.

But before we illustrate the operation of the library with an example, we should discuss why we might need it in the first place. What jQuery Does

The jQuery library provides a general-purpose abstraction layer for common web scripting, and is therefore useful in almost every scripting situation. Its extensible nature means that we could never cover all possible uses and functions in a single book, as plug-ins are constantly being developed to add new abilities. The core features, though, address the following needs:

Access parts of a page. Without a JavaScript library, many lines of code must be written to traverse the Document Object Model (DOM) tree, and locate specific portions of an HTML document's structure. jQuery offers a robust and efficient selector mechanism for retrieving exactly the piece of the document that is to be inspected or manipulated.

Modify the appearance of a page. CSS offers a powerful method of influencing the way a document is rendered; but it falls short when web browsers do not all support the same standards. jQuery can bridge this gap, providing the same standards support across all browsers. In addition, jQuery can change the classes or individual style properties applied to a portion of the document even after the page has been rendered.

Alter the content of a page. Not limited to mere cosmetic changes, jQuery can modify the content of a document itself with a few keystrokes. Text can be changed,

- 40 -

哈尔滨理工大学学士学位论文

images can be inserted or swapped, lists can be reordered, or the entire structure of the HTML can be rewritten and extended—all with a single easy-to-use API.

Respond to a user's interaction with a page. Even the most elaborate and powerful behaviors are not useful if we can't control when they take place. The jQuery library offers an elegant way to intercept a wide variety of events, such as a user clicking on a link, without the need to clutter the HTML code itself with event handlers. At the same time, its event-handling API removes browser inconsistencies that often plague web developers.

Add animation to a page. To effectively implement such interactive behaviors, a designer must also provide visual feedback to the user. The jQuery library facilitates this by providing an array of effects such as fades and wipes, as well as a toolkit for crafting new ones.

Retrieve information from a server without refreshing a page. This code pattern has become known as Asynchronous JavaScript and XML (AJAX), and assists web developers in crafting a responsive, feature-rich site. The jQuery library removes the browser-specific complexity from this process, allowing developers to focus on the server-end functionality.

Simplify common JavaScript tasks. In addition to all of the document-specific features of jQuery, the library provides enhancements to basic JavaScript constructs such as iteration and array manipulation.

Why jQuery Works Well

With the recent resurgence of interest in dynamic HTML comes a proliferation of JavaScript frameworks. Some are specialized, focusing on just one or two of the above tasks. Others attempt to catalog every possible behavior and animation, and serve these all up pre-packaged. To maintain the wide range of features outlined above while remaining compact, jQuery employs several strategies:

Leverage knowledge of CSS. By basing the mechanism for locating page elements on CSS selectors, jQuery inherits a terse yet legible way of expressing a document's structure. Because a prerequisite for doing professional web development is knowledge of CSS syntax, jQuery becomes an entry point for designers who want to add behavior to their pages.

Support extensions. In order to avoid feature creep, jQuery relegates special-case uses to plug-ins. The method for creating new plug-ins is simple and well-documented, which has spurred the development of a wide variety of inventive and useful modules. Even most of the features in the basic jQuery download are internally realized through the plug-in architecture, and can be removed if desired, yielding an even smaller library.

Abstract away browser quirks. An unfortunate reality of web development is that each browser has its own set of deviations from published standards. A significant portion of any web application can be relegated to handling features differently on each platform. While the ever-evolving browser landscape makes a perfectly browser-neutral code base impossible for some advanced features, jQuery adds an abstraction layer that normalizes the common tasks, reducing the size of code, and tremendously

- 41 -

哈尔滨理工大学学士学位论文

simplifying it.

Always work with sets. When we instruct jQuery, Find all elements with the class 'collapsible' and hide them, there is no need to loop through each returned element. Instead, methods such as .hide() are designed to automatically work on sets of objects instead of individual ones. This technique, called implicit iteration, means that many looping constructs become unnecessary, shortening code considerably.

Allow multiple actions in one line. To avoid overuse of temporary variables or wasteful repetition, jQuery employs a programming pattern called chaining for the majority of its methods. This means that the result of most operations on an object is the object itself, ready for the next action to be applied to it.

These strategies have kept the jQuery package slim—roughly 20KB compressed—while at the same time providing techniques for keeping our custom code that uses the library compact, as well. Finding the Poem Text

The fundamental operation in jQuery is selecting a part of the document. This is done with the $() construct. Typically, it takes a string as a parameter, which can contain any CSS selector expression. In this case, we wish to find all parts of the document that have the poem-stanza class applied to them; so the selector is very simple, but we will cover much more sophisticated options through the course of the book. We will step through the different ways of locating parts of a document in Chapter 2.

The $() function is actually a factory for the jQuery object, which is the basic building block we will be working with from now on. The jQuery object encapsulates zero or more DOM elements, and allows us to interact with them in many different ways. In this case, we wish to modify the appearance of these parts of the page, and we will accomplish this by changing the classes applied to the poem text. Injecting the New Class

The .addClass() method is fairly self-explanatory; it applies a CSS class to the part of the page that we have selected. Its only parameter is the name of the class to add. This method, and its counterpart, .removeClass(), will allow us to easily observe jQuery in action as we explore the different selector expressions available to us. For now, our example simply adds the emphasized class, which our stylesheet has defined as italicized text with a border.

Note that no iteration is necessary to add the class to all the poem stanzas. As we discussed, jQuery uses implicit iteration within methods such as .addClass(), so a single function call is all it takes to alter all of the selected parts of the document. Executing the Code

Taken together, $() and .addClass() are enough for us to accomplish our goal of changing the appearance of the poem text. However, if this line of code is inserted alone in the document header, it will have no effect. JavaScript code is generally run as soon as it is encountered in the browser, and at the time the header is being processed, no HTML is yet present to style. We need to delay the execution of the code until after the DOM is available for our use.

- 42 -

哈尔滨理工大学学士学位论文

The traditional mechanism for controlling when JavaScript code is run is to call the code from within event handlers. Many handlers are available for user-initiated events, such as mouse clicks and key presses. If we did not have jQuery available for our use, we would need to rely on the onload handler, which fires after the page (along with all of its images) has been rendered. To trigger our code from the onload event, we would place the code inside a function:

function emphasizePoemStanzas() { $('.poem-stanza').addClass('emphasized'); }

Then we would attach the function to the event by modifying the HTML tag to reference it:

This causes our code to run after the page is completely loaded.

There are drawbacks to this approach, though. We altered the HTML itself to effect this behavior change. This tight coupling of structure and function clutters the code, possibly requiring the same function calls to be repeated over many different pages, or in the case of other events such as mouse clicks, over every instance of an element on a page. Adding new behaviors would then require alterations in two different places, increasing the opportunity for error and complicating parallel workflows for designers and programmers.

To avoid this pitfall, jQuery allows us to schedule function calls for firing once the DOM is loaded—without waiting for images—with the $(document).ready() construct. With our function defined as above, we can write:

$(document).ready(emphasizePoemStanzas);

This technique does not require any HTML modifications. Instead, the behavior is attached entirely from within the JavaScript file. We will learn how to respond to other types of user actions, divorcing their effects from the HTML structure as well, in Chapter 3.

This incarnation is still slightly wasteful, though, because the function emphasizePoemStanzas() is defined only to be used immediately, and exactly once. This means that we have used an identifier in the global namespace of functions that we have to remember not to use again, and for little gain. JavaScript, like some other programming languages, has a way around this inefficiency called anonymous functions (sometimes also called lambda functions). We arrive back at the code as originally presented:

$(document).ready(function() {

$('.poem-stanza').addClass('emphasized'); }); By using the function keyword without a function name, we define a function exactly where it is needed, and not before. This removes clutter and brings us back down to three lines of JavaScript. This idiom is extremely convenient in jQuery code, as many methods take a function as an argument and such functions are rarely reusable.

- 43 -

本文来源：https://www.bwwdw.com/article/b1ja.html