java开发多国语言互译

对于一枚对英语盲的人，一旦遇着不会的单词或者句子；以前上学时，老师总是叫我们用词典。现在网络发达，总喜欢上网去度娘了，但是有好几次回老家想百度就是没网的那种伤心尤然心生，所以我自制了一款适合我自己的百度翻译。
话不多说，先附上效果图

一、网页内容部分

<div class="title">JAVA 开发多国语言互译系统~小小涛</div><div class="center"><div class="content"><input type="text" id="text" autocomplete="off"></div><div class="centers"><select name="from" id="from"><option value="auto">智能识别</option><option value="zb">中文</option><option value="wyw">文言文</option><option value="yue">粤语</option><option value="en">英语</option><option value="ru">俄语</option><option value="de">德语</option><option value="jp">日语</option><option value="kor">韩语</option><option value="fra">法语</option><option value="th">泰语</option><option value="ara">阿拉伯语</option><option value="pt">葡萄牙语</option></select><img alt="右箭头" src="data:images/sign_in.png"><select name="to" id ="to"><option value="en">英语</option><option value="zh">中文</option><option value="wyw">文言文</option><option value="yue">粤语</option><option value="ru">俄语</option><option value="de">德语</option><option value="jp">日语</option><option value="kor">韩语</option><option value="fra">法语</option><option value="th">泰语</option><option value="ara">阿拉伯语</option><option value="pt">葡萄牙语</option></select><a href="javascript:query();" id="btn" >翻译</a></div><div id="result" class="text"><div class="r-text"></div><div class="audio"></div></div></div>

二、css样式和Jquery代码片段

<style type="text/css">*{padding:0;margin:0;}body,html{width:100%;height:100%;}body{background:url(images/bg.jpg) no-repeat center;background-position:100% 100%;}/*titile start*/.title{width:100%;height:60px;background:rgba(0,0,0,.3);text-align:center;line-height:60px;font-size:18px;color:pink;}/*title end*/.center{width:600px;height:400px;margin:100px auto;}/*content start*/.content #text{width:596px;height:96px;border:2px green solid;text-indent:16px;font-size:18px;outline:none;}.centers{background:rgba(0,0,0,.2);padding:0 50px;margin:10px 0;}.centers select{width:120px;height:40px;padding: 0 10px;font-size:16px;}.centers img{margin:0 25px -10px;}.centers a{display:block;width:100px;hieght:40px;line-height:40px;background:#60d9ff;margin:0 0 0 10px;float:right;text-align:center;color:#fff;text-decoration:none;border-radius:10px;}/*content end*/#result{border:2px green solid;width:596px;height:240px;position:relative;}.r-text{color:#f00;font-weight:bold;position:absolute;font-size:22px;padding:20px;}.audio{width:19px;height:17px;background:url("images/sound-1.png");position:absolute;bottom:5px;left:5px;}.audio:hover{background:url("images/sound-2.png"); cursor:pointer;}</style>-----------------------------------------------------
<script type="text/javascript">function query(){//获取输入框的值var text = $("#text").val();//获取下拉框选择时的值var from = $("#from").val();var to = $("#to").val();$.ajax({url:"trans",type:"post",data:{"text":text,"from":from,"to":to},success:function(result){//json对象var StringJSON = $.parseJSON(result)var content = (StringJSON.trans_result)[0].dst;$(".r-text").html(content);function audioPlay(){var str = content.replace(/\s+/g,"_");//粤语跟文言文if(to=="wyw"){to="zh";}else if(to=="yue"){to="cte";}var obj = $('<audio src="http://fanyi.baidu.com/gettts?lan='+to+'&amp;text='+str+'&amp;spd=5&amp;sorce=web" autoplay></audio>');$("audio").remove();$("body").append(obj);$("#text").select();}$(".audio").click(function(){audioPlay();});}});}</script>

光这些是远远不够的，接下来就是展现java后端的NB代码咯

@WebServlet("/trans")
public class TransAction extends HttpServlet{//百度翻译的接口 首先要去注册下（免费的哦）private String Appid = "";private String key ="";@Overrideprotected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {//设置编码req.setCharacterEncoding("UTF-8");resp.setCharacterEncoding("UTF-8");//获取前端的传递来的数据String text = req.getParameter("text");String from = req.getParameter("from");String to   = req.getParameter("to");TransApi api = new TransApi(Appid, key);String TransResult = api.getTransResult(text, from, to);resp.getWriter().print(TransResult);}}

ps.想要源码的小伙伴请私聊我

java开发多国语言互译相关推荐

语音翻译工具推荐，实现多国语言互译
在跨国旅行.商务洽谈.交友聊天等场合中,语言障碍常常是阻碍沟通和交流的重要因素.而好用的语音翻译app可以让人们跨越不同的语言障碍,使得全球化交流变得更加顺利和便捷.它们可以通过听取.录制并进行自动翻 ...
全球首个突破200种语言互译的翻译引擎，百度翻译打破世界沟通壁垒
机器翻译作为人工智能关键技术之一,正日益成为企业智能化升级的重要应用场景.12月1日,百度大脑开放日举办了以"机器翻译沟通全世界"为主题的专场活动. IDC 中国副总裁兼首席分析 ...
facebook对话链接_并非里程碑！ Facebook的100种语言互译模型夸大宣传遭质疑
[新智元导读]昨天,Facebook宣布其最新的神经机器翻译模型不依赖英语就能实现100种语言的互译,并称之为「里程碑式」进展.今天就有网友发帖质疑,「里程碑」的说法有点夸大宣传,「不依赖英语」也不够 ...
java开发环境及数据类型实验_实验项目1 Java开发环境与语言基础
<实验项目1 Java开发环境与语言基础>由会员分享,可在线阅读,更多相关<实验项目1 Java开发环境与语言基础(14页珍藏版)>请在人人文库网上搜索. 1.实验项目1 Ja ...
JAVA——实现各国中英文名称互译功能的查询程序
用JAVA实现各国中英文名称互译功能的查询程序创建一个字典文件,其内容为各个国家的中英文对照表,以查询国名为目的,对各个国家的国名进行中英互译. 1.功能: 输入"中国"则在屏上 ...
翻译API新加法、瑞典、希腊、捷克文全球语言互译功能
翻译API新加俄文全球语言互译功能,解决俄文走向世界的一大障碍 (目前互联网上暂时没有翻译引擎能提供俄文和全球语言互译功能) [示例] 中文:为用户提供即时,准确和便捷的单词搜索或翻译体验,从而降低了 ...
C++ 软件开发多国语言解决方案汇总
暂时汇总出了以下几种方法以Unicode为核心采用 GNU gettext 基于Qt的多语言开发工具:Qt Linguist 以Unicode为核心参考:http://www.ibm.com ...
MetaAI科学家解读最新模型：200+语言互译，千倍翻译数据，全球元宇宙用户自由交流...
导读:近日,MetaAI发布了NLLB-200模型,宣布在200多种语言(其中有70%是低资源语言)上实现了任意互译.其中的亮点在于:研究者让大多数低资源语言训练数据量提升了多个数量级,相当于规模提升 ...
android开发多国语言对照表
android开发,支持多国语言时,都是"语言-地区"简称不好记忆,此处网络收集来作为笔记参考. msm8x12\build\target\product\languages_fu ...

java开发多国语言互译

java开发多国语言互译相关推荐

最新文章

热门文章