在eMortgage Logic公司，2011年底开始使用Ext JS 4。当时，还不知道如何正确编写Ext JS应用程序，但最后还是掌握了如何让应用程序实现所需的方法。不过，这并不意味着能很好的去实现他们。最终结果是，应用程序是由十几个大规模控制器实现处理的，而同时，视图使用的是一组简单的配置。控制器掌控着一切，但随着时间的推移，控制器变得越来越难于维护，这就让人开始怀疑当初的代码是否妥当了。
最后，我们试图让视图变得聪明一点，沿着这个思路，我们有点开窍了。最终，终于知道如何在控制器和视图之间划清界线了。为了说明我们团队新发现的这个知识，我撰写了以下这个指南。该指南使用了一个简单的方式来说明如何拆卸大的控制器并替换他们的的逻辑代码，以便于维护。这不仅有利于短期内使用Ext JS 4的团队，也有利于近期升级到Ext JS 5视图控制器的团队。
在这篇文章，将创建一个小型的控制和有几个需求的简单视图，然后通过几个步骤来分离他们。
本文最终的目标是创建一个实现以下要求的控制器和视图：
- 提供一个表单让用户输入喜好
- 保持喜好到用户的记录
- 更新用户的名字和喜好等信息
[/code]
