我記錄綜合系統學習研究之使用者管理三（wojilu.Web.Controller.Layouts SiteLayoutController）

書接上回

本節來分析wojilu.Web.Controller.Layouts SiteLayoutController的Layout方法

public override void Layout() {

load("topNav", new TopNavController().Index);

對照framework\views\Layouts\SiteLayout\Layout.html裡的前端視圖代碼看一下

以下程式碼片段

<body>

#{topNav}
<div id="pageWrap">
<div id="pageWrapInner">

#{header}

<div id="pageMainWrap">

load("topNav", new TopNavController().Index);

是對上面的topNav變數賦值，賦什麼值呢，看一下load的定義

protected void load( String sectionName, aAction action ) {
set( sectionName, loadHtml( action ) );
}

 可以看出是將framework\views\Layouts\TopNav\Index.html的內容填充後，替換#{topNav}

同理 load("header", new TopNavController().Header);

是將framework\views\Layouts\TopNav\Header.html的內容填充後，替換#{header}

接下來我們看一下TopNavController().Index和framework\views\Layouts\TopNav\Index.html有沒有什麼可以挖掘的東西。

我們看到TopNavController().Index最後有一句    set( "navUrl", t2( Nav ) );

對framework\views\Layouts\TopNav\Index.html最後的變數#{navUrl}進行了賦值，參見以下：

<script type="text/javascript">var ctx = null;var navUrl = '#{navUrl}';</script>
<script type="text/javascript" src="~js/wojilu.site.topnav.js?v=#{jsVersion}"></script>

欲知此處的奧秘，我們就要看下wojilu.web\static\js\wojilu.site.topnav.js的實現了

$(document).ready( function() {

navUrl = (navUrl + '?url='+window.location.href).toAjax();

......

$.post( navUrl, function(data) {

ctx = data;

......

}

這裡通過ajax的post方法，再次請求了伺服器TopNavController()的Nav action

public void Nav() {

// TODO 如果是在訪問使用者空間，則判斷：是否好友、是否關注
echoJson( getLoginJsonString() );
}

Nav()方法返回一段json給用戶端。動態設定使用者的一些狀態和許可權。

 load("header", new TopNavController().Header);

主要是載入site的菜單和子功能表。有空再進行深入探討。

綜上所述，整個流程，有兩次伺服器訪問，一次是頁面載入，一次是js請求topnav的json資料。