输入汉字，自动转成汉语拼音。。。

汉字自动转换成拼音：

流程：

1. 先引入相对应的jar包

        
            com.belerweb
            pinyin4j
            ${pinyin4j.version}
        

1. 编写一个工具类

public class PinyinUtils {

    // 返回一个拼音字符串，并且首字母大写
    public static String getPingYin(String inputString) {
        HanyuPinyinOutputFormat format = new HanyuPinyinOutputFormat();
        format.setCaseType(HanyuPinyinCaseType.LOWERCASE);
        format.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
        format.setVCharType(HanyuPinyinVCharType.WITH_V);
        String output = "";
        if (inputString != null && inputString.length() > 0 && !"null".equals(inputString)) {
            char[] input = inputString.trim().toCharArray();
            try {
                for (int i = 0; i < input.length; i++) {
                    if (Character.toString(input[i]).matches("[\\u4E00-\\u9FA5]+")) {
                        String[] temp = PinyinHelper.toHanyuPinyinStringArray(input[i], format);
                        output += temp[0];
                    } else
                        output += Character.toString(input[i]);
                }
            } catch (BadHanyuPinyinOutputFormatCombination e) {
                e.printStackTrace();
            }
        } else {
            return "*";
        }
        return output;
    }

    public static void main(String[] args) {
        String yin = getPingYin("测试");
        System.out.println(yin);
    }
}

1. 在控制器里面写一个对应的方法

/**
     * 把用户名转成拼音
     */
    @RequestMapping("changeChineseToPinyin")
    public Map changeChineseToPinyin(String username){
         Map map=new HashMap<>();
         if(null!=username) {
             map.put("value", PinyinUtils.getPingYin(username));
         }else {
             map.put("value", "");
         }
         return map;
    }

1. 在前端界面进行展示

            

                用户姓名
                

                      
                
            
            

               登陆名称
                

                      
                   
            
         

对应的js代码

//监听用户名的失去焦点事件
        $("#username").on("blur",function(){
            var username=$(this).val();
            $.get("/user/changeChineseToPinyin",{username:username},function(res){
                $("#loginname").val(res.value);
            })
        });