张琦 乔玲玲 潘军 侯剑

【摘 要】针对某单位年假审批过程繁復，信息不透明，审批效率低下及传统web技术开发效率低下的问题，提出了基于ExtJs技术的MVC模式的年假审批系统的设计思路，给出了系统的MVC架构及ExtJs技术的B/S开发模式和应用实例，设计了系统功能模块以及人员数据结构及其搜索思路。对系统进行了实现和测试，结果表明ExtJS能提高开发效率，有助于提高系统的可维护性。

【关键词】ExtJs MVC 权限管理 审批管理 人事树

1 引言

单位年假审批过程繁杂，需要层层领导审批签字，浪费了大量人力；信息透明度低，只在公示栏小范围公示，不能面向全体员工；员工提出纸质申请，一旦出错，需要重新修改打印，再次申请，审批效率低下。针对以上问题，开发年假审批系统不仅能节省人力物力，还能提高工作效率和透明度。

传统的WEB前端技术存在一些不足，如：需要写大量的前端的HTML代码，在设计和布局上需要花费很长的时间去设计和思考，开发时间较长。Extjs具有如下优点：

（1）无需管理HTML，CSS等放置组合，布局设计等繁琐的问题，一切只需要调用ExtJS的组件库，ExtJs能够动态的生成HTML，CSS。

（2）开发时间短，只需要调用ExtJS的组件库，就能够实现网页中的组件元素。因此设计基于ExtJs技术的MVC模式的年假审批系统具有重要的现实意义。

2 MVC模式及ExtJS设计

2.1 MVC架构设计

MVC即模型（Model），视图（View）和控制（Controller）。MVC模式的目的就是实现Web系统的职能分工。Model层实现系统中的业务逻辑，View层用于与用户的交互，Controller层是Model与View之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图进行显示，同时它也可以解释用户的输入并将它们映射为模型层可执行的操作。……