Spring Boot 系列教程15-页面国际化

internationalization(i18n)

国际化（internationalization）是设计和制造容易适应不同区域要求的产品的一种方式。
它要求从产品中抽离所有地域语言，国家/地区和文化相关的元素。
换言之，应用程序的功能和代码设计考虑在不同地区运行的需要，其代码简化了不同本地版本的生产。
开发这样的程序的过程，就称为国际化。

中文语言页面

英文语言页面

浏览器切换中文，英文

Application.java

package com.jege.spring.boot;

import org.springframework.boot.SpringApplication;

import org.springframework.boot.autoconfigure.SpringBootApplication;

import org.springframework.context.annotation.PropertySource;

import org.springframework.context.annotation.PropertySources;

/**

 * @author JE哥

 * @email 1272434821@qq.com

 * @description:spring boot 启动类

 */

@SpringBootApplication

@PropertySources(value = { @PropertySource("classpath:messages.properties") })

public class Application {

  public static void main(String[] args) {

    SpringApplication.run(Application.class, args);

  }

}

messages.properties

同messages_en_US.properties

title=User Management

id=Id

name=Name

age=Age

userinfo=UserInfo

q=Keyword

add=Add

edit=Edit

remove=Remove

reload=Reload

search=Search

save=Save

cancel=Cancel

errorMessage=Error Message

addUser=Add User

editUser=Edit User

operationMessage=Operation Message

editSelete=Please select a row of data in the modification

deleteSelete=Please select a row of data in the delete

messages_zh_CN.properties

title=\u7528\u6237\u7BA1\u7406

id=\u7F16\u53F7

name=\u4E0B\u9762

age=\u5E74\u9F84

userinfo=\u7528\u6237\u4FE1\u606F

q=\u5173\u952E\u5B57

add=\u6DFB\u52A0

edit=\u7F16\u8F91

remove=\u5220\u9664

reload=\u5237\u65B0

search=\u641C\u7D22

save=\u4FDD\u5B58

cancel=\u53D6\u6D88

errorMessage=\u9519\u8BEF\u63D0\u793A

addUser=\u6DFB\u52A0\u7528\u6237

editUser=\u7F16\u8F91\u7528\u6237

operationMessage=\u64CD\u4F5C\u63D0\u793A

editSelete=\u8BF7\u5148\u9009\u4E2D\u4E00\u884C\u6570\u636E\uFF0C\u5728\u4FEE\u6539\uFF01\uFF01\uFF01

deleteSelete=\u8BF7\u5148\u9009\u4E2D\u4E00\u884C\u6570\u636E\uFF0C\u5728\u4FEE\u6539\uFF01\uFF01\uFF01

user.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

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

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title><spring:message code="title"/></title>

<%@include file="/WEB-INF/page/common.jsp"%>

<script type="text/javascript">

    // 页面加载完毕之后才能写jQuery的代码

    $(function() {

        // 声明并缓存easyui组件

        var userDatagrid = $("#userDatagrid");

        var userDialog = $("#userDialog");

        var userForm = $("#userForm");

        var userSearchForm = $("#userSearchForm");

        // 表单的添加方法

        userForm.form({

            url : "/user/save",

            onSubmit : function() {

                // 在表单提交前，做一下验证

                return userForm.form("validate");

            },

            //data是后台save方法返回的json字符串

            success : function(data) {

                // 需要自己把字符串转变成json对象，easyiui没有提供转换

                data = $.parseJSON(data);

                // 判断保存是否成功

                if (data.meta.success) {

                    // 成功就关掉对话框

                    userDialog.dialog("close");

                    //重新加载最新的数据

                    userDatagrid.datagrid("reload");

                } else {

                    $.messager.alert('<spring:message code="errorMessage"/>', data.meta.message, 'error');

                }

            }

        });

        // 创建操作data-url的json对象，把页面所有linkbutton组件的操作都统一添加到此对象上面

        var urlObjectUser = {

            addUser : function() {

                // 清空对话框里面的表单内容，防止原来的数据有缓存

                userForm.form("clear");

                // 打开对话框，修改标题，然后居中

                userDialog.dialog("open").dialog("setTitle", '<spring:message code="addUser"/>');

            },

            updateUser : function() {

                // 获取选中行数据

                var selectedRow = userDatagrid.datagrid("getSelected");

                // 判断是否选中行

                if (!selectedRow) {

                    $.messager.alert('<spring:message code="operationMessage"/>', '<spring:message code="editSelete"/>', "info");

                    return;

                }

                // 清空对话框里面的表单内容

                userForm.form("clear");

                //修改的时候才查询上级null数据

                $('#parentCombotree').combotree({

                    url : '${ctx}/user/getTreeByParent'

                });

                // 使用easyui的form组件load方法，只要是相同的名称，会自动回显数据

                userForm.form("load", selectedRow);

                // 打开对话框

                userDialog.dialog("open").dialog("setTitle", '<spring:message code="editUser"/>');

            },

            removeUser : function() {

                // 获取选中行数据

                var row = userDatagrid.datagrid("getSelected");

                // 判断是否选中行

                if (!row) {

                    $.messager.alert('<spring:message code="operationMessage"/>', '<spring:message code="deleteSelete"/>', "info");

                    return;

                }

                $.get("/user/delete?id=" + row.id, function(data) {

                    if (data.meta.success) {//删除成功

                        userDatagrid.datagrid("reload");

                    } else {

                        $.messager.alert('<spring:message code="errorMessage"/>', data.meta.message, 'error');

                    }

                }, 'json');

            },

            reloadUser : function() {//调用重新加载数据的方法

                userDatagrid.datagrid("reload");

            },

            saveUser : function() {//提交表单

                userForm.submit();

            },

            cancelUser : function() {//关闭对话框

                userDialog.dialog("close");

            },

            searchUser : function() {//简单搜索

                userDatagrid.datagrid("load", {

                    q : $("input[name=q]").val()

                });

            }

        };

        // 对页面所有linkbutton组件，统一监听

        $("a[data-url]").on("click", function() {

            // 获取linkbutton的data-url信息

            var url = $(this).data("url");

            //如果此目标方法是存在的并且linkbutton组件没有被禁用，才可以点击

            if (urlObjectUser[url] && !$(this).linkbutton('options').disabled) {

                //调用动态的方法

                urlObjectUser[url]();

            }

        });

    });

