基于EXTJS框架的小型财务系统的设计与实现

1、tnii学朮友叢网论文发表专家一l基于EXTJS框架的小型财务系统的设计与实现摘要传统的互联网结构是“瘦客户端，胖服务器”式的浏览器/服务器结构，随着技术不断发展，互联网的新技术不断涌现，用户要求有更好的体验和实时交互要求，因此传统的结构已经不能满足这样的要求。ajax作为一项新技巧可以实现页面异步刷新，给缓慢的web应用体验着色使之像桌面应用一样，作为一种ajax框架,extjs使得界面构建更加容易。本文从对extjs框架的解析出发，设计实现了小型财务办公系统，并探讨了extjs在基于浏览器/服务器结构的财务系统中对用户体验的改善。关键词extjs框架；财务系统；浏览器/服务器结构中图分类号

2、tp312文献标识码a文章编号1674-6708(2011)56-0182-021背景本人所在公司目前做出产品折扣率决策时，主要的方式是通过在不同部门之间手工传递excel报表，按照规定的流程，不同职能的部门选择excel报表中的相应内容进行填写，给产品经理展示出所有的决策信息，最终由产品经理来决定产品的折扣率。这样的工作方式：1) 比较繁琐，报表的传递和数据的计算都由工作人员来完成，容易出现错误；2) 人工进行报表维护，不同的工作人员要管理自己的表报，容匸交发表专家一LB国学朮发叢网易造成信息丢失；3）数据都分布在不同的报表文件中，不便进行信息统计；4）效率低下，工作流程的多个环节都要靠人工

3、来完成，在效率方面无法与计算机系统相比；5）不便于维护，例如，报表中的一些数据是根据一定的规则以及参数计算出来的，当规则和参数改变后，所有工作人员都更新报表模板，这无疑给工作带来了很大的不便；6）访问不便，工作人员的excel报表都储存在自己的电脑上，无法随处访问进行工作。为此，我们需要设计一套专门的系统来实现这个办公流程的自动化工作。从系统内容的多样性、界面的美观性、实时性和准确性出发，我们决定使用extjs框架设计和开发一套浏览器/服务器架构的系统。2extjs简介extjs是一个用javascript编写，与后台技术无关的前端ajax框架。因此，在实际的应用开发中以.net、java、p

4、hp等各种开发语言作为后端开发语言，而使用extjs作为前端开发语言。2.1json简介在项目中，extjs因华丽的界面而吸引人，而它的核心的内在交换的部分json也很重要。json（javascriptobjectnotation）是一种数据交互格式，一个不能实现数据交互功能的项目是没有任何匸交发表专家一LB国学朮发叢网意义的，大多的ajax框架的数据交互都基于json，如口：jquery、extjs等。因此理解json掌握json并熟练运用是很重要的。以目前主流的开发语言为例，.net已经把json封装到类中，无需配置，直接与数据库交互，轻松的封装直接使用；java就麻烦些，必须去下一个j

5、son包，然后再做一些配置，才可以使用；php和java差不多，也必须下载一个json插件（和类相似），但是不用配置，直接封装使用。在实际的项目中，各自的取舍配置，都基于项目和需求，并不是每个项目（针对web都一定要用到。但是，如果想在项目中用到此类的ajax框架，json的掌握又是必须的。2.2extjs的优点和缺点虽然extjs功能丰富强大，但是总有不完美之处.其的优缺点总结如下：2.2.1优点1）统一的类库和接口：在对extjs运用熟练了之后能体会到它像是一个运行在浏览器上的运行时框架。我们要实现各种功能的应用的开发，只需要使用extjs提供给我们的组件接口即可，这些组件和控件的使用非常简单方便；2）异步请求：采用了ajax机制，不用像传