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,则由它控制,若是不存该文件,则由系统后台自动控制。

总结:

通常内部系统,不多涉及须要多语言了,因此,本身开发页面的面面,能够不用标签,直接用中文。

若是开发用英文系统,却是有几个地方须要调整(一、配置维护项涉及中文的地方、二、样式的按钮图标)

相关文章
相关标签/搜索