MVC in MFC or WTL

关于MVC

    MVC是一种分离用户界面和业务逻辑的开发架构。
    ●  模型(Model):体现应用程序业务信息（数据）和业务数据的处理。所有有关数据库的操作只限制在该模型中。
    ●  视图(View): 代表用户交互界面
    ●  控制器(Contrlloer):控制器负责接收、截取用户请求（如键盘输入，鼠标点击)，但不处理业务信息，它只把用户的信息传递给模型，告诉模型该做什么，由模型返回最终的处理结果。控制器再选择符合要求的视图返回给用户。

背景

    做Web或者Java的对MVC会比较熟悉，对于用MFC开发桌面应用程序的developer来说，已经习惯于拖一个按钮，然后双击，在CxxxDlg.cpp中添加事件响应。随着业务逻辑的复杂，这一个文件包含了所有的界面代码，逻辑处理，数据操作…。频繁的界面修改可能会破坏比较稳定的业务代码。将业务逻辑分离出来，由一个控制器负责，就可以避免这种干扰。

    去搜索了下MVC在桌面应用程序开发上的资料，找出两篇：
    1. vckbase上的，采用MFC编制MVC模式之球体演示程序。处理流程：Controller(CMVCSphereDlg)捕获后用户输入后通知Model(CSphere)，Model再通知两个View(TextView & CGraphicView)更新显示。由模型通知视图刷新
    2. codeproject上的，Simple Example of MVC (Model View Controller) Design Pattern for Abstraction。处理流程：View(frmCalcView)捕获用户事件后传递给Controller(CalcController), Controller调用Model(CalculatorModel)的运算方法得到计算结果，再回传给View更新显示。由控制器通知视图刷新

    看完这两个已经搞不定到底哪种才是真正的MVC，后来又查了资料说：
    MVC模式有许多变体。第一种，由模型通知视图刷新，称为主动MVC；如果由控制器更新模型以后通知视图，称为被动MVC结构。在许多应用中，没有明显的控制器角色，也没有视图嵌套。可见根据实际需要，构成MVC的三个模式上都可能出现变化。Web浏览器就是被动MVC结构的一个实例。

实践

    我将上面第二个用C#写的计算器的例子，改用WTL作为界面库，采用MVC架构设计。(据说MVC不适合小中型引用程序，多大才算中小呢？只有自己去开发体会了)

   

    先来看下代码结构:
   
     Model，View，Controller分开，Resource存在一些资源文件。

    1. 先来看下App类，怎么将三者组织起来的

  1:     CMessageLoop theLoop;
  2:     _Module.AddMessageLoop(&theLoop);
  3: 
  4:     // View
  5:     CMainDlg dlgMain;
  6:     if(dlgMain.Create(NULL) == NULL)
  7:     {
  8:         ATLTRACE(_T("Main dialog creation failed!\n"));
  9:         return 0;
 10:     }
 11:     // Model
 12:     CalcModel* pModel = new CalcModel();
 13:     // Controller
 14:     CalcController* pController = new CalcController(pModel, &dlgMain);
 15: 
 16:     dlgMain.ShowWindow(nCmdShow);
 17: 
 18:     int nRet = theLoop.Run();
 19: 
 20:     _Module.RemoveMessageLoop();
 21: 
 22:     // 先析构哪个呢？
 23:     delete pController;
 24:     delete pModel;

    2. CalcController类构造函数需要传递Model和View的指针，接收从View传递来的用户事件，然后调用Model和View中中方法来完成用户请求。

  1: // 运算控制器 
  2: // 
  3: ///////////////////////////////////////////////////////////////////////////
  4: #ifndef _CALCCONTROLLER_H_
  5: #define _CALCCONTROLLER_H_
  6: 
  7: #include "CalcView.h"
  8: #include "CalcModel.h"
  9: 
 10: class CalcController 
 11: {
 12: protected:
 13:     CalcModel*  m_pCalcModel;
 14:     CalcView*   m_pCalcView;
 15: 
 16: public: 
 17:     CalcController(CalcModel* pModel, CalcView* pView)
 18:         : m_pCalcModel(pModel)          // Model
 19:         , m_pCalcView(pView)            // View
 20:     {
 21:         ATLASSERT(m_pCalcView);
 22:         ATLASSERT(m_pCalcModel);
 23:         m_pCalcView->AddController(this); // 将controller传给view
 24:     }
 25: 
 26:     // ......省略部分代码    
 27: 
 28:     // 用户点击数值(0~9)
 29:     virtual void ClickValue(double dValue)
 30:     {
 31:         // ......省略
 32: 
 33:         // 生成新操作数
 34:         CString strValue;
 35:         strValue.Format(_T("%g"), dValue);
 36:         m_strOperateValue += strValue;
 37:       
 38:         m_clickType = click_value;
 39:         m_pCalcView->ShowOperateResult(m_strOperateValue);
 40:     }
 41: 
 42:     // 用户点击操作(+, -, *, ÷)
 43:     virtual void ClickOperate(OPERATE_TYPE op_type)
 44:     {
 45:         // ......省略
 46: 
 47:         // 计算出上一次运算符的结果
 48:         double dResult;
 49:         dResult = m_pCalcModel->Calc(m_operaType, _tstof(m_strOperateValue));
 50:         CString strResutl;
 51:         strResutl.Format(_T("%f"), dResult);
 52:         strResutl.TrimRight('0');
 53:         strResutl.TrimRight('.');
 54: 
 55:         // 更新view
 56:         m_pCalcView->ShowOperateExpression(m_strExpression);
 57:         m_pCalcView->ShowOperateResult(strResutl);
 58: 
 59:        // ......省略
 60:     }
 61: 
 62:     // ......省略
 63: };
 64: 
 65: 
 66: #endif // _CALCCONTROLLER_H_

    注意到，在Controller中，View和Model是没有直接交互的。通过在Controller中调用View的方法（ShowOperateResult，ShowOperateExpression）来更新View中的显示。那么View又是怎么传递用户事件给Controller的呢？
    3. 通过m_pCalcView->AddController(this)  将Controller传给View。View就可以在接收到用户请求之后，就可以调用Controller中的事件处理函数（ClickValue，ClickOperate）

  1: class CalcView
  2: {
  3: public:
  4:     CalcView()
  5:         : m_pCalcController(NULL)
  6:     {
  7:     }
  8: 
  9:     void AddController(CalcController* pController)
 10:     {
 11:         ATLASSERT(pController);
 12:         m_pCalcController = pController;
 13:     }
 14: 
 15: // interface
 16:     // 显示运算表达式
 17:     virtual void ShowOperateExpression(CString strExpression) {}
 18:     // 显示运算结果
 19:     virtual void ShowOperateResult(CString strResutl) {}
 20: 
 21: protected:
 22:     CalcController* m_pCalcController;   
 23: };

    CMainDlg从CalcView继承，重载接口实现计算结果的显示。MVC的一个目标就是把用户界面分离，如果要换一个界面，或者改用MFC编写界面了，只需要重载接口改变显示方式而已。

  1: class CMainDlg : public CDialogImpl<CMainDlg>
  2:     , public CUpdateUI<CMainDlg>
  3:     , public CMessageFilter
  4:     , public CIdleHandler
  5:     , public CalcView
  6: {
  7: public:
  8:     // ......省略
  9: 
 10:     BEGIN_MSG_MAP(CMainDlg)
 11:         MESSAGE_HANDLER(WM_INITDIALOG, OnInitDialog)
 12:         COMMAND_ID_HANDLER(IDC_BUTTON_VAULE0, OnClickValue)
 13:         COMMAND_ID_HANDLER(IDC_BUTTON_VAULEP, OnClickDecimalPoint)
 14:         COMMAND_ID_HANDLER(IDC_BUTTON_ADD, OnClickOperate)
 15:         // ......省略
 16:     END_MSG_MAP()
 17: 
 18:     //////////////////////////////////////////////////////////////////////////
 19:     LRESULT OnClickValue(WORD, WORD , HWND hWndCtl , BOOL&)
 20:     {
 21:         CString strValue;
 22:         ::GetWindowText(hWndCtl, strValue.GetBuffer(1), 2);
 23:         strValue.ReleaseBuffer();
 24: 
 25:         m_pCalcController->ClickValue(_tstof(strValue));
 26:         
 27:         return 0;
 28:     }
 29: 
 30:     LRESULT OnClickDecimalPoint(WORD, WORD , HWND , BOOL&)
 31:     {
 32:         m_pCalcController->ClickDecimalPoint();
 33:         return 0;
 34:     }
 35: 
 36:     LRESULT OnClickOperate(WORD, WORD wID, HWND , BOOL&)
 37:     {
 38:         switch (wID)
 39:         {
 40:         case IDC_BUTTON_ADD:
 41:             m_pCalcController->ClickOperate(OP_ADD);
 42:             break;
 43:         case IDC_BUTTON_SUB:
 44:             m_pCalcController->ClickOperate(OP_SUB);
 45:             break;
 46:         case IDC_BUTTON_MULT:
 47:             m_pCalcController->ClickOperate(OP_MULT);
 48:             break;
 49:         case IDC_BUTTON_DIVE:
 50:             m_pCalcController->ClickOperate(OP_DIVE);
 51:             break;
 52:         }
 53: 
 54:         return 0;
 55:     }
 56: 
 57:     //////////////////////////////////////////////////////////////////////////
 58: 
 59: // Override
 60:     void ShowOperateResult(CString strResutl)
 61:     {
 62:         GetDlgItem(IDC_STATIC_RESULT).SetWindowText(strResutl);
 63:     }
 64: 
 65:     void ShowOperateExpression(CString strExpression)
 66:     {
 67:         GetDlgItem(IDC_STATIC_EXPRESSION).SetWindowText(strExpression);
 68:     }
 69: };

    4. 最后看一下Model类，只负责数值计算，以及返回运算结果

  1: class CalcModel
  2: {
  3: public:
  4:     CalcModel() : m_dResult(0)
  5:     {
  6:     }
  7: 
  8:     // 执行计算，返回计算结果
  9:     double Calc(OPERATE_TYPE op_type, double dValue)
 10:     {
 11:         switch ( op_type )
 12:         {
 13:         case OP_NULL:   // 第一个操作数默认执行和0相加
 14:         case OP_ADD:    // 加法
 15:             Add(dValue);
 16:             break;
 17:         case OP_SUB:    // 减法
 18:             Sub(dValue);
 19:             break;
 20:         case OP_MULT:   // 乘法
 21:             Mult(dValue);
 22:             break;
 23:         case OP_DIVE:   // 除法
 24:             Dive(dValue);
 25:             break;
 26:         }
 27: 
 28:         return m_dResult;
 29:     }
 30: 
 31: protected:
 32:     // 加
 33:     void Add(double dValue)
 34:     {
 35:         m_dResult += dValue;
 36:     }
 37: 
 38:     // 减
 39:     void Sub(double dVaule)
 40:     {
 41:         m_dResult -= dVaule;
 42:     }
 43: 
 44:     // 乘
 45:     void Mult(double dVaule)
 46:     {
 47:         m_dResult *= dVaule;
 48:     }
 49: 
 50:     // 除
 51:     void Dive(double dVaule)
 52:     {
 53:         m_dResult /= dVaule;
 54:     }
 55: 
 56: protected:
 57:     double m_dResult; // 结果
 58: };

 

完整代码：MVC in MFC or WTL