ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

2年前 (2022) 程序员胖胖胖虎阿
362 0 0

前言:

最新ASP.NET Aries升级到V5.2.0以上之后,之前的样式和多语言机制,有了重大的升级机制,这篇就简单介绍一下。

1、控制开关

在配置维护那里,新增了两个控制项:

 ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

2、如何添加主题

ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

说明:

在Aries下,可以自已新增样式(这里系统暂时没提供其它样式),然后通过配置维护控制。

样式被一分为三:

login.css:只对login.html页面生效。

index.css:只对index.html页面生效。

main.css:对除上面两个的其它页面生效。

具体的内涵,可以看Aries.Loader.js这个文件。

对于新增的样式,可以不包含locale(多语言)这个目录,这样多语言的的使用,会指向Aries\default\locale这个目录。

3、多语言(及标签的使用)

开关:

多语言的开关,同样是在配置维护中控制。

目前涉及到的多语言:

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

ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

有点多,回头我删一下,只保留中英文两种即可。

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

ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

只提供中英文(有些英文备译的可能还不咋的)。

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

3、页面Html的多语言(由样式主题控制)

ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

调用方式:除了用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 

ASP.NET Aries 高级开发教程:主题样式及多语言(标签化控制)

默认是由系统控制的,英文会取字段名。

如果想通过主题控制,可以在主题的locale目录中,添加CS.Lang-zh_CN.js。

简单的说,可以参考Html.Lang.xxx.js,唯一的不同,就是把Html改成CS

言而简之:如果存在CS.Lang.xxx.js,则由它控制,如果不存该文件,则由系统后台自动控制。

总结:

一般内部系统,很少涉及需要多语言了,所以,自己开发页面的面面,可以不用标签,直接用中文。

如果开发用英文系统,倒是有几个地方需要调整(1、配置维护项涉及中文的地方、2、样式的按钮图标)

相关文章

暂无评论

暂无评论...