1. 程式人生 > >ASP.NET Aries 高階開發教程:主題樣式及多語言(標籤化控制)

ASP.NET Aries 高階開發教程:主題樣式及多語言(標籤化控制)

前言:

最新ASP.NET Aries升級到V5.2.0以上之後,之前的樣式和多語言機制,有了重大的升級機制,這篇就簡單介紹一下。

1、控制開關

在配置維護那裡,新增了兩個控制項:

 

2、如何新增主題

說明:

在Aries下,可以自已新增樣式(這裡系統暫時沒提供其它樣式),然後通過配置維護控制。

樣式被一分為三:

login.css:只對login.html頁面生效。

index.css:只對index.html頁面生效。

main.css:對除上面兩個的其它頁面生效。

具體的內涵,可以看Aries.Loader.js這個檔案。

對於新增的樣式,可以不包含locale(多語言)這個目錄,這樣多語言的的使用,會指向Aries\default\locale這個目錄。

3、多語言(及標籤的使用)

開關:

多語言的開關,同樣是在配置維護中控制。

目前涉及到的多語言:

1、EasyUI的多語言(系統控制,一般不涉及)

有點多,回頭我刪一下,只保留中英文兩種即可。

2、Aries 前端JS的多語言(由系統控制,一般不涉及)

只提供中英文(有些英文備譯的可能還不咋的)。

呼叫的方式是,用JS的方式:AR.Lang.xxx

3、頁面Html的多語言(由樣式主題控制)

呼叫方式:除了用JS:Html.Lang.xxx

另一種呼叫方式:標籤的方式${xxx},如:

 <div class="login_r">
                            <
label>${userName}</label><br /> <input type="text" value="admin" id="username" class="user a" required="true" /> <label>${password}</label><br /> <input type="password" id="password"
value="111111" required="true" /> <br /> <div class="btn"> <input type="button" name="btnLogin" value="${login}" onclick="login()" /> <span id="lbTip"></span> </div> </div>

在Html中用標籤比用JS來的簡潔。

PS:系統提供的頁面,多數已改造成多語言,但只是有幾個小地方沒改造(中文被寫在圖示上的按鈕)

4、後端程式碼的多語言(可由系統主題控制)

具體的實現,可以看:Aries.Core專案下的:LangConst.cs 

預設是由系統控制的,英文會取欄位名。

如果想通過主題控制,可以在主題的locale目錄中,新增CS.Lang-zh_CN.js。

簡單的說,可以參考Html.Lang.xxx.js,唯一的不同,就是把Html改成CS

言而簡之:如果存在CS.Lang.xxx.js,則由它控制,如果不存該檔案,則由系統後臺自動控制。

總結:

一般內部系統,很少涉及需要多語言了,所以,自己開發頁面的面面,可以不用標籤,直接用中文。

如果開發用英文系統,倒是有幾個地方需要調整(1、配置維護項涉及中文的地方、2、樣式的按鈕圖示)