java开发多国语言互译

Bertha 。 2022-06-09 13:45 282阅读 0赞

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

<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="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代码片段

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

@WebServlet("/trans")
    public class TransAction extends HttpServlet{ 
        //百度翻译的接口 首先要去注册下（免费的哦）
        private String Appid = "";
        private String key ="";
    
        @Override
        protected 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.想要源码的小伙伴 请私聊我

[SouthEast]: /images/20220609/0708f66024d14878a1bad9c338527649.png