1.從數(shù)據(jù)庫取數(shù)據(jù)

在application/模塊名/controller/控制器名/方法名中對數(shù)據(jù)庫進行獲取，這里為了方便，舉例為application/modulea/controller/x/test

$result = Db::name('data')->where('uid',session('xx.uid'))->select();

數(shù)據(jù)傳遞

這里可以是標題欄的數(shù)據(jù)，然后就通過

$this->assign('data', $result);

這種方式可以傳遞到

application/modulea/view/x/test.html

volist數(shù)據(jù)分解

這個test.html可以通過volist進行處理：

{volist name="data" id="item_data"}
 h3>{$item_data}/h3>
{/volist}

此時，$i為默認索引，可以這樣用：

{volist name="data" id="item_data"}
 h3>{$i.'='.$item_data}/h3>
{/volist}

action交還控制器

如果html界面需要某種處理，可以直接寫個action交給控制器進行跳轉(zhuǎn)就行了。

form action="/modulea/x/login">/form>

部分跳轉(zhuǎn)

如果需要部分跳轉(zhuǎn)，則需要使用iframe,比如iframe的src為某個相對網(wǎng)址（首次加載地址），的name是fr

iframe src='/modulea/x/test2' name='fr'>/iframe>

點擊旁邊的某個按鈕以后，需要進行跳轉(zhuǎn)，所以，要寫一個超鏈接：

a href="{:url($item_data['url'])}" rel="external nofollow" target="fr">/a>

注意，此處的target必須要與前面的name一致，此處url也是相對網(wǎng)址，格式為：/模塊名/控制器名/方法名。

過程總結(jié)：

控制器取數(shù)據(jù)，取完用assign傳給視圖，視圖用volist進行展示，視圖通過action來進行頁面跳轉(zhuǎn)。

ps:過濾非法網(wǎng)址：

$this->user = session('xx');
if(!this->user['uid']){
 return $this->redirect('/modulea/x/login');
}

以上這篇thinkphp5使html5實現(xiàn)動態(tài)跳轉(zhuǎn)的例子就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。