模版是MVC中比較簡單的一塊，零云模版默認采用ThinkPHP的模版繼承來實現。也就是通過block區塊來控制頁面的局部內容顯示。 關于模版繼承的詳細講解請訪問http://document.thinkphp.cn/manual_3_2.html#template_extend 注意零云在TP的基礎上二次開發支持了PC端和手機端分別使用兩套模塊，規范是，比如新聞列表PC端模板路徑是Application/Cms/View/Pc/Index/list.html,那么對應的手機端模板路徑是Application/Cms/View/`Wap`/Index/list.html 一個標準的PC端Bootstrap模板如下： ```html <extend name="$_home_public_layout"> <block name="style"> <style> <!-- 這里寫當前頁面的CSS--> .example-css { width: 20px; } </style> </block> <block name="main"> <div class="container"> <div class="row"> <div class="col-xs-12"> <div class="alert alert-danger" role="alert"> <h4>您現在訪問的是零云模塊：</h4> <p>該頁面是為演示頁面！</p> </div> </div> </div> </div> </block> <block name="script"> <script type="text/javascript"> // 這里寫當前頁面的JS </script> </block> ``` 一個標準的手機網端F7模板如下 ```html <extend name="$_home_public_layout"> <block name="style"> <style> <!-- 這里寫當前頁面的CSS--> .example-css { width: 20px; } </style> </block> <block name="main"> <!-- 這是頁面頂部導航條--> <div class="navbar"> <div class="navbar-inner"> <div class="left"> <a href="{:U('Home/Index/index', '', true, true)}" class="link back icon-only"> <i class="icon icon-back"></i> </a> </div> <div class="center">{$meta_title}</div> <div class="right"></div> </div> </div> <div data-page="index" class="page page-on-center"> <div class="page-content"> <!-- 這里寫頁面主體內容 --> </div> </div> </block> <block name="script"> <script type="text/javascript"> // 這里寫當前頁面的JS </script> </block> ```</extend></extend>