《Head First 设计模式》学习笔记——复合模式
2014-06-08 11:30
232 查看
模型-视图-控制器(MVC模式)是一种非常经典的软件架构模式,在UI框架和UI设计思路中扮演着非常重要的角色。从设计模式的角度来看,MVC模式是一种复合模式,它将多个设计模式在一种解决方案中结合起来,用来解决许多设计问题。MVC模式把用户界面交互分拆到不同的三种角色中,使应用程序被分成三个核心部件:Model(模型)、View(视图)、Control(控制器)。————题记
设计模式
复合模式:结合两个或以上的模式,组成一个解决方案,解决一再发生的一般性问题。如MVC和Model 2
模型-视图-控制器
模型:模型持有所有的数据、状态和程序逻辑,模型没有注意到视图和控制器,虽然他提供了操纵和检索状态的接口,并发送状态改变给观察者。
控制器:取得用户的输入并解读其对模型的意思。
视图:用来呈现模型,视图通常直接从模型中取得它需要显示的状态和数据。
从模式角度看:
模型利用“观察者”让控制器和视图可以随最新的状态改变而更新。
另一方面,视图和控制器则实现了“策略模式”。控制器是视图的行为,如果你希望有不同的行为,可以直接换一个控制器。
视图内部使用组合模式管理窗口、按钮以及其他显示组件。
MVC与WEB——Model 2
Web开发人员也都在适配MVC,使他符合浏览器/服务器模型。使用Servlet和JSP技术的组合,达到MVC的分离效果。就像传统的GUI。
(1)客户发出一个会被Servlet收到的HTTP请求。
(2)Servlet扮演控制器,处理请求,通常会向模型(一般是数据库)发出请求。处理结果往往以JavaBean的形式打包。
(3)控制器将控制权交给视图JSP。JSP的唯一工作就是产生页面表现模型的视图,以及进一步动作所需要的所有控件。
(4)视图通过HTTP将页面返回浏览器。
设计模式
复合模式:结合两个或以上的模式,组成一个解决方案,解决一再发生的一般性问题。如MVC和Model 2
模型-视图-控制器
模型:模型持有所有的数据、状态和程序逻辑,模型没有注意到视图和控制器,虽然他提供了操纵和检索状态的接口,并发送状态改变给观察者。
控制器:取得用户的输入并解读其对模型的意思。
视图:用来呈现模型,视图通常直接从模型中取得它需要显示的状态和数据。
从模式角度看:
模型利用“观察者”让控制器和视图可以随最新的状态改变而更新。
另一方面,视图和控制器则实现了“策略模式”。控制器是视图的行为,如果你希望有不同的行为,可以直接换一个控制器。
视图内部使用组合模式管理窗口、按钮以及其他显示组件。
MVC与WEB——Model 2
Web开发人员也都在适配MVC,使他符合浏览器/服务器模型。使用Servlet和JSP技术的组合,达到MVC的分离效果。就像传统的GUI。
(1)客户发出一个会被Servlet收到的HTTP请求。
(2)Servlet扮演控制器,处理请求,通常会向模型(一般是数据库)发出请求。处理结果往往以JavaBean的形式打包。
(3)控制器将控制权交给视图JSP。JSP的唯一工作就是产生页面表现模型的视图,以及进一步动作所需要的所有控件。
(4)视图通过HTTP将页面返回浏览器。
//MVC //模型 public interface BeatModelInterface { //这些方法让控制器调用。控制器根据用户的操作对模型做出适当的处理 void initialize(); void on(); void off(); void setBPM(int bpm); //这些方法允许视图和控制器取得状态,并且成为观察者。 int getBPM(); void registerObserver(BeatObserver o); void removeObserver(BeatObserver o); void registerObserver(BPMObserver o); void removeObserver(BPMObserver o); } public class BeatModel implements BeatModelInterface, MetaEventListener { Sequencer sequencer; //两种观察者,一种观察节拍,一种观察BPM变化 ArrayList<BeatObserver> beatObservers = new ArrayList<BeatObserver>(); ArrayList<BPMObserver> bpmObservers = new ArrayList<BPMObserver>(); int bpm = 90; Sequence sequence; Track track; public void initialize() { setUpMidi(); buildTrackAndStart(); } public void on() { sequencer.start(); setBPM(90); } public void off() { setBPM(0); sequencer.stop(); } public void setBPM(int bpm) { this.bpm = bpm; sequencer.setTempoInBPM(getBPM()); notifyBPMObservers(); } public int getBPM() { return bpm; } void beatEvent() { notifyBeatObservers(); } //注册观察者、通知观察者的代码 //处理节拍的MIDI代码 } //视图 public class DJView implements ActionListener, BeatObserver, BPMObserver { //视图持有模型和控制器的引用 BeatModelInterface model; ControllerInterface controller; //显示控制按钮 JFrame viewFrame; JPanel viewPanel; BeatBar beatBar; JLabel bpmOutputLabel; JFrame controlFrame; JPanel controlPanel; JLabel bpmLabel; JTextField bpmTextField; JButton setBPMButton; JButton increaseBPMButton; JButton decreaseBPMButton; JMenuBar menuBar; JMenu menu; JMenuItem startMenuItem; JMenuItem stopMenuItem; public DJView(ControllerInterface controller, BeatModelInterface model) { this.controller = controller; this.model = model; model.registerObserver((BeatObserver) this); model.registerObserver((BPMObserver) this); } public void createView() { // Create all Swing components here } //模型发生变化是,updateBPM()方法会被调用 public void updateBPM() { if (model != null) { int bpm = model.getBPM(); if (bpm == 0) { if (bpmOutputLabel != null) { bpmOutputLabel.setText("offline"); } } else { if (bpmOutputLabel != null) { bpmOutputLabel.setText("Current BPM: " + model.getBPM()); } } } } public void updateBeat() { if (beatBar != null) { beatBar.setValue(100); } } } //控制器 public interface ControllerInterface { //视图能调用所有的控制器方法都在丽丽 void start(); void stop(); void increaseBPM(); void decreaseBPM(); void setBPM(int bpm); } //实现ControllerInterface接口 public class BeatController implements ControllerInterface { BeatModelInterface model; DJView view; public BeatController(BeatModelInterface model) { this.model = model; //把控制器当参数传入创建视图的构造器中 view = new DJView(this, model); view.createView(); view.createControls(); view.disableStopMenuItem(); view.enableStartMenuItem(); model.initialize(); } public void start() { model.on(); view.disableStartMenuItem(); view.enableStopMenuItem(); } public void stop() { model.off(); view.disableStopMenuItem(); view.enableStartMenuItem(); } public void increaseBPM() { int bpm = model.getBPM(); model.setBPM(bpm + 1); } public void decreaseBPM() { int bpm = model.getBPM(); model.setBPM(bpm - 1); } public void setBPM(int bpm) { model.setBPM(bpm); } } public class DJTestDrive { public static void main(String[] args) { BeatModelInterface model = new BeatModel(); //由控制器创建视图 ControllerInterface controller = new BeatController(model); } }
相关文章推荐
- 《Head First 设计模式》学习笔记——状态模式
- 《Head First 设计模式》学习笔记
- 《Head First 设计模式》学习笔记——单件(例)模式
- 《Head First 设计模式》学习笔记:复合模式
- 《Head First 设计模式》学习笔记——状态模式
- <Head First 设计模式>:复合模式:duck
- 《Head First 设计模式》学习笔记——观察者模式 + 装饰者模式
- 《Head First 设计模式》学习笔记——策略模型
- 《Head First 设计模式》学习笔记——装饰者模式
- 《Head First 设计模式》学习笔记——工厂模式 + 抽象工厂模式
- 《Java与模式》学习笔记:设计模式——适配器(Adapter)模式
- Head First 设计模式 读书摘记(四) 装饰者模式 C#代码
- (Head First 设计模式)学习笔记(2) --观察者模式(气象站实例)
- (Head First 设计模式)学习笔记(1)
- (Head First 设计模式)学习笔记(1)
- Head First 设计模式之适配器模式学习
- Head First 设计模式 读书摘记(三) 观察者模式 C#代码
- Head First 设计模式 读书摘记(一)OO设计原则
- Head First设计模式笔记之(策略模式)
- 《Head First 设计模式》 终于出中文版了。