�??xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>&#20122;&#27954;&#27431;&#27954;&#35270;&#39057;&#22312;&#32447;&#44;&#20122;&#27954;&#25104;&#20154;&#31934;&#21697;&#19968;&#21306;&#44;&#22269;&#20135;&#23159;&#23159;&#33394;&#19968;&#21306;&#20108;&#21306;&#19977;&#21306;&#22312;&#32447;</title><link>http://www.aygfsteel.com/jacky/category/399.html</link><description>技术创造个��Z�h(hu��n)�?
Technology Creates The Values Of Person</description><language>zh-cn</language><lastBuildDate>Wed, 28 Feb 2007 02:47:29 GMT</lastBuildDate><pubDate>Wed, 28 Feb 2007 02:47:29 GMT</pubDate><ttl>60</ttl><item><title>State模式在客��L��软�g中的应用</title><link>http://www.aygfsteel.com/jacky/articles/1038.html</link><dc:creator>jacky</dc:creator><author>jacky</author><pubDate>Sat, 05 Feb 2005 12:09:00 GMT</pubDate><guid>http://www.aygfsteel.com/jacky/articles/1038.html</guid><wfw:comment>http://www.aygfsteel.com/jacky/comments/1038.html</wfw:comment><comments>http://www.aygfsteel.com/jacky/articles/1038.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jacky/comments/commentRss/1038.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jacky/services/trackbacks/1038.html</trackback:ping><description><![CDATA[<BLOCKQUOTE>在对一个J2EE��目的重构、增加新功能的过�E�中�Q�对客户端GUI�E�序�Q�我们��用了State模式。结果显�C�，该模式的使用�Q�不但减���了客户端GUI�E�序的程序规模（LOC�Q�，而且�Q�该部分的开发及单元���试旉���大大减少�Q�同�Ӟ��在集成测试中发现的缺��h��量比使用该模式前�q�_��减少�?倍。本文就该项目中使用State模式的方式进行介�l��?/BLOCKQUOTE>
<P><A name=IDAZBG2><span id="wmqeeuq"    class=atitle2>引言</SPAN></A><BR>在分层��Y件体�pȝ��构中�Q�服务端�E�序��x��于实��C��务逻辑�Q�客��L���E�序则包含用��L��面。服务端�E�序由客��L���E�序调用�Q�其��h��、响应模式在设计时已�l�确定，�q�行时出现问题的概率较小。相反，客户端程序与用户直接交互�Q�虽然有正确规定的操作顺序或模式�Q�但是用��L��操作是不可预知的�Q�程序必���d��理各�U�操作错误、加上数据输入有效验证等要求�Q���得客��L���E�序的开发成本上升�?/P>
<P>因而，一旦有�l�过充分���试的、甚��x��通过验收的用户交互程序GUI�Q�应该尽可能的重用该GUI�Q�以提高软�g的可靠性、可�l�护性�?/P>
<P>在对一个J2EE��目的重构、增加新功能的过�E�中�Q�对客户端GUI�E�序�Q�我们��用了State模式。结果显�C�，该模式的使用�Q�不但减���了客户端GUI�E�序的程序规模（LOC�Q�，而且�Q�该部分的开发及单元���试旉���大大减少�Q�同�Ӟ��在集成测试中发现的缺��h��量比使用该模式前�q�_��减少�?倍。本文就该项目中使用State模式的方式进行介�l��?/P>
<P><A name=IDABCG2><span id="wmqeeuq"    class=atitle2>1. State模式</SPAN></A><BR>首先�Q�先���单介�l�一下State模式�?/P>
<P>该模式是指在对象的内部状态改变时改变对象的行为�?】。其�l�构如图1所�C��?/P>
<P><A name=IDAJCG2><B>�? State模式�l�构</B></A><BR><IMG height=254 alt="�? State模式�l�构" src="http://www-900.ibm.com/developerWorks/cn/java/j-state/images/image001.png" width=540 border=0 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"></P>
<P>模式中各个参与者职责简介如下：</P>
<UL xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<LI>Context�Q�用户对象，拥有一个State�c�d��的成员，以标识对象的当前状态； 
<LI>State�Q�接口或基类�Q�封装与Context的特定状态相关的行�ؓ�Q?
<LI>ConcreteState�Q�接口实现类或子�c�，实现了一个与Context某个状态相关的行�ؓ�?/LI></UL>
<P>�q�行�Ӟ��Context���与状态相关的��h��委托�l�当前的ConcreteState对象处理。关于State模式更详���的介绍�Q�请参阅参考文�?�?/P>
<P><A name=IDA2CG2><span id="wmqeeuq"    class=atitle2>2. 客户端应�?/SPAN></A><BR>本模式的目标是分���d����L��软�g中的变化部分与不变部分，以��得变化的部分可独立于不变的部分，有利于扩充新的功能，也有利于�l�护�?/P>
<P>在项目中�Q�对于客��L��GUI的重用有两种方式�?/P>
<UL xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<LI>方式1适用于：相同数据集合�Q�不同操作模式；此时�Q�在GUI中定义客��L��数据处理验证逻辑�Q�不同的状态对象封装了不同的操作模式； 
<LI>方式2适用于：不同数据集合�Q�相同操作模式；此时�Q�在状态对象中定义客户端数据处理验证逻辑�Q�不同的状态对象封装了不同的数据集合操作�?/LI></UL>
<P><A name=IDAGDG2><span id="wmqeeuq"    class=atitle3>2.1 �c�d��1�Q?Read-Only &amp; Normal</SPAN></A><BR><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.1.1 动机</B></P>
<P>客户端GUI接受用户输入�Q�经�q�数据有效性验证，然后���数据传输到服务端，服务端检查业务逻辑有效性，保存数据�Q�但是在特定情况下（比如数据已经存在、且只能�l�历一�ơ输入）�Q�依据客��L��GUI所操作数据的状态，业务逻辑要求数据为只读，卛_����L��只具有显�C�数据的功能�Q��ƈ不能改变服务器上的数据�?/P>
<P>一般地�Q�编�E�实现时�Q�会在GUI�E�序中加入判断数据是否应该�ؓ只读的逻辑判断语句。如果针对相同的数据集合�Q�Model�Q�，有多个客��L��GUI�Q�View�Q�，���需要在每个�E�序中加入该判断。如此降低了�E�序的可�l�护性，军_��数据是否为只�ȝ���q�样一个业务逻辑���分散在�E�序中多处，不易�l�护�Q�在业务逻辑发生改变�Ӟ��易造成不一致�?/P>
<P>我们可以���变化部分（在Normal和Read-Only状态下不同的部分）从GUI中抽取出来，分别用不同的�c�L��表示�Q�这��P��当GUI的状态发生改变时�Q�只需要改变其对状态对象的引用卛_���Q�状态相��x��作委托给状态对象去完成�?/P>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.1.2 适用�?/B></P>
<P>本类型适用环境�Q�相同数据集合，不同操作模式。即特定的GUI�Ҏ(gu��)��操作上下文环境，改变其响应模式，�Ҏ(gu��)��数据是否可编辑，分�ؓ两种状态Read-Only State�?Normal State�?/P>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.1.3 �l�构�Q�图2�Q?/B></P>
<P><A name=IDAWDG2><B>�? 相同数据集合�Q�不同操作模�?/B></A><BR><IMG height=548 alt="�?  相同数据集合�Q�不同操作模�? src="http://www-900.ibm.com/developerWorks/cn/java/j-state/images/image003.png" width=825 border=0 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"></P>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.1.4 参与�?/B></P>
<UL xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<LI>ClientStateChangeable�Q�客��L��GUI提供�l�State对象的操作接口，使得State对象可以讉K��GUI的成员，以完成该状态相��x��作； 
<UL>
<LI>getChangeableComponents()�Q�返回在状态�{换�ؓRead-Only�Ӟ��不可�~�辑的控件Collection�Q?
<LI>saveChangeToServer()�Q�在可编辑状态时�Q�将客户端数据保存到服务端�?/LI></UL>
<LI>AClientGUI�Q�完成图1中的Context功能�Q�即其状态要�q�行改变的客��L��GUI�Q�维护ClientState的一个实例（state�Q�； 
<UL>
<LI>init()�Q�将this引用作�ؓ参数�Q�调用state.setComponents(this) 以设�|�可变控件的初始状态； 
<LI>okButtonActionPerformed(e:ActionEvent)�Q�用户完成操作后�Q�本�Ҏ(gu��)��可作�?"OK"按钮控�g的ActionListener�Ҏ(gu��)���Q�调用state.action(this) 以完成本操作�?/LI></UL>
<LI>ClientState�Q�State接口�Q�封装与客户端GUI某个特定状态相关的行�ؓ�Q?
<UL>
<LI>setComponents(gui:ClientStateChangeable)�Q�设�|�参数gui指定的客��L��GUI的控件状态； 
<LI>action(gui:ClientStateChangeable)�Q�完成数据保存功能�?/LI></UL>
<LI>ClientNormalState�Q�可�~�辑状态子�c�，实现ClientState接口�Q?
<UL>
<LI>setComponents(gui:ClientStateChangeable)�Q�调用参数gui指定的客��L��GUI的getChangeableComponents()获取控�gCollection�Q�然后遍历设�|�各控�g状态�ؓ可编辑； 
<LI>action(gui:ClientStateChangeable)�Q�调用参数gui指定的客��L��GUI的saveChangeToServer()完成数据保存功能�?/LI></UL>
<LI>ClientReadOnlyState�Q�只�ȝ��态子�c�，实现ClientState接口�Q?
<UL>
<LI>setComponents(gui:ClientStateChangeable)�Q�调用参数gui指定的客��L��GUI的getChangeableComponents()获取控�gCollection�Q�然后遍历设�|�各控�g状态�ؓReadOnly�Q?
<LI>action(gui:ClientStateChangeable)�Q�空�Ҏ(gu��)���Q�本状态下无数据变化，无须保存�?/LI></UL></LI></UL>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.1.5 代码�C�Z��</B></P>
<P>ClientStateChangeable接口�Q?/P><A name=IDACFG2><B></B></A><BR>
<TABLE cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1>
<TBODY>
<TR>
<TD><PRE><CODE>
public interface ClientStateChangeable {	
	/**
	 * To get all changeable components in the GUI object. 
	 * @return Collection contains Component objects. 
	 */
	Collection getChageableComponents();
	
	/**
	 * To save data to server.
	 */
	void saveChangeToServer();
}
</CODE></PRE></TD></TR></TBODY></TABLE>
<P>AClientGUI�c�：</P><A name=IDAKFG2><B></B></A><BR>
<TABLE cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1>
<TBODY>
<TR>
<TD><PRE><CODE>
public class AClientGUI extends JPanel implements ClientStateChangeable{
	//�?	
	private ClientState state = null;

public DesignStep1View(ClientState state){
//�?		
this.state = state;
this.state.setComponents(this);
	}
	
	private void okButton_actionPerformed(ActionEvent e){
		state.action(this);	//save data
	}

	public Collection getChageableComponents() {
		Collection dataComponents = new ArrayList();		
		dataComponents.add(jComboBoxESEPattern);
		//�?		
		return dataComponents;
	}

	public void saveChangeToServer() {
		//�?
	}
}
</CODE></PRE></TD></TR></TBODY></TABLE>
<P>ClientState接口�Q?/P>
<P>public interface ClientState { /** * To set components' state in the GUI. * @param gui a GUI object which implements StateChangeable interface. */ void setComponents(ClientStateChangeable gui); /** * when user click OK-Button in a GUI, the GUI will call this method. * @param gui a GUI object which implements StateChangeable interface. */ void action(ClientStateChangeable gui); }</P>
<P>ClientNormalState�c�：</P><A name=IDAUFG2><B></B></A><BR>
<TABLE cellSpacing=0 cellPadding=5 width="100%" border=1 bgc<link rel="stylesheet" href="/developerWorks/cn/css/ie1.css" type="text/css">olor="#CCCCCC"&gt; 
<TBODY>
<TR>
<TD><PRE><CODE>
public class ClientNormalState implements ClientState {
	/**
	 * 正常状态下, 各个控�g默认为可�~�辑�? 所以不用做��M��更改
	 */
	public void setComponents(ClientStateChangeable gui) {}

	/** 
	 * 正常状态下, 需要将用户所作修改保存到服务�?
	 */
	public void action(ClientStateChangeable gui) {
		gui.saveChangeToServer();
	}
}
</CODE></PRE></TD></TR></TBODY></TABLE>
<P>ClientReadOnlyState�c�：</P><A name=IDA2FG2><B></B></A><BR>
<TABLE cellSpacing=0 cellPadding=5 width="100%" bgColor=#cccccc border=1>
<TBODY>
<TR>
<TD><PRE><CODE>
public class ClientReadOnlyState implements ClientState {
	/**
	 * 讄���GUI的数据控件�ؓRead-Only
	 */
public void setComponents(ClientStateChangeable gui) {
		Collection components = gui.getChageableComponents();
		Iterator iter = components.iterator();
		while(iter.hasNext()){
			JComponent jc = (JComponent)iter.next();
			jc.setEnabled(false);			
			String toolTip = jc.getToolTipText();
			String addedTip = "只读状�?;
			if(toolTip == null)toolTip = addedTip;
			else toolTip += ". " + addedTip;
			jc.setToolTipText(toolTip); 
		}
	}

	/**
	 * GUI处于Read-Only状�? 无需���数据保存到server�?
	 */
	public void action(ClientStateChangeable gui) {}
}
</CODE></PRE></TD></TR></TBODY></TABLE>
<P><A name=IDADGG2><span id="wmqeeuq"    class=atitle3>2.2 �c�d��2�Q�（Reuse GUI�Q?/SPAN></A><BR><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.2.1 动机</B></P>
<P>当多个客��L��GUI布局、控件类型很�怼��Q�所完成的�Q务也�怼��Ӟ��只需要经�q�精心设计，���这些GUI的展�C��Ş式统一��h���Q�同一个GUI可以用到多个场景中，辑ֈ�重用的目的。此�Ӟ���q�些不同��d��需要操作不同的数据集合�?/P>
<P>可以在GUI�c�M��实现�q�些不同数据集合的操作，但是�q�会�l�程序维护带来麻烦。首先，属于不同逻辑的数据操作出现在同一�c�L��件中�Q�造成逻辑混�ؕ、程序规模增大，不易于调试；其次�Q�要���GUI用于新的数据集合�Ӟ��只能在相同文件中增加新的代码�Q�此�Ӟ��该程序的可维护性降低，���其是新的工作由其他�E�序员完成时�Q�要理解原有代码是很费力的�?/P>
<P>�?.1.1节中提到的解��x��法类��|�����变化的部分和不变部分分���d��来，使得变化的部分可以独立修攏V��扩充。具体地�Q�则是将数据集合相关操作从GUI�E�序中抽取出来，定义一个所有数据集合操作的接口�Q�即�Q�状态接口）�Q�不同地数据集合操作作�ؓ该接口的一个实现类存在。这��P��每个数据集合都独立的���装于一个状态对象内�Q�而且�Q�要�Ҏ(gu��)��的数据��用该GUI�Q�只需要定义新的状态接口实现类卛_���Q�无���M��改已有类�Q�甚至不兛_��已有的状态�?/P>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.2.2 适用�?/B></P>
<P>本类型适用环境�Q�不同的数据集合�Q�相同的操作模式。即不变化的客户端GUI�Q�将不同的数据集合操作委托给变化的状态对象去完成�?/P>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.2.3 �l�构�Q�图3�Q?/B></P>
<P><A name=IDATGG2><B>�? 不同数据集合�Q�相同操作模�?/B></A><BR><IMG height=256 alt="�? 不同数据集合�Q�相同操作模�? src="http://www-900.ibm.com/developerWorks/cn/java/j-state/images/image005.png" width=700 border=0 xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"></P>
<P><B xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">2.2.4 参与�?/B></P>
<UL xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<LI>InvariableGUI�Q�本�w�不发生变化的客��L��GUI�c�，�l�护一个对VariableDataState的引用state�Q�将数据相关操作委托�l�该引用对象 �Q?
<UL>
<LI>saveChangeToServer()�Q�调用state.processData(this)完成数据相关操作�Q?/LI></UL>
<LI>VariableDataState�Q�State接口�Q�封装与数据相关操作的行为； 
<UL>
<LI>ProcessData(gui:InvariableGUI)�Q�调用参数gui的成员获取数据�ƈ完成处理�Q?/LI></UL>
<LI>DataState1、DataState2�?�?�?DataStateN�Q�状态子�c�，实现VariableDataState接口�Q�封装了特定某一�c�L��据集合的操作�Q�可以根据不同的数据集合定义多个VariableDataState接口的状态类�Q�从而实��C��对InvariableGUI的重用�?/LI></UL>
<P>本类型的实现代码在这里就不列��Z���Q�参�?.1.5节中的代码，很容易的���可实现本类型的�l�构�?/P>
<P><A name=IDANHG2><span id="wmqeeuq"    class=atitle3>2.3 �l�合以上两种�c�d��</SPAN></A><BR>可以���以上两�U�类型结合�v来��用，卛_����C��客户端��Y件的数据集合斚w��对GUI的重用，也实��C��操作模式斚w��对GUI的重用�?/P>
<P>�E�序实现�Ӟ��可以由GUI�c�d��别维护一个ClientState的引用和一个VariableDataState的引用：</P>
<UL xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance">
<LI>初始化GUI�c�L���Q�GUI的构造器调用ClientState对象的setComponents()�Ҏ(gu��)��讄���控�g的状态； 
<LI>用户提交操作�Ӟ��GUI调用ClientState对象的action()�Ҏ(gu��)���Q�如�?所�C�，该方法��用传递的gui参数回调GUI的saveChangeToServer()�Ҏ(gu��)���Q�而saveChangeToServer()�Ҏ(gu��)��则按照图3所�C�，调用VariableDataState引用的状态对象的processData()�Ҏ(gu��)��完成数据操作�?/LI></UL>
<P><A name=IDAXHG2><span id="wmqeeuq"    class=atitle2>3 �ȝ��</SPAN></A><BR>本文介绍的State模式应用于多�c�d��数据、多操作模式的客��L��软�g�Q�可以取得明昄���效果�Q�但如果客户端类和状态都很少�Ӟ��使用本模式，反而增加了客户端类数量�Q�增加了体系�l�构的复杂性，此时�Q�可以��用��承方式的�c�M���p�L��实现重用�Q�无���M��用State状态对象的委托操作和回调操作�?/P><img src ="http://www.aygfsteel.com/jacky/aggbug/1038.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jacky/" target="_blank">jacky</a> 2005-02-05 20:09 <a href="http://www.aygfsteel.com/jacky/articles/1038.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>                                                                                  <footer>
<div class="friendship-link">
<a href="http://www.aygfsteel.com/" title="&#29408;&#29408;&#20037;&#20037;&#20122;&#27954;&#27431;&#32654;&#19987;&#21306;&#95;&#20013;&#25991;&#23383;&#24149;&#20122;&#27954;&#32508;&#21512;&#20037;&#20037;&#50;&#48;&#50;&#95;&#22269;&#20135;&#31934;&#21697;&#20122;&#27954;&#31532;&#20116;&#21306;&#22312;&#32447;&#95;&#26085;&#26412;&#20813;&#36153;&#32593;&#31449;&#35270;&#39057;">&#29408;&#29408;&#20037;&#20037;&#20122;&#27954;&#27431;&#32654;&#19987;&#21306;&#95;&#20013;&#25991;&#23383;&#24149;&#20122;&#27954;&#32508;&#21512;&#20037;&#20037;&#50;&#48;&#50;&#95;&#22269;&#20135;&#31934;&#21697;&#20122;&#27954;&#31532;&#20116;&#21306;&#22312;&#32447;&#95;&#26085;&#26412;&#20813;&#36153;&#32593;&#31449;&#35270;&#39057;</a>

</div>

</footer>


��վ֩���ģ�壺
<a href="http://" target="_blank">�ﶫ��</a>|
<a href="http://" target="_blank">��������</a>|
<a href="http://" target="_blank">�Ͻ���</a>|
<a href="http://" target="_blank">��Ϫ��</a>|
<a href="http://" target="_blank">�ɽ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">����</a>|
<a href="http://" target="_blank">��ʯɽ</a>|
<a href="http://" target="_blank">����</a>|
<a href="http://" target="_blank">��ʢ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">���ָ����</a>|
<a href="http://" target="_blank">¡����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ƽ��</a>|
<a href="http://" target="_blank">��������</a>|
<a href="http://" target="_blank">®����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">̨��ʡ</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">�̺���</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">Ѱ����</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��̨��</a>|
<a href="http://" target="_blank">��ˮ��</a>|
<a href="http://" target="_blank">�dz���</a>|
<a href="http://" target="_blank">��̩��</a>|
<a href="http://" target="_blank">��־��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">��ƽ��</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">������</a>|
<a href="http://" target="_blank">˫����</a>|
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
</body>