`
yaojialing
  • 浏览: 255808 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

Dwr+AutoComplete+pinyin4j 自动匹配(中文,拼音)

    博客分类:
  • JAVA
阅读更多

忙里偷闲,想弄个像google那样输入中文或拼音下面就自动匹配出来的功能。现已实现,虽然遥不可及google的强大,但稍微还是可以满足一下我这个市井混混了。

我是按照neverModules-autoComplete.js来做的,也小改了下JS里面的对我来说不需要的代码。整个与服务器的交互是用DWR来实现的。

思路:本来neverModules-autoComplete没有按拼音匹配的功能,于是我就用pinyin4j来把中文转换为拼音或者首字母,将拼音字符串隐藏在中文的后面。这样既可输入中文也可输入拼音来匹配了。

实现效果如图: 见附件吧,不能插入图片。

 

遗留问题:关于多音字也是个让程序员头疼的问题,我测试时“长盛基金”,拼音应该为chang sheng ji jin,没想到pinyin4j转换的是zhang sheng ji jin.   于是我就用google的中文翻译看了下里面的拼音,也是zhang三声,NND。真是郁闷。有网友说pinyin4j-2.5.0支持多音字了,我就纳闷到底哪里支持了,好像也不行哦。

如果有人知道咋解决多音字问题,麻烦跟小弟说声,感激不尽...................

 

*项目例子见附件,是在eclipse下建的web工程,解压到eclipse工作空间,然后导入就行了。

 

 

//----------------------------------------pinyin4j-------------------------------------------//

Pinyin.java

 

package org.cpic.pinyin;

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 Pinyin {
	/**
	 * 将汉字转换为全拼
	 * 
	 * @param src
	 * @return String
	 */
	public static String getPinYin(String src) {
		/*
		 * 解释一下代码: (1).HanyuPinyinOutputFormat,定义汉语拼音的输出形式.
		 * 
		 * (2).HanyuPinyinCaseType,定义汉语拼音的大小写,如: LOWERCASE min2 UPPERCASE MIN2
		 * 
		 * (3).HanyuPinyinToneType,定义音调的显示方式.如: WITH_TONE_MARK dǎ ,带音调
		 * WITH_TONE_NUMBER da3 ,带音调,用12345表示平上去入和轻声 WITHOUT_TONE da ,不带音调
		 * 
		 * (4).HanyuPinyinVCharType,定义'ü' 的显示方式.如: WITH_U_AND_COLON u:
		 * ,u加两点表示,如律师表示为lu:shi WITH_V v ,用字母v表示,这个用搜狗输入法的人想必有些印象.
		 * WITH_U_UNICODE ü
		 * 
		 * (5).input[i]).matches("[\\u4E00-\\u9FA5]+"),这个用来判断是否为中文的.
		 * 
		 * (6).PinyinHelper.toHanyuPinyinStringArray(input[i],
		 * format),这个返回单字的拼音字符串数组.
		 * 如果音调类型为WITH_TONE_NUMBER的话,"张",将返回"zhang1","李",会返回"li4".
		 * 
		 */
		char[] t1 = null;
		t1 = src.toCharArray();
		// System.out.println(t1.length);
		String[] t2 = new String[t1.length];
		// System.out.println(t2.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++) {
				// 判断能否为汉字字符
				// System.out.println(t1[i]);
				if (Character.toString(t1[i]).matches("[\\u4E00-\\u9FA5]+")) {
					t2 = PinyinHelper.toHanyuPinyinStringArray(t1[i], t3);// 将汉字的几种全拼都存到t2数组中
					t4 += t2[0];// 取出该汉字全拼的第一种读音并连接到字符串t4后
				} else {
					// 如果不是汉字字符,间接取出字符并连接到字符串t4后
					t4 += Character.toString(t1[i]);
				}
			}
		} catch (BadHanyuPinyinOutputFormatCombination e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return t4;
	}

	/**
	 * 提取每个汉字的首字母
	 * 
	 * @param str
	 * @return String
	 */
	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.toUpperCase();
	}

	/**
	 * 将字符串转换成ASCII码
	 * 
	 * @param cnStr
	 * @return String
	 */
	public static String getCnASCII(String cnStr) {
		StringBuffer strBuf = new StringBuffer();
		// 将字符串转换成字节序列
		byte[] bGBK = cnStr.getBytes();
		for (int i = 0; i < bGBK.length; i++) {
			// System.out.println(Integer.toHexString(bGBK[i] & 0xff));
			// 将每个字符转换成ASCII码
			strBuf.append(Integer.toHexString(bGBK[i] & 0xff));
		}
		return strBuf.toString();
	}

	public static void main(String[] args) {
		String cnStr = "长盛不衰";
		System.out.println(getPinYin(cnStr));
		System.out.println(getPinYinHeadChar(cnStr));
		System.out.println(getCnASCII(cnStr));
		
	}
}

 

 

 

 

 

 

//----------------------------------------------neverModules-autoComplete块-------------------------------//

 

代码:

hello.jsp

<%@ page language="java" pageEncoding="gbk"%>

<html>
  <head>
    <title>My JSP 'Hello.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0"> 
	<link rel="stylesheet" href="<%=request.getContextPath()%>/include/css/autocomplete.css" type="text/css">
    <script type="text/javascript" src="<%=request.getContextPath()%>/include/js/neverModules-autoComplete.js"></script>
    <script type='text/javascript' src='t/interface/SHello.js'></script>
    <script type='text/javascript' src='t/engine.js'></script>
    <script type='text/javascript' src='t/util.js'></script>
    <script type="text/javascript">
    //<![CDATA[
     var completeDataSource= [ //对象数组
      			{
		          'text':'',//文本对象,左边显示内容
		          'content':'',//文本对象,右边显示内容
		          'hints':'',//提示对象
		          'hiddenText':''//隐藏拼音
		        }
		      ];
      function onLoadBankCode(){
	      	//返回的是一个List集合,里面封装多个MAP对象
	      	SHello.getBankcode(getList);
	  }
      function getList(data){
      	//其中date接收方法的返回值
            for(var property in data){ 
                   var bean = data[property];
                   //alert("text="+bean.text+" content="+bean.content);
                   completeDataSource[property]=bean;
                   //alert(completeDataSource[property].text);
            }
      }
      
      var autoComplete = null;
      onload = function pageLoadHdle(){
        var configuration = {
          instanceName: "autoComplete",
          textbox: document.getElementById("bankNo"),
          dataSource:completeDataSource
        };
        autoComplete = new neverModules.modules.autocomplete(configuration);
        autoComplete.callback = function (autocompleteValue, autocompleteContent) {
          document.getElementById("bankNo").value=autocompleteValue;	
        }
        autoComplete.useContent = true;
		autoComplete.useSpaceMatch = true;
		autoComplete.ignoreWhere = true;
        autoComplete.create();
        autoComplete.expandAllItem();
        autoComplete.showAnimateImage("<%=request.getContextPath()%>/include/img/animated_loading.gif");
		window.setTimeout(
          function closeAnimateImageAfter1seconds() { 
            autoComplete.closeAnimateImage();
          }, 5000
        );//设置图片消失时间为5秒 
      }
    //]]>
    </script>
    <script type='text/javascript'>
       function sendMessage()
       {
         var tx=document.getElementById("username").value;
         SHello.SayHello(tx,aa);
       }
       function aa(data)
       {
        document.getElementById("show").innerHTML=data;
       }
    </script>
  </head>
  
  <body>
    请输入您的名字<input id="username" name="username" type="text"/><br>
<input type="button" value="发送简单请求" onclick="sendMessage();"/>


下面是服务器的回应:<br>
<div id= "show"></div>
<p>--------------------------------------------------------
<br>请输入拼音首字母或中文名称(pasx or 平安寿险):<br>
<p><input type='text' name="bankNo" maxlength="25" size="25" onkeyup="autoComplete.hdleEvent(event)" ondblclick="autoComplete.expandAllItem();" onmouseover="autoComplete.showAnimateImage();" onmouseout="autoComplete.closeAnimateImage()" onclick="onLoadBankCode();"/>


  </body>
</html>

 

 

Hello.java

 

package org.cpic.autocomplete;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;

import org.cpic.pinyin.Pinyin;

public class Hello {

	public String SayHello(String name) {
		return "Say Hello:"+name;
	}
	/**
	 * 加载客户名称,格式:平安寿险(PASX)
	 * 
	 * @return
	 * @throws Exception
	 */
	public List getBankcode() throws Exception {
		List<String> list=new ArrayList<String>();
		list.add("平安寿险");
		list.add("养老险");
		list.add("太平洋人寿");
		list.add("安华夏人寿");
		list.add("英大泰和人寿");
		list.add("长盛基金");
		list.add("平安健康险");
		list.add("君龙人寿");
		List<Map> array=new ArrayList<Map>();
		for(int i=0;i<list.size();i++){
			Map<String,String> map=new HashMap<String,String>();
			map.put("text", list.get(i));//左边显示内容
			//map.put("content", list.get(i)+"("+Pinyin.getPinYinHeadChar(list.get(i))+")");//右边显示内容
			//map.put("hints", list.get(i)+"("+Pinyin.getPinYinHeadChar(list.get(i))+")");//提示
			//map.put("hiddenText", Pinyin.getPinYin(list.get(i)));//获取完整拼音
			map.put("hiddenText", Pinyin.getPinYinHeadChar(list.get(i)));//获取首字母拼音
			array.add(map);
		}
		return array;

	}
}

 

 

 

  • 大小: 9.6 KB
  • 大小: 11.7 KB
2
0
分享到:
评论
6 楼 拾遗. 2011-07-25  
弱弱问下 在哪修改让其在网页刚打开时不出搜索提示框(一打网页 一个空空的框实在不好看) 看了好久没看出来 谢谢了
5 楼 zfp289 2010-12-20  
有网友说pinyin4j-2.5.0支持多音字了,我就纳闷到底哪里支持了,好像也不行哦。
-------
的确是支持了。你代码中的
String[] t2 = new String[t1.length];

其实只需声明
String[] t2; 

就可以了:
t2 = PinyinHelper.toHanyuPinyinStringArray(t1[i], t3);// 将汉字的几种全拼都存到t2数组中  

返回的就是字的各个读音。

以下代码更改了一些变量名,同时综合了取全拼及首字母的函数:
public static String getPinYin(String src, boolean... params) {
		//z Default param; see http://stackoverflow.com/questions/997482/does-java-support-default-parameter-values
		assert params.length <= 1;
    	boolean onlyInitialPY = params.length > 0 ? params[0] : false;
    
		char[] srcChars = src.toCharArray();
		String[] strPYs; //z: 多音字则返回多个读音
		HanyuPinyinOutputFormat pyFmt = getDefaultPYFormat();
		String result = "";		
		
		try {
			for (char ch : srcChars) { //z: i.e. foreach
				if (Character.toString(ch).matches("[\\u4E00-\\u9FA5]")) {
    				strPYs = PinyinHelper.toHanyuPinyinStringArray(ch, pyFmt);
    				result += onlyInitialPY ? strPYs[0].charAt(0) : strPYs[0];
    			} else {
    				result += Character.toString(ch);
    			}
			}
		}
		catch (BadHanyuPinyinOutputFormatCombination e) {
			e.printStackTrace();
		}
		
		return result;				
	}
	
	private static HanyuPinyinOutputFormat getDefaultPYFormat() {
		HanyuPinyinOutputFormat pyFmt = new HanyuPinyinOutputFormat();
		pyFmt.setCaseType(HanyuPinyinCaseType.LOWERCASE);
		pyFmt.setToneType(HanyuPinyinToneType.WITHOUT_TONE);
		pyFmt.setVCharType(HanyuPinyinVCharType.WITH_V);
		
		return  pyFmt;
	}

4 楼 yaojialing 2010-11-25  
由于前面一直没整理,现在整理一份放附件中
3 楼 lisatisfy 2010-11-17  
limanzu@ruijie.com.cn
谢谢。
2 楼 yaojialing 2010-11-01  
rekoe.net 写道
工程附件呢?



需要的话,可以留邮箱。
1 楼 rekoe.net 2010-10-30  
工程附件呢?

相关推荐

    Dwr+AutoComplete+pinyin4j 自动匹配

    导入myeclips就可用,智能搜索功能:让用户体验感觉良好点,在输入相关的关键搜索字时就可以得知相应的记录数 Dwr+AutoComplete+pinyin4j 自动匹配(中文,拼音)

    DWR+Struts+spring+hibernate的订货系统

    DWR+Struts+spring+hibernate的订货系统,自己添加的dwr功能

    疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发(part01)

    《疯狂Ajax讲义:Prototype/jQuery+DWR+Spring+Hibernate整合开发》是《基于J2EE的Ajax宝典》的第二版。《基于J2EE的Ajax宝典》面市近2年,作为Ajax领域最全面、实用的图书,一直深受读者的好评。全书主要分为三个...

    SSH+Dwr+Ajax框架实现的OA办公自动化系统

    SSH+Dwr+Ajax框架是构建现代Web应用的一种高效组合,尤其在OA(Office Automation)办公自动化系统中,它们能够实现高效的数据交互和用户界面的动态更新。下面将详细讲解这三个关键技术及其在OA系统中的应用。 **...

    DWR+extjs+spring+hibernate

    DWR支持异步更新,提供了自动化的JSON和XML序列化,简化了前后端的数据交换。 **EXTJS** EXTJS提供了大量的预定义UI组件,如表格、表单、面板、树形视图等,这些组件具有高度可配置和可扩展性。EXTJS的布局管理器...

    Spring+DWR+ibatis+jQuery+easyUI的框架例子

    Spring+DWR+ibatis+jQuery+easyUI的框架例子. 完全开放源代码,免费学习与使用。 可以完成基本的后台主界面,报表查询,数据查询,增加,修改等功能。 如果你要做一些报表,后台功能利用这个a框架就可以很方便实现。

    dwr+spring+hibernate模板.zip

    《DWR+Spring+Hibernate整合应用详解》 在IT领域,DWR(Direct Web Remoting)、Spring和Hibernate是三个至关重要的技术组件,它们分别在Web应用程序的远程调用、依赖注入和对象关系映射方面发挥着核心作用。将这三...

    Spring+Dwr+Hibernate整合项目

    4. **前后端交互**:前端JavaScript通过DWR调用后端的Java方法,这些方法由Spring管理并可能涉及Hibernate操作。数据在服务器和客户端之间以JSON格式传递,实现了高效的数据交换。 **项目结构** 从压缩包文件名"DWR...

    DWR+jquery2.x+easyUI1.3.x开发富客户端应用

    1. **SSH+jQuery+DWR+EasyUI 实战**:本文档通过一系列的实战案例展示了如何将 Struts2、Spring3、Hibernate4 与 DWR、jquery2.x 和 easyUI1.3.x 结合起来开发实际的应用。 2. **实战案例详解**: - SSH 架构集成...

    dwr+hibernate实现的分页技术

    ### dwr+hibernate实现的分页技术详解 在当今快速发展的互联网环境中,网站和应用程序需要处理大量的数据。为了提高用户体验并优化服务器资源利用,分页技术成为了必不可少的一部分。本文将详细介绍如何通过结合dwr...

    ssh整合例子(spring3 + struts2 + hibernate4+dwr+ext+json)

    内含 ext+dwr+freemark+jasperreort+ireport+echance+oscache+velocite等技术 展示例子:http://zz563143188.iteye.com/blog/1462413 若要下载chm格式请到http://user.qzone.qq.com/563143188 程序源码下载地址10MB...

    dwr+spring集成配置

    **DWR(Direct Web Remoting)与Spring框架的集成配置** DWR(Direct Web Remoting)是一个开源的Java库,允许在Web应用程序中实现Ajax功能,使得JavaScript可以直接调用服务器端的Java方法,实现了浏览器与服务器...

    源码分享-ibatis+dwr+jQuery

    【标题】"源码分享-ibatis+dwr+jQuery"是一个关于使用这三种技术构建的简单商城系统的源码集合。Ibatis、Direct Web Remoting (DWR) 和 jQuery 是Web开发中的关键组件,它们共同作用于提升应用程序的性能和用户体验...

    pinyin4j+dwr实现搜索框智能提示

    pinyin4j + dwr 实现搜索框提示,部署好即可查看效果,傻瓜式测试用例,亲自建立测试用例。

    web开发实例(DWR+Struts2)

    【标题】"Web开发实例(DWR+Struts2)"揭示了一个综合性的Web应用程序开发案例,其中结合了Direct Web Remoting (DWR) 和Struts2框架。DWR是一种JavaScript库,它允许在浏览器和服务器之间进行实时、异步的通信,从而...

    DWR+SPRING 例子+DWR中文教材

    DWR中文教材可能涵盖了DWR的基本概念、安装与配置、安全性、调试技巧等内容,对于初学者来说是一份非常实用的学习资料。通过阅读这份教材,我们可以了解到DWR的工作原理,以及如何有效地利用DWR来提高Web应用的交互...

    dwr+spring

    4. **JavaScript调用**:在前端,DWR提供了一套JavaScript API,可以方便地调用服务器上的Java方法。这些调用通常是异步的,增强了用户体验,因为它们不会阻塞页面加载。 5. **安全性和权限控制**:由于DWR允许直接...

    spring+hibernate+dwr+mysql实现二级联动

    ajax,spring,hibernate,dwr,实现二级联动

    dwr+maven+jetty

    标题 "dwr+maven+jetty" 涉及到三个关键的开源技术:Direct Web Remoting (DWR),Maven,以及Jetty。这些工具在IT行业中常用于构建和部署Java Web应用程序。 1. Direct Web Remoting (DWR): DWR是一种JavaScript...

Global site tag (gtag.js) - Google Analytics