基于MVC模式的ExtJS框架在短信平台中的应用

史学梅 孟祥瑞

（安徽理工大学计算机学院，安徽 淮南232001）

引言。随着现代化进程的不断加快，各行各业的信息交流越来越重要，企业要想在激烈的市场竞争中立于不败之地就必须把自己的产品销售出去，用户首先要知道有此产品才能认识该产品而购买。故企业首先要把产品信息传达给用户，这也是企业生存的关键一步棋子。现在基本上已经人手一机了，每人都有一部手机，那么就可采用发短信的方式把商业信息发送给对应的客户群，短信平台也就随之出现。由于短信平台功能不太多，也不是很复杂，故为方便起见采用MVC设计模式，为了既节约成本又有友好的用户界面，所以使用ExtJS框架实现。

1 MVC技术简介

MVC(Model-View-Controller)即软件项目设计模式，M指的是模型（Model），V指的是视图（View），C指的是控制器（Controller）。MVC设计模式已经被SUN应用在J2EE平台设计模式中，Model2设计模式就是MVC设计模式的具体应用。MVC设计模式的核心思想是把应用项目的程序输入、程序输出、程序处理分离开，把模型、视图和控制器分开设计，在不同的层上设计。

2 ExtJS简述

ExtJS也即EXT，用JavaScript脚本语言编写，ExtJS与后台使用什么技术无关。ExtJS专门用来设计用户界面，不需要开发人员懂美工技术就能灵活的设计出精美的菜单、框体、表格等。ExtJS是一种ajax框架，支持不同的浏览器，使用前景看好。

3 基于MVC的ExtJS框架的短信平台实现

3.1 短信平台

短信平台由短信发送模块、短信发送日志模块、用户信息模块和系统维护模块组成，可群发短信，也可一条一条的发送短信，另外还可直接利用短信平台充值，比到移动公司给自己的手机交手机费还要方便。既可向移动用户手机发送短信，也可向联通用户手机发送短信，还可向小灵通用户发送短信。

3.2 在网页中导入ExtJS包

在使用ExtJS框架之前，应该在网页中导入ExtJS 的 集 成 文 件 ext-all.js、ext-base.js、ext-lang-zh_CN.js和resources目录下的所有文件，也即至少要导入ext-all.css、ext-base.js和ext-all.js这三个文件。ext-base.js放置JavaScript脚本，是ExtJS的核心文件；ext-lang-zh_CN.js是翻译为中文简体的翻译程序文件；ext-all.css包括了CSS和一些图片。

3.3 编写相关代码

实现用户界面的相关JavaScript代码都以js 文件的形式存储，但需要在JSP 页面中导入此js文件，导入代码为：

这儿以修改客户信息为例，params里的参数是把从用户界面获取的修改信息传递给后台,部分代码如下:

ContactsInfoUpdateServlet处理要修改的客户表单信息,并调用对应的JavaBean,相关源码如下：

结束语

短信平台采用MVC模式的形式实现，日后如果修改模式较方便，使用平台也易于维护，出现问题能够很容易的找到出错位置，做到责任到层。ExtJS设计出让用户满意的JavaWeb页面，平台系统运行良好，对企业信息化发展具有一定的参考价值。

[1]徐会生,何启伟,康爱媛.深入浅出ExtJS[M].北京:人民邮电出版社，2009，2-3，233-255.

[2]强锋科技,陈衍卿.JavaScript完全自学宝典[M].北京:清华大学出版社，2008，493-505.

[3]卫军,夏慧军,孟腊春.ExtJSWeb应用程序开发指南 [M].北京:机械工业出版社，2009，226-230.

[4]蔡虹,胡云.基于SmartPhone的短信平台设计与实现[J].网络与通信，2010，10:129-131.