</script>

</head>

<body>

    <!-- 数据表格组件 -->

    <table id="userDatagrid" class="easyui-datagrid" url="/user/json" title="<spring:message code='title'/>" fit="true" border="false"

        fitColumns="true" singleSelect="true" pagination="true" rownumbers="true" toolbar="#userDatagridToolbar">

        <thead>

            <tr>

                <th data-options="field:'id'"><spring:message code='id'/></th>

                <th data-options="field:'name',width:10"><spring:message code='name'/></th>

                <th data-options="field:'age',width:10"><spring:message code='age'/></th>

            </tr>

        </thead>

    </table>

    <!-- 数据表格组件工具栏 -->

    <div class="easyui-layout" fit="true">

        <div id="userDatagridToolbar" region="north" border="false"

            style="border-bottom: 1px solid #ddd; height: 32px; padding: 2px 5px; background: #fafafa;">

            <div style="float: left;">

                <a data-url="addUser" href="javascript:void(0)" class="easyui-linkbutton c1" iconCls="icon-add"><spring:message code='add'/></a> <a

                    data-url="updateUser" href="javascript:void(0)" class="easyui-linkbutton c2" iconCls="icon-edit"><spring:message code='edit'/></a> <a

                    data-url="removeUser" href="javascript:void(0)" class="easyui-linkbutton c3" iconCls="icon-remove"><spring:message code='remove'/></a>

                <a data-url="reloadUser" href="javascript:void(0)" class="easyui-linkbutton c4" iconCls="icon-reload"><spring:message code='reload'/></a>

            </div>

            <div style="float: right">

                <form method="post">

                    <spring:message code='q'/>：<input name="q" size="10" /> <a data-url="searchUser" href="javascript:void(0)"

                        class="easyui-linkbutton c5" iconCls="icon-search"><spring:message code='search'/></a>

                </form>

            </div>

        </div>

    </div>

    <!-- 添加/编辑用户对话框 -->

    <div id="userDialog" class="easyui-dialog" style="width: 360px; height: 260px; padding: 10px 20px"

        title="管理用户对话框" data-options="closed:true,modal:true,buttons:'#userDialogButtons',resizable:true">

        <form id="userForm" method="post">

            <input type="hidden" name="id" />

            <div class="ftitle"><spring:message code='userinfo'/></div>

            <table align="center">

                <tr>

                    <td><spring:message code='name'/>:</td>

                    <td><input class='easyui-validatebox' required="true" type='text' name='name'></input></td>

                </tr>

                <tr>

                    <td><spring:message code='age'/>:</td>

                    <td><input class='easyui-numberbox' required="true" min="20" max="80" precision="0" type='text'

                        name='age'></input></td>

                </tr>

            </table>

        </form>

    </div>

    <!-- 对话框按钮组件 -->

    <div id="userDialogButtons">

        <a data-url="saveUser" href="javascript:void(0)" class="easyui-linkbutton c6" iconCls="icon-ok"

            style="width: 90px"><spring:message code='save'/></a> <a data-url="cancelUser" href="javascript:void(0)" class="easyui-linkbutton c7"

            iconCls="icon-cancel" style="width: 90px"><spring:message code='cancel'/></a>

    </div>

</body>

</html>

common.jsp

<!-- 国际化的js-->

<c:if test="${fn:contains(pageContext.request.locale, 'en')}">

<script type="text/javascript" src="${ctx}/static/easyui/locale/easyui-lang-en.js"></script>

</c:if>

<c:if test="${fn:contains(pageContext.request.locale, 'zh')}">

<script type="text/javascript" src="${ctx}/static/easyui/locale/easyui-lang-zh_CN.js"></script>

</c:if>

其他关联项目

Spring Boot 系列教程7-EasyUI-datagrid

http://blog.csdn.net/je_ge/article/details/53365189

源码地址

https://github.com/je-ge/spring-boot

