Alpaca-spa.js輕量的前端JS框架

Alpaca-spa.js是一款輕量的前端JS框架，提供前端路由功能，前端視圖渲染功能，前端套頁(yè)面功能。目的是用來(lái)提高web項(xiàng)目的開(kāi)發(fā)效率，前后端分離開(kāi)發(fā)，同時(shí)使前端代碼結(jié)構(gòu)更加整潔。

Alpaca-spa.js 區(qū)別于其他框架的主要特點(diǎn)是輕巧靈活，學(xué)習(xí)成本低。框架沒(méi)有復(fù)雜的概念與特性，幾乎都是最基本的JavaScript語(yǔ)法，也就是說(shuō)讀者只要有JavaScript語(yǔ)言基礎(chǔ)，就能很快學(xué)會(huì)使用 Alpaca-spa.js框架。

示例代碼：

<script src="/common/jquery-2.1.4.min.js" type="text/javascript"></script>
<script src="/alpaca-spa-2.0.js" type="text/javascript"></script>

<script>
    //定義index模塊
    Alpaca.IndexModule = {};
    //定義index控制器
    Alpaca.IndexModule.IndexController={
        //定義index動(dòng)作
        indexAction:function(){
            alert('Hello Router');
        },
        //定義index動(dòng)作
        index2Action:function(){
            Alpaca.Tpl({data:{text:'Hello'},place:'body'});
        },
    };
</script>

<script>
    $().ready(function () {
        Alpaca.run();
    });
</script>