SpringMvc国际化i18n

墨蓝 2022-07-16 15:10 226阅读 0赞

所谓国际化就是支持多种语言，web应用在不同的浏览环境中可以显示出不同的语言，比如说汉语、英语等。  
   下面简单说一下Springmvc下的i18n的国际化配置：

首先发下我的目录结构图：

![Center][]

springmvc-servlet.xml文件中添加如下配置：

<bean id="localeResolver" class="org.springframework.web.servlet.i18n.SessionLocaleResolver"> <property name="defaultLocale" value="zh_CN" /> </bean>  <bean id="messageSource" class="org.springframework.context.support.ReloadableResourceBundleMessageSource"> <property name="defaultEncoding" value="UTF-8" /> <property name="useCodeAsDefaultMessage" value="true" /> <property name="basenames" > <list> <value>classpath:messages</value> </list> </property> </bean>  <mvc:interceptors> <bean id="localeChangeInterceptor" class="org.springframework.web.servlet.i18n.LocaleChangeInterceptor"> <property name="paramName" value="lang" /> </bean> </mvc:interceptors>

这里的就是国际化的配置了，每个配置的作用呢都非常清楚写了注释了。。

TITLE = 开始冒险之旅 USERNAME = 账号： PASSWORD = 密码： LOGIN = 登录

TITLE = BEGIN TO TRAVEL USERNAME = UserName PASSWORD = PassWord LOGIN = Login

两个测试的properties文件如上

controller方法如下：

@RequestMapping(value = "getLogin.do")
    public ModelAndView getLogin(){
        return new ModelAndView("result");
    }

index.jsp：内容如下

![Image 1][]

result内容如下：

<body> <div class="login"> <h1><spring:message code="TITLE" /> </h1> <form action="test.do" method="post"> <input type="text" name="name" placeholder=<spring:message code="USERNAME" /> required="required" value="" /> <input type="password" name="password" placeholder=<spring:message code="PASSWORD" /> required="required" value="" /> <button type="submit" class="btn btn-primary btn-block btn-large"><spring:message code="LOGIN" /> </button> </form> </div> </body>

记得在jsp页面的开头加上spring的标签库：

<%@taglib prefix="spring" uri="http://www.springframework.org/tags" %>

启动tomcat,

![Image 1][]

点击英文：

![Image 1][]![Center 1][]

点击中文：

![Image 1][]![Center 2][]

这样一个简单的i18n中英文转换就好了，当然你也可以增添其他国家的语言，这里就不示范了

[Center]: /images/20220709/8298f3ee5fcd4b0a912ff85a8b7462bf.png
[Image 1]: 
[Center 1]: /images/20220709/4bcc7aa350444e3ebd99c470be2ae81e.png
[Center 2]: /images/20220709/2ef21533bebb40958a8e52d33e3bf258.png