如果觉得我的文章对您有帮助,请打赏支持。您的支持将鼓励我继续创作!谢谢！

Spring Boot 系列教程15-页面国际化的更多相关文章

Spring Boot 系列教程16-数据国际化
internationalization(i18n) 国际化(internationalization)是设计和制造容易适应不同区域要求的产品的一种方式. 它要求从产品中抽离所有地域语言,国家/地区和 ...
Spring Boot 系列教程11-html页面解析-jsoup
需求需要对一个页面进行数据抓取,并导出doc文档 html解析器 jsoup 可直接解析某个URL地址.HTML文本内容.它提供了一套非常省力的API,可通过DOM,CSS以及类似于JQuery的操 ...
Spring Boot 系列教程8-EasyUI-edatagrid扩展
edatagrid扩展组件 edatagrid组件是datagrid的扩展组件,增加了统一处理CRUD的功能,可以用在数据比较简单的页面. 使用的时候需要额外引入jquery.edatagrid.js ...
Spring Boot 系列教程7-EasyUI-datagrid
jQueryEasyUI jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面.开发者不需要 ...
Spring Boot 系列教程19-后台验证-Hibernate Validation
后台验证开发项目过程中,后台在很多地方需要进行校验操作,比如:前台表单提交,调用系统接口,数据传输等.而现在多数项目都采用MVC分层式设计,每层都需要进行相应地校验. 针对这个问题, JCP 出台一 ...
Spring Boot 系列教程18-itext导出pdf下载
Java操作pdf框架 iText是一个能够快速产生PDF文件的java类库.iText的java类对于那些要产生包含文本,表格,图形的只读文档是很有用的.它的类库尤其与java Servlet有很好 ...
Spring Boot 系列教程17-Cache-缓存
缓存缓存就是数据交换的缓冲区(称作Cache),当某一硬件要读取数据时,会首先从缓存中查找需要的数据,如果找到了则直接执行,找不到的话则从内存中找.由于缓存的运行速度比内存快得多,故缓存的作用就是帮 ...
Spring Boot 系列教程14-动态修改定时任务cron参数
动态修改定时任务cron参数不需要重启应用就可以动态的改变Cron表达式的值不能使用@Scheduled(cron = "${jobs.cron}")实现 DynamicSch ...
Spring Boot 系列教程12-EasyPoi导出Excel下载
Java操作excel框架 Java Excel俗称jxl,可以读取Excel文件的内容.创建新的Excel文件.更新已经存在的Excel文件,现在基本没有更新了 http://jxl.sourcef ...

随机推荐

Udemy - Angular 2 - The Complete Guide 笔记
1. install > npm install -g angular-cli 2. create app > ng new first-app 3. build app > cd ...
Java的I/O总结
概念:Java语言中数据流是接收和发送数据的管道.流是一位单项的. 流的分类: 按照字节字符:InputStream和OutputStream是字节输入输出流的抽象父类.Reader和Writer是字 ...
【转】ActiveMQ与虚拟通道
郑重提示,本文转载自http://shift-alt-ctrl.iteye.com/blog/2065436 ActiveMQ提供了虚拟通道的特性(Virtual Destination),它允许一个 ...
mysql字段更改操作命令
1) 加索引 mysql> alter table 表名 add index 索引名 (字段名1[,字段名2 …]); 例子: mysql> alter table employee ...
LeetCode OJ 88. Merge Sorted Array
Given two sorted integer arrays nums1 and nums2, merge nums2 into nums1 as one sorted array. Note:Yo ...
Matlab - 矩阵基本操作
1. 矩阵的输入右值是用方括号表示: , 逗号或空格分隔元素 ; 分号分隔行 >> A = [-, ; , ] A = - 2. 矩阵的加减 >> C = A + B ...
[ An Ac a Day ^_^ ] FZU 2030 括号问题搜索
FZU一直交不上去先写在这吧 #include<stdio.h> #include<iostream> #include<algorithm> #include& ...
国外vps品牌vultr宣布100%可用，宕机加倍补偿
全球知名的vps品牌vultr最近发狠招了,宣布所有vps服务器保证100%上线可用.如果出现宕机故障,提供加倍补偿方案.没有一家vps敢声称自己的产品100%可用,行业标准99.99%上线率已经是非 ...
GetLastError() 返回值含义
[0]-操作成功完成.[1]-功能错误.[2]-系统找不到指定的文件.[3]-系统找不到指定的路径.[4]-系统无法打开文件.[5]-拒绝访问.[6]-句柄无效.[7]-存储控制块被损坏.[8]-存储 ...
如何通过Maven的Tomcat插件运行Web工程
去tomcat官网http://tomcat.apache.org/,左侧栏Apache Tomcat下的Maven Plugin,点进去选择最新版本Version 2.2 通过介绍可知,使用tomc ...

Spring Boot 系列教程15-页面国际化

internationalization(i18n)

中文语言页面

英文语言页面

浏览器切换中文，英文

Application.java

messages.properties

messages_zh_CN.properties

user.jsp

common.jsp

其他关联项目

源码地址

Spring Boot 系列教程15-页面国际化的更多相关文章

随机推荐

热门专题