Scala Swing GUI作为电梯Webapp

Question

我在玩用Scala编写的ConnectFour游戏。我想用游戏中的逻辑（模型和控制器）制作一个Lift Webapp。

我的问题是，我该如何开始？我有纯HTML模板，但是我怎样才能使用游戏中的逻辑例如像这样创建板子？

var board = new Board() 
    for(y <- 0 to 5; x <- 0 to 6) contents += new CoinComp(x, y) 

谢谢！

最好的问候， 约翰

Answer 1

首先，你需要知道如何从你的板子类HTML。 有两种选择：

1. 从服务器，scala.XML

2. 从客户端的JavaScript

然后，创建一个Ajax服务器端功能，您可以从客户端调用：

def render = { 
    import JsCmds._ 
    var board = initBoard() 

    def moveAction(s: String): JsCmd = { 
    val moveXY = parseXY(s) // s should be like "{x: 1, y: 2}" 
    board = move(board, moveXY) // your logic here 
    val newBoardToSend = boardToCmd(board) // generate board HTML or json here 
    Call("renderBoard", newBoardToSend) // call the client-side render function 
    } 

    val script = S.fmapFunc(S.contextFuncBuilder(moveAction _)) { funcName => { 
    val func = JsRaw("'" + funcName + "='") + Call("encodeURIComponent", LiftRules.jsArtifacts.jsonStringify(JsRaw("{x:x,y:y}"))) 
    JsCmds.Function(
     "moveIt", // the js function name you will call 
     "x" :: "y" :: Nil, 
     SHtml.makeAjaxCall(func).cmd 
    ) 
    }} // generate a client ajax function: function moveIt(x, y) 

    yourRenderXml ++ <tail>{JsCmds.Script(script)}</tail> 
} 

最后，你应该有一个客户端函数“re nderBoard（b）“让你登上你的网页。当客户点击移动时，调用“moveIt（x，y）”