這可能是一個簡單而愚蠢的問題,但我在此處不知所措。我們的教授要求我們創建一個使用MVC的遊戲(在我的例子中是Sudoku)。視圖和控制器可以作爲一個js文件使用(因爲我們正在弄溼我們的腳),並且模型必須位於單獨的js文件中。我能夠使視圖工作得很好,但是當我嘗試在模型中使用某些東西時......我不知道如何調用模型文件(數組或包含要輸入的值的81個元素數獨網格)。任何幫助,閱讀或視頻將不勝感激。 謝謝。如何在Javascript中使用MVC實現模型
-1
A
回答
0
0
這是我MVC在Javascript中瞭解下。這可能是錯誤的。
function Model() {
this.state=0;
this.observers=[]
this.addObserver = function(observer) {
// i, the model, have no idea what this observer is.
this.observers.push(observer);
}
this.notifyObservers = function() {
for (i = 0; i < this.observers.length; i++) {
// i, the model, have no idea what this does in the observer.
this.observers[i].modelChanged();
}
}
this.doSomethingWithInternalState = function(observer){
this.state+=1
// i, the model will notify observers when my state changes.
// They can decide on their own what to do then.
this.notifyObservers();
}
}
// That would be views (or mini-models or read-only controllers, whatever).
function Observer() {
this.init = function(model) {
this.model=model;
};
this.modelChanged = function(){
alert('bazinga');
};
}
function SudokuBoard(){
this.boardsize=0;
this.modelChanged = function() {
if (this.model.state < 10) {
this.boardsize=this.model.state*20;
alert(this.boardsize);
}
};
}
SudokuBoard.prototype=new Observer;
function MessageWindow(){
this.modelChanged = function(){
alert('Sudoku is cool');
};
}
MessageWindow.prototype=new Observer;
function AnotherGuiElem(){
this.bazinga=true;
}
AnotherGuiElem.prototype=new Observer;
// that would be a controller.
document.onclick=function(){
m.doSomethingWithInternalState();
a.bazinga=true;
};
// we have a model, views and one controller, now lets connect everything.
var m = new Model;
var b = new SudokuBoard();b.init(m);
var w = new MessageWindow();w.init(m);
var a = new AnotherGuiElem();a.init(m);
m.addObserver(b);
m.addObserver(w);
m.addObserver(a);
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<meta charset="utf-8" />
</head>
<body>
<script src="test.js"></script>
</body>
</html>
相關問題
- 1. MVC模型實現?
- 2. MVC - 實現模型
- 3. 使用MVC在JavaScript中實現框架
- 4. 在MVC中實現多狀態模型
- 5. 在JavaScript中使用MVC模型
- 6. 如何在Tkinter中實現MVC模式
- 7. 實現MVC模型部分
- 8. 如何使用CakePHP模型實現FriendShip?
- 9. 如何在MVC模型中使用Webservice
- 10. 如何在Java中爲MVC模型實現撤銷/重做?
- 11. 在MVC模式中實現模型的最佳實踐
- 12. 如何在JavaScript中實現`使用`?
- 13. 如何在actor模型中實現MVCC
- 14. 如何在MVVM中實現模型
- 15. ASP.Net MVC使用javascript在模型中發佈模型
- 16. 如何使用原型框架在Javascript中實現OO?
- 17. 如何在JavaScript中實現原子操作(併發模型)?
- 18. 我如何在Javascript中使用模型?
- 19. 如何在JavaScript中實現此Java模式(使用繼承)?
- 20. 如何用Javascript更新MVC模型clientside?
- 21. 如何在iOS中使用Objective-C實現模型?
- 22. Symfony如何實現模型
- 23. 在rails中實現模型的模型
- 24. MVC - null模型中的對象,如何使用此模型呈現文本框
- 25. 如何使用模型在Javascript(C#ASP.NET MVC)
- 26. 如何使用模型int數組變量在JavaScript MVC 4
- 27. 在JavaScript中如何實現?
- 28. 如何在JavaScript中實現?
- 29. 如何實現在管理和模型
- 30. 如何實現在Zend框架模型
使用angularJs爲MVC –