JAVA 配合 Vue前台，完成中文、拼音全拼、拼音首字母检索

用户虐我千百遍，我虐代码一万遍。下拉选择太多，要求下拉框支持拼音检索。容我三思，那该支持简拼还是全拼？？
唉~~~ 不管了，都支持吧！！

 

首先引用Jar包：

<dependency>
	<groupId>net.sourceforge.pinyin4j</groupId>
	<artifactId>pinyin4j</artifactId>
	<version>2.5.0</version>
</dependency>

Pinyin4j支持方式：

• 1.支持简体中文和繁体中文字符
• 2.支持转换到汉语拼音，通用拼音, 威妥玛拼音（威玛拼法）, 注音符号第二式, 耶鲁拼 法和国语罗马字
• 3.支持多音字，即可以获取一个中文字符的多种发音
• 4.支持多种字符串输出格式，比如支持Unicode格式的字符ü和声调符号(阴平 "ˉ",阳平"ˊ",上声"ˇ",去声"ˋ")的输出

Pinyin4j支持多种格式：

Pinyin4j pinyin4j = new Pinyin4j();			
String first1 = pinyin4j.toPinYinUppercase("测试中文");//全部大写
String first2 = pinyin4j.toPinYinUppercase("测试中文", "**");//全部大写（中间加字符串*)
String first3 = pinyin4j.toPinYinLowercase("测试中文");//全部小写
String first4 = pinyin4j.toPinYinLowercase("测试中文","**");//全部小写（中间加字符串*）
String first5 = pinyin4j.toPinYinUppercaseInitials("测试中文");//返回首字母大写
String first6 = pinyin4j.toPinYinLowercaseInitials("测试中文");//返回首字母小写

针对什么情况，分别给出使用方法：

然后给出封装的工具类java代码：

import java.util.HashSet;
import java.util.Set;
import net.sourceforge.pinyin4j.PinyinHelper;
import net.sourceforge.pinyin4j.format.HanyuPinyinCaseType;
import net.sourceforge.pinyin4j.format.HanyuPinyinOutputFormat;
import net.sourceforge.pinyin4j.format.HanyuPinyinToneType;
import net.sourceforge.pinyin4j.format.HanyuPinyinVCharType;
import net.sourceforge.pinyin4j.format.exception.BadHanyuPinyinOutputFormatCombination;

public class Pinyin4jUtil {
    
    /**
     * getFirstSpellPinYin:(多音字的时候获取第一个). <br/> 
     * @param src  传入的拼音字符串，以逗号隔开
     * @param isFullSpell 是否全拼，true:全拼，false:第一个汉字全拼(其它汉字取首字母)
     * @return 第一个拼音
     */
    public static String getFirstSpellPinYin(String src , boolean isFullSpell) {
        String targetStr = Pinyin4jUtil.makeStringByStringSet(Pinyin4jUtil.getPinyin(src, isFullSpell));
        String[] split = targetStr.split(",");
        if (split.length > 1) {
            targetStr = split[0];
        }
        return targetStr;
    }

    /**
     * makeStringByStringSet:(拼音字符串集合转换字符串(逗号分隔)). <br/> 
     * @param stringSet  拼音集合
     * @return  带逗号字符串
     */
    public static String makeStringByStringSet(Set<String> stringSet) {
        StringBuilder str = new StringBuilder();
        int i = 0;
        if (stringSet.size() > 0) {
            for (String s : stringSet) {
                if (i == stringSet.size() - 1) {
                    str.append(s);
                } else {
                    str.append(s + ",");
                }
                i++;
            }
        }
        return str.toString().toLowerCase();
    }

    /**
     * getPinyin:(获取汉字拼音). <br/> 
     * @param src   汉字
     * @param isFullPin  是否全拼,如果为true：全拼，false:首字全拼
     * @return
     */
    public static Set<String> getPinyin(String src, boolean isFullSpell) {
        if (src != null && !src.trim().equalsIgnoreCase("")) {
            char[] srcChar;
            srcChar = src.toCharArray();
            // 汉语拼音格式输出类
            HanyuPinyinOutputFormat hanYuPinOutputFormat = new HanyuPinyinOutputFormat();

            // 输出设置，大小写，音标方式等
            hanYuPinOutputFormat.setCaseType(HanyuPinyinCaseType.LOWERCASE);
            hanYuPinOutputFormat.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
            hanYuPinOutputFormat.setVCharType(HanyuPinyinVCharType.WITH_V);

            String[][] temp = new String[src.length()][];
            for (int i = 0; i < srcChar.length; i++) {
                char c = srcChar[i];
                if (String.valueOf(c).matches("[\\u4E00-\\u9FA5]+")) {//中文
                    try {
                        temp[i] = PinyinHelper.toHanyuPinyinStringArray(
                                srcChar[i], hanYuPinOutputFormat);
                        if (!isFullSpell) {
                            if (i == 0) {
                                temp[i] = temp[i];
                            } else {
                                String[] tTemps = new String[temp[i].length];
                                for (int j = 0; j < temp[i].length; j++) {
                                    char t = temp[i][j].charAt(0);
                                    tTemps[j] = Character.toString(t);
                                }
                                temp[i] = tTemps;
                            }
                        }
                    } catch (BadHanyuPinyinOutputFormatCombination e) {
                        e.printStackTrace();
                    }
                } else if (((int) c >= 65 && (int) c <= 90)
                        || ((int) c >= 97 && (int) c <= 122)) {//英文
                    temp[i] = new String[] { String.valueOf(srcChar[i]) };
                } else {
                    temp[i] = new String[] { "" };
                }
            }
            String[] pingyinArray = exchange(temp);
            Set<String> pinyinSet = new HashSet<String>();
            for (int i = 0; i < pingyinArray.length; i++) {
                pinyinSet.add(pingyinArray[i]);
            }
            return pinyinSet;
        }
        return null;
    }

    /**
     * 递归
     * @param strJaggedArray
     * @return
     */
    public static String[] exchange(String[][] strJaggedArray) {
        String[][] temp = doExchange(strJaggedArray);
        return temp[0];
    }

    /**
     * 递归
     * @param strJaggedArray
     * @return
     */
    private static String[][] doExchange(String[][] strJaggedArray) {
        int len = strJaggedArray.length;
        if (len >= 2) {
            int len1 = strJaggedArray[0].length;
            int len2 = strJaggedArray[1].length;
            int newlen = len1 * len2;
            String[] temp = new String[newlen];
            int Index = 0;
            for (int i = 0; i < len1; i++) {
                for (int j = 0; j < len2; j++) {
                    temp[Index] = strJaggedArray[0][i] + strJaggedArray[1][j];
                    Index++;
                }
            }
            String[][] newArray = new String[len - 1][];
            for (int i = 2; i < len; i++) {
                newArray[i - 1] = strJaggedArray[i];
            }
            newArray[0] = temp;
            return doExchange(newArray);
        } else {
            return strJaggedArray;
        }
    }
}

准备工作完成！

按个人需求，将需要添加的拼音内容加入至数据中：

	public List<Map<String, Object>> getPinyinList(List<Map<String, Object>> resultList){
		Pinyin4j pinyin4j = new Pinyin4j();
		for (Map<String, Object> item: resultList) {		
			String name	=	(String)item.get("名称");
			String xiaoxieQ = pinyin4j.toPinYinLowercase(name);
			item.put("xiaoxieQ", xiaoxieQ);
			String xiaoxieJ = pinyin4j.toPinYinLowercaseInitials(name);
			item.put("xiaoxieJ", xiaoxieJ);
		}
		return resultList;
	}

这里是应用了<el-autocomplete>这一组件完成这个功能，HTML部分

<template>
   <div class="app-container" id="app-parent">
     <el-autocomplete
        v-model="listQuery.deptName" //数据绑定用于整个的搜索功能
        :fetch-suggestions="querySearchGroup"
        placeholder="请选择"
        clearable //由于输入了内容后只会显示匹配的那一个信息想修改的话记得加这个可清空输入框内容的功能
        class="filter-item"
        style="width: 168px;margin-top:0px"
        @select="selectGroup"
        @focus="groupListMe"
    />
  </div>
</template>

<script>

export default {

  data() {
      return {
         groupArr: [],
         groupList: [],
    }
  },
  methods: {
    groupListMe() { 
      getDictInfo().then(res => { // getDictInfo()这里是调用后台接口
        if (res.data) {
          this.groupList = []
          this.groupArr = []
          this.groupList = res.data.list
        }
      })
    },
    querySearchGroup(queryString, cb) {
      var groupArr = this.groupArr
      cb(groupArr)
    },
    selectGroup(val) {
      this.groupId = val.name
    },
  },
  computed:{
    
  },
  watch: {
    'listQuery.deptName': {
      deep: true,
      handler: function(newVal, oldVal) {
        this.groupArr = []// 这是定义好的用于存放下拉提醒框中数据的数组
        var len = this.groupList.length// groupList
        var arr = []
        for (var i = 0; i < len; i++) { // 根据输入框中的值进行模糊匹配
          if (this.groupList[i].xiaoxieJ.indexOf(this.listQuery.deptName) >= 0) {
            arr.push(this.groupList[i])
          }
        }
        this.groupArr = arr
      }
    }
  }
};
</script>

测试8000左右的结果集过滤速度不慢，基本不到1秒