码迷,mamicode.com
首页 > 其他好文 > 详细

用户界面与业务逻辑的分离

时间:2019-12-29 13:17:01      阅读:111      评论:0      收藏:0      [点我收藏+]

标签:有一个   ado   com   ccf   image   turn   定义   info   架构   

界面与逻辑
基本程序架构一般包含:
用户界面模块(UI)
  接受用户输入及呈现数据
业务逻辑模块(Business Logic)
  根据用户需求处理数据

用户界面与业务逻辑如何交互?

基本设计原则
功能模块之间需要进行解耦
核心思想:强内聚,弱耦合
-每个模块应该只实现单一的功能
-模块内部的子模块只为整体的单一功能而存在
-模块之间通过约定好的接口进行交互

技术图片

 

 技术图片

 

 技术图片

 

 技术图片

 

 QCalculatorUI(接收用户的输入,并呈现最终的结果)和QCalculatorDec(实现计算器的核心算法)这两个类没有什么关系,都依赖于顶层的接口ICalculator

QCalculator的作用就是将QCalculatorUI和QCalculatorDec这两个类通过接口ICalculator结合在一起。

现在需要做的就是定义一个接口,并且定义一个QCalculator这个类

在C++中没有接口的概念,但是我们可以通过纯虚类来进行实现。

ICalculator.h

#ifndef _ICALCULATOR_H
#define _ICALCULATOR_H

#include <QString>

class ICalculator
{
public:
    virtual bool expression(const QString& exp) = 0;  //接收用户输入
    virtual QString result() = 0;                     //呈现输出结果
};


#endif // ICALCULATOR_H

添加QCalculaor.h类

#ifndef QCALCULATOR_H
#define QCALCULATOR_H

#include"QCalculatorUI.h"
#include "QCalculatorDec.h"

class QCalculator
{
protected:
    QCalculatorUI* m_ui; //UI这个类使用的是二阶构造来构造的,如果有一个成员变量它使用的是二阶构造来完成的,使用该成员变量整体的类也需要使用二阶构造。
    QCalculatorDec m_cal;

    QCalculator();
    bool construct();
public:
    static QCalculator* NewInstance();
    void show();//用来调用UI的show函数

    ~QCalculator();

};

#endif // QCALCULATOR_H
#include "QCalculator.h"

QCalculator::QCalculator()
{

}

bool QCalculator::construct()
{
    m_ui = QCalculatorUI::NewInstance();

    return (m_ui != NULL);
}

QCalculator* QCalculator::NewInstance()
{
    QCalculator* ret = new QCalculator();

    if((ret == NULL) || !ret->construct() )
    {
        delete ret;
        ret = NULL;
    }

    return ret;
}

void QCalculator::show()
{
    m_ui->show();
}

QCalculator::~QCalculator()
{
    delete m_ui;
}

上面仅仅是添加了两个类,并没有实现QCalculatorUI对IQCalculator的依赖,下面来做这件事。

实现UI与接口的关联

#ifndef _QCALCULATORUI_H_
#define _QCALCULATORUIH_

#include <QWidget>
#include <QPushButton>
#include <QLineEdit>
#include "iCalculator.h"

class QCalculatorUI : public QWidget
{
    Q_OBJECT
private:
    QLineEdit* m_edit;
    QPushButton* m_buttons[20];
    ICalculator* m_cal;

    QCalculatorUI();
    bool construct();
private slots:
    void onButtonClicked();

public:
    static QCalculatorUI* NewInstance();
    void show();
    ~QCalculatorUI();
    void setCalculator(ICalculator* cal);
    ICalculator* getCalculator();

};

#endif // _QCALCULATORUI_H_

QCalculatorUI.cpp

#include "QCalculatorUI.h"
#include <QDebug>

QCalculatorUI::QCalculatorUI(): QWidget(NULL,Qt::WindowCloseButtonHint) //此处QCalculatorUI就是作为顶层窗口存在的,虽然这个地方继承自QWidget,但是赋值为NULL,相当于它是没有父类的(但是实际上还是有的)。
                                                                        //将窗口中的最大化和最小化去掉
{
    //因为QLineEdit与QCalculatorUI以及QPushButton与QCalculatorUI是组合关系,那么就应该同生死,因此需要在构造函数对其定义。因为此处涉及到在堆上申请内存空间,因此需要
    //使用二阶构造
    m_cal = NULL;

}

bool QCalculatorUI::construct()
{
    bool ret = true;
    const char* btnText[20] =
    {
        "7", "8", "9", "+", "(",
        "4", "5", "6", "-", ")",
        "1", "2", "3", "*", "<-",
        "0", ".", "=", "/", "C",
    };

    m_edit = new QLineEdit(this);

    if(m_edit != NULL)
    {
        m_edit->move(10,10);
        m_edit->resize(240,30);
        m_edit->setReadOnly(true);  //使QLineEdit只读
        m_edit->setAlignment(Qt::AlignRight); //使字符串靠右对齐
    }
    else
    {
        ret = false;
    }

    for(int i=0; (i<4) && ret; i++)
    {
        for(int j=0; (j<5) && ret; j++)
        {
            if(m_buttons[i*5 + j] != NULL)
            {
                m_buttons[i*5 + j] = new QPushButton(this);
                m_buttons[i*5 + j]->move(10 + (10 + 40)*j, 50 + (10 + 40)*i);
                m_buttons[i*5 + j]->resize(40,40);
                m_buttons[i*5 + j]->setText(btnText[i*5 + j]);
                connect(m_buttons[i*5 + j],SIGNAL(clicked()), this, SLOT(onButtonClicked()));
            }
            else
            {
                ret = false;
            }
        }
    }

    return ret;
}

QCalculatorUI* QCalculatorUI::NewInstance()
{
    QCalculatorUI* ret = new QCalculatorUI();

    if((ret == NULL) || !(ret->construct()))
    {
        delete ret;
        ret = NULL;
    }

    return ret;
}

void QCalculatorUI::onButtonClicked()
{
    QPushButton* btn = dynamic_cast<(QPushButton*)>(sender());
    QString clickText = btn->text();

    if(btn !=NULL)
    {
        if(clickText == "<-")//此时应该将字符串的最后一个字符去掉。
        {
            QString text = m_edit->text();

            if(text.length() > 0)
            {
                text.remove(text.length()-1,1);
                m_edit->setText(text);
            }
        }
        else if(clickText == "C")
        {
            m_edit->setText( "");
        }
        else if(clickText == "=")
        {
            if(m_cal != NULL)
            {
                m_cal->expression(m_edit->text());
                m_edit->setText(m_cal->result());
            }
        }
        else
        {
            m_edit->setText(m_edit->text() + clickText);
        }
    }

}
void QCalculatorUI::show()
{
    QWidget::show();
    this->setFixedSize(this->width(),this->height()); //固定窗口的大小
}
QCalculatorUI::~QCalculatorUI()
{

}

void QCalculatorUI:: setCalculator(ICalculator* cal)
{
    m_cal = cal;
}
ICalculator* QCalculatorUI::getCalculator()
{
    return m_cal;
}

实现核心算法与接口的关联

因为在QCalculatorDec.h中已经实现了result和expression函数,因此只需要将QCalculatorDec这个类继承于ICalculator这个类就行。

如何将UI与核心算法进行间接关联呢?

#include "QCalculator.h"

QCalculator::QCalculator()
{

}

bool QCalculator::construct()
{
    m_ui = QCalculatorUI::NewInstance();

    if(m_ui != NULL)
    {
        m_ui->setCalculator(&m_cal);   //将UI和核心算法关联在一起了,这样的关联是通过接口进行的。从代码上看,
                                       //UI与算法并没有产生直接的关系。
    }

    return (m_ui != NULL);
}

QCalculator* QCalculator::NewInstance()
{
    QCalculator* ret = new QCalculator();

    if((ret == NULL) || !ret->construct() )
    {
        delete ret;
        ret = NULL;
    }

    return ret;
}

void QCalculator::show()
{
    m_ui->show();
}

QCalculator::~QCalculator()
{
    delete m_ui;
}

小结:

技术图片

 

用户界面与业务逻辑的分离

标签:有一个   ado   com   ccf   image   turn   定义   info   架构   

原文地址:https://www.cnblogs.com/-glb/p/12114490.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!