1、新增pom依賴，建立工具類

<dependency>
<groupId>com.belerweb</groupId>
<artifactId>pinyin4j</artifactId>
<version>2.5.0</version>
</dependency>

public class ChineseToEnglishUtil {

// 將漢字轉換為全拼
public static String getPingYin(String src) {

char[] t1 = null;
t1 = src.toCharArray();
String[] t2 = new String[t1.length];
HanyuPinyinOutputFormat t3 = new HanyuPinyinOutputFormat();

t3.setCaseType(HanyuPinyinCaseType.LOWERCASE);
t3.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
t3.setVCharType(HanyuPinyinVCharType.WITH_V);
String t4 = "";
int t0 = t1.length;
try {
for (int i = 0; i < t0; i++) {
// 判斷是否為漢字字元
if (Character.toString(t1[i]).matches("[\\u4E00-\\u9FA5]+")) {
t2 = PinyinHelper.toHanyuPinyinStringArray(t1[i], t3);
t4 += t2[0];
} else
t4 += Character.toString(t1[i]);
}
// System.out.println(t4);
return t4;
} catch (BadHanyuPinyinOutputFormatCombination e1) {
e1.printStackTrace();
}
return t4;
}

// 返回所有中文的首字母
public static String getPinYinHeadChar(String str) {

String convert = "";
for (int j = 0; j < str.length(); j++) {
char word = str.charAt(j);
String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(word);
if (pinyinArray != null) {
convert += pinyinArray[0].charAt(0);
} else {
convert += word;
}
}
return convert;
}

// 返回中文第一個字的首字母
public static String getPinYinHeadFirstChar(String str) {
String result = "";
char ch = str.charAt(0);
String[] pinyinArray = PinyinHelper.toHanyuPinyinStringArray(ch);

return (result+pinyinArray[0].charAt(0)).toUpperCase();
}

// 將字串轉移為ASCII碼
public static String getCnASCII(String cnStr) {
StringBuffer strBuf = new StringBuffer();
byte[] bGBK = cnStr.getBytes();
for (int i = 0; i < bGBK.length; i++) {
strBuf.append(Integer.toHexString(bGBK[i] & 0xff));
}
return strBuf.toString();
}

public static void main(String[] args) {
System.out.println(getPingYin("綦江qq縣"));
System.out.println(getPinYinHeadChar("綦江縣"));
System.out.println(getCnASCII("綦江縣"));
System.out.println(getPinYinHeadFirstChar("綦江縣"));
}
}

2、遍歷A-Z，判斷資料的首字母封裝到新的集合中，建立TreeMap(有序的)，封裝資料

Map map=new TreeMap();
List<SysConfigSchool> schoolList = sysConfigSchoolServiceImpl.findSysConfigSchoolByCompanyId(companyId);

for (SysConfigSchool sc : schoolList) {
sc.setSchoolName(sc.getSchoolName().trim());
}

List<SysConfigSchool> arraylist=new ArrayList();
String[] alphatableb = { "A", "B", "C", "D", "E", "F", "G", "H", "I","J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"};
for(String a:alphatableb){
for(int i=0;i<schoolList.size();i++){
if(a.equals(ChineseToEnglishUtil.getPinYinHeadFirstChar(schoolList.get(i).getSchoolName().toString().toUpperCase()))){
arraylist.add(schoolList.get(i));
}
}
map.put(a,arraylist);
arraylist=new ArrayList();
}

3、資料放入request域傳到前臺，用c標籤遍歷。

<c:forEach items="${map}" var="item">
<c:if test="${!empty item.value}">
<div class="branch_school_part clearfix" id="<c:out value="${item.key}"/>">
<h5 class="on"><c:out value="${item.key}"/></h5>
<ul>
<c:forEach items="${item.value}" var="schoolName">
<li class="on">
<span data-id = "${schoolName.id}" data-suffix="${schoolName.suffix}"><c:out value="${schoolName.schoolName}" /></span>
</li>
</c:forEach>
</ul>
</div>
</c:if>
</c:forEach>