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

前言:

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

一、控制開關

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

 

二、如何添加主題

說明:前端

在Aries下,能夠自已新增樣式(這裏系統暫時沒提供其它樣式),而後經過配置維護控制。

樣式被一分爲三:

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

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

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

具體的內涵,能夠看Aries.Loader.js這個文件。

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

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

開關:ui

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

目前涉及到的多語言:3d

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

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

二、Aries 前端JS的多語言(由系統控制,通常不涉及)

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

調用的方式是,用JS的方式:AR.Lang.xxxblog

三、頁面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:系統提供的頁面,多數已改形成多語言,但只是有幾個小地方沒改造(中文被寫在圖標上的按鈕)

四、後端代碼的多語言(可由系統主題控制)

具體的實現,能夠看:Aries.Core項目下的:LangConst.cs 

默認是由系統控制的,英文會取字段名。

若是想經過主題控制,能夠在主題的locale目錄中,添加CS.Lang-zh_CN.js。

簡單的說,能夠參考Html.Lang.xxx.js,惟一的不一樣,就是把Html改爲CS

言而簡之:若是存在CS.Lang.xxx.js,則由它控制,若是不存該文件,則由系統後臺自動控制。

總結:

通常內部系統,不多涉及須要多語言了,因此,本身開發頁面的面面,能夠不用標籤,直接用中文。

若是開發用英文系統,卻是有幾個地方須要調整(一、配置維護項涉及中文的地方、二、樣式的按鈕圖標)

相關文章
相關標籤/搜索