系统架构师谈企业应用架构之表现层

一、前言

最近也许是由于假期的原因，我发布的文章的速度变慢了，对大家说下抱歉，这个系列的确我很难写，感谢大家对我的支持和关注，的确我在发布后得到大家的支

持和认可，让我有了更多的动力，之前发布的有些内容，可能对各层讲解的内容的广度还不够，当然这和我个人的水平面有关，还请各位多多提出宝贵意见和建议。

从本篇开始，我将会采用更加规范的格式，更严谨的求知态度，更加准确的表达，去将接下来的系列文章写完，并且与群中的很多朋友交流后，他们希望出一个总

的PDF电子书，这样可以方便阅读，的确谢谢各位的支持，我目前将以后每篇写的内容，放一份PDF格式的在群共享中，有需要的朋友可以进行相应的下载，由于本人

的写作水平有限，所以在书写的深度和书写的格式上还有很多的缺点，还希望大家多多指出。

二、开篇

本篇我们将针对系统架构分层中的表现层进行讲述，分析表现层的架构与设计模式，当然我们会结合目前比较流行的表现层模式进行分析讲解，主要是围绕MVC模

式的起源及发展的过程进行讲述，并且分析目前MVC模式在不同UI层中的应用设计，由于本人的水平有限，加之实际的项目中可能应用的理解和经验水平不足，可能在

某些分析的地方不对，还请大家提出。我们之前的写作惯例，我们先来看看本文的主要讲述的内容吧

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' alt="" src="/uploadfile/201301/12/7E122049673.png" />

本文将会以上面的2点为主线展开去讲解表现层的内容。

三、内容提要

1、前言

2、内容提要

3、本文提纲

4、表现层模式

4.1、表现层的职责

4.2、UI层与表现层逻辑

4.2.1、用户界面的职责

4.2.2、表现层中容易产生的误区

4.3、MVC模式的提出及演化

4.3.1、MVC模式

4.3.2、MVP模式

4.3.3、MVC模式与MVP模式的对比和总结

5、结束语

6、系列进度

7、下篇预告

四、表现层模式

4.1、表现层的职责

我们知道任何一个应用程序，如果想要更好的与客户交互，我们一般都是通过提供一个用户界面去完成与用户的交互，当然通过前面我们讲述的，服务层与业务逻

辑层的讲解，其实都是为了更好的为表现层服务的，通常，我们都不是特别的重视表现层，但是其实，表现层同样重要。其实通常我们在关注各个分层的时候，我们对

每个分层的重视程度会不同，可能是由于我们自身的爱好，态度，或者是专业技能所决定的，但是一个好的系统，必然要求我们不管哪个分层都要足够的重视。

我们在做表现层时，通常我们会关注下面几个组件，首先是用户界面。也就是客户能够看到的用户界面简称UI，还有一部分就是与用户行为进行交互的组件，通常

我们叫做表现层逻辑，用户的所有操作都通过表现层逻辑来支持，表现逻辑层将负责其他层与UI层之间的交互。

根据我们前面讲述的各分层的设计我们知道，表现层逻辑将主要与服务层或者业务逻辑层进行交互。具体的关系如下：

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' alt="" src="/uploadfile/201301/12/3A122050109.png" />

通过上图我们知道表现逻辑层的位置，可以说如何组织好用户界面及表现层逻辑同其他层之间的关系，就是决定设计好坏的关键。也可以说表现层逻辑决定了用户

与系统交互。

下面我们来先看看表现层的职责吧

我们一般都把如下职责看作是表现层的职责，是不是你也有相同的看法？

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' alt="" src="/uploadfile/201301/12/FE122050363.png" />

其实，像图中说的验证，格式化，添加样式等这些更应该属于UI层组件，而不应该属于表现层，但

是作为架构师，你必须考虑的更全面，从更高的层次去考虑，比如说下面的几个方面：

498)this.width=498;'' onmousewheel = ''javascript:return big(this)'' al