天天看點

i18n 國際化一、i18n 國際化介紹二、國際化實作

目錄

一、i18n 國際化介紹

二、國際化實作

1、相關要素介紹

 2、國際化資源 properties 測試

3、通過請求頭國際化頁面

4、通過顯示的選擇語言類型進行國際化 

5、JSTL 标簽庫實作國際化 

一、i18n 國際化介紹

國際化(Internationalization)指的是同一個網站可以支援多種不同的語言,以友善不同國家,不同語種的使用者通路。

關于國際化我們想到的最簡單的方案就是為不同的國家建立不同的網站,比如蘋果公司,他的英文官網是: http://www.apple.com 而中國官網是  http://www.apple.com/cn。

 蘋果公司這種方案并不适合全部公司,而我們希望相同的一個網站,而不同人通路的時候可以根據使用者所在的區域顯示不同的語言文字,而網站的布局樣式等不發生改變。

于是就有了我們說的國際化,國際化總的來說就是同一個網站不同國家的人來通路可以顯示出不同的語言。但實際上這種需求并不強烈,一般真的有國際化需求的公司,主流采用的依然是蘋果公司的那種方案,為不同的國家建立不同的頁面。是以國際化的内容我們了解一下即可。

國際化的英文  Internationalization,但是由于拼寫過長,老外想了一個簡單的寫法叫做  I18N,代表的是  Internationalization 這個單詞,以  I 開頭,以  N  結尾,而中間是  18  個字母,是以簡寫為  I18N。以後我們說  I18N  和國際化是一個意思。

二、國際化實作

1、相關要素介紹

i18n 國際化一、i18n 國際化介紹二、國際化實作

 2、國際化資源 properties 測試

在 src 目錄下建立Rescource Bundle包,在裡面配置兩個語言的配置檔案: 

i18n_en_US.properties    英文

username=username
password=password
sex=sex
age=age
boy=boy
register=register
girl=girl
email=email
submit=submit
reset=reset
           

i18n_zh_CN.properties     中文

username=使用者名
password=密碼
sex=性别
age=年齡
boy=男
girl=女
reset=重置
register=注冊
email=郵箱
submit=送出
           

 國際化測試代碼:

public class I18nTest {
    @Test
    public void testLocal(){
        Locale locale = Locale.getDefault();
        System.out.println(locale);

        //擷取所有可用的Locale
        for (Locale availableLocale : Locale.getAvailableLocales()) {
            System.out.println(availableLocale);
        }
        // 擷取中文,中文的常量的 Locale對象
        System.out.println(Locale.CHINA);
        // 擷取英文,美國的常量的 Locale對象
        System.out.println(Locale.US);
    }
    @Test
    public void testI18n(){
        Locale locale = Locale.CHINA;
        // 通過指定的 basename 和 Locale 對象,讀取相應的配置檔案,i18n為配置檔案前的名字
        ResourceBundle bundle = ResourceBundle.getBundle("i18n", locale);
        System.out.println("username:" + bundle.getString("username"));
        System.out.println("password:" + bundle.getString("password"));
        System.out.println("Sex:" + bundle.getString("sex"));
        System.out.println("age:" + bundle.getString("age"));
    }
}
           

3、通過請求頭國際化頁面

<%@ page import="java.util.Locale" %>
<%@ page import="java.util.ResourceBundle" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>
    <%
        //從請求頭中擷取 Locale資訊(語言)
        Locale locale = request.getLocale(); 
        System.out.println(locale);
        // 擷取讀取包(根據指定的 baseName和Locale讀取語言資訊) 
        ResourceBundle i18n = ResourceBundle.getBundle("i18n", locale);
	%>

	<center>
		<h1><%=i18n.getString("register")%></h1>
		<table>
		<form>
			<tr>
				<td><%=i18n.getString("username")%></td>
				<td><input name="username" type="text" /></td>
			</tr>
			<tr>
				<td><%=i18n.getString("password")%></td>
				<td><input type="password" /></td>
			</tr>
			<tr>
				<td><%=i18n.getString("sex")%></td>
				<td><input type="radio" /><%=i18n.getString("boy")%><input type="radio" /><%=i18n.getString("girl")%></td>
			</tr>
			<tr>
				<td><%=i18n.getString("email")%></td>
				<td><input type="text" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
				<input type="reset" value=<%=i18n.getString("reset")%> />&nbsp;&nbsp;
				<input type="submit" value=<%=i18n.getString("submit")%> /></td>
			</tr>
			</form>
		</table>
		<br /> <br /> <br /> <br />
	</center>
	國際化測試:
	<br /> 1、通路頁面,通過浏覽器設定,請求頭資訊确定國際化語言。
	<br /> 2、通過左上角,手動切換語言
</body>
</html>
           

4、通過顯示的選擇語言類型進行國際化 

<%@ page import="java.util.Locale" %>
<%@ page import="java.util.ResourceBundle" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="pragma" content="no-cache" />
    <meta http-equiv="cache-control" content="no-cache" />
    <meta http-equiv="Expires" content="0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
</head>
<body>
    <%
	    Locale locale=null;
	    String country=request.getParameter("country");
	    if("cn".equals(country)){
	        locale=Locale.CHINA;
    	}else if("usa".equals(country)){
	        locale=Locale.US;
	    }else{
	        locale=request.getLocale();
    	}

		ResourceBundle i18n = ResourceBundle.getBundle("i18n", locale);
	%>

    <a href="i18n.jsp?country=cn" target="_blank" rel="external nofollow" >中文</a>|
	<a href="i18n.jsp?country=usa" target="_blank" rel="external nofollow" >english</a>
	<center>
		<h1><%=i18n.getString("register")%></h1>
		<table>
		<form>
			<tr>
				<td><%=i18n.getString("username")%></td>
				<td><input name="username" type="text" /></td>
			</tr>
			<tr>
				<td><%=i18n.getString("password")%></td>
				<td><input type="password" /></td>
			</tr>
			<tr>
				<td><%=i18n.getString("sex")%></td>
				<td><input type="radio" /><%=i18n.getString("boy")%><input type="radio" /><%=i18n.getString("girl")%></td>
			</tr>
			<tr>
				<td><%=i18n.getString("email")%></td>
				<td><input type="text" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
				<input type="reset" value=<%=i18n.getString("reset")%> />&nbsp;&nbsp;
				<input type="submit" value=<%=i18n.getString("submit")%> /></td>
			</tr>
			</form>
		</table>
		<br /> <br /> <br /> <br />
	</center>
	國際化測試:
	<br /> 1、通路頁面,通過浏覽器設定,請求頭資訊确定國際化語言。
	<br /> 2、通過左上角,手動切換語言
</body>
</html>
           

5、JSTL 标簽庫實作國際化 

<%--1 使用标簽設定  Locale資訊--%> 
<fmt:setLocale value="" />

<%--2 使用标簽設定  baseName--%> 
<fmt:setBundle basename=""/> 

<%--3 輸出指定  key 的國際化資訊--%> 
<fmt:message key="" />
           
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ page language="java" contentType="text/html; charset=UTF-8"
		 pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="cache-control" content="no-cache" />
	<meta http-equiv="Expires" content="0" />
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
	<%--1 使用标簽設定 Locale 資訊 --%>
	<fmt:setLocale value="${param.locale}" />
	<%--2 使用标簽設定 baseName--%>
	<fmt:setBundle basename="i18n"/>
	<a href="i18n_fmt.jsp?locale=zh_CN" target="_blank" rel="external nofollow" >中文</a>|
	<a href="i18n_fmt.jsp?locale=en_US" target="_blank" rel="external nofollow" >english</a>
	<center>
	<h1><fmt:message key="register" /></h1>
	<table>
		<form>
			<tr>
				<td><fmt:message key="username" /></td>
				<td><input name="username" type="text" /></td>
			</tr>
			<tr>
				<td><fmt:message key="password" /></td>
				<td><input type="password" /></td>
			</tr>
			<tr>
				<td><fmt:message key="sex" /></td>
				<td>
					<input type="radio" /><fmt:message key="boy" />
					<input type="radio" /><fmt:message key="girl" />
				</td>
			</tr>
			<tr>
				<td><fmt:message key="email" /></td>
				<td><input type="text" /></td>
			</tr>
			<tr>
				<td colspan="2" align="center">
					<input type="reset" value="<fmt:message key="reset" />" />&nbsp;&nbsp;
					<input type="submit" value="<fmt:message key="submit" />" /></td>
			</tr>
		</form>
	</table>
	<br /> <br /> <br /> <br />
</center>
</body>
</html>