图片、jquery+代码保存本人云盘:JSP011_TuringRobot,密码:3du6
代码中的key为登陆百度图灵网站免费获取。
css&jquery实现kimi界面:
kimi.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>百度图灵机器人</title>
<style type="text/css">
body{ text-align:center}
#main{
width:700px;
height:550px;
background-color:#CCC;
margin:40px auto;
}
#header{
height:70px;
background-color:#60CEE6;
text-align:left;
color:#FFF;
font-size:25px;
line-height:70px;
padding-left:30px;
}
#content{
height:400px;
background-color:#FFF;
overflow: scroll;
}
#input{
height:75px;
background-color:#CCC;
width:590px;
float:left;
text-align:left;
outline:none;
font-size:25px;
padding-left:10px;
padding-top:5px;
}
#button{ height:80px; background-color:#0FC;width:100px;float:right;}
#submit{ width:100px; height:80px; border:none; outline:none}
.c_right{ text-align:right}
.c_left{ text-align:left}
img{ vertical-align:middle}
</style>
</head>
<body background="images/1.jpg">
<div id="main">
<div id="header">蓝桥人工智能客服机器人系统 - V1.0</div>
<div id="content">
<div class="c_left">
<img src="images/left.jpg">:郝老师你好!
</div>
</div>
<div id="bottom">
<div id="input" contenteditable="true"></div>
<div id="button">
<input type="button" id="submit" value="发送">
</div>
</div>
</div>
</body>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script>
$("#submit").click(function(){
var mess=$("#input").html();
$("#content").append("<div class='c_right'>"+mess+":<img src='images/right.jpg'></div>");
$("#input").html("");
//发送ajax请求
$.ajax({
url:"Turing",
data:{"mess":mess},
dataType:"json",
type:"post",
success:function(result){
var value=result.text;
$("#content").append("<div class='c_left'><img src='images/left.jpg'>:"+value+"</div>");
},
error:function(status){
alert("服务器请求异常!!");
}
})
})
</script>
</html>
controller包下servlet文件TuringServlet.java(仅附部分代码)
doPost中写入:
@WebServlet("/Turing")
……
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
String mess=request.getParameter("mess");
String key="a50fce1240bf434c86d7794c716fe2ef";
//设置链接地址
URL url=new URL("http://www.tuling123.com/openapi/api?key="+key+"&info="+URLEncoder.encode(mess, "utf-8"));
//进行连接
HttpURLConnection hconn=(HttpURLConnection)url.openConnection();
hconn.connect();
//获取返回数据
InputStreamReader isr=new InputStreamReader(hconn.getInputStream(),"utf-8");
BufferedReader br=new BufferedReader(isr);
String rl=br.readLine();
response.getWriter().print(rl);
System.out.println(rl);
}
测试包TestTuring下的TestTuring.java(仅附上部分代码)
public static void main(String[] args) {
try {
String key="a50fce1240bf434c86d7794c716fe2ef";
//设置连接地址
URL url = new URL("http://www.tuling123.com/openapi/api?key="+key+"&info=你好");
//进行连接
HttpURLConnection hurlc=(HttpURLConnection)url.openConnection();
hurlc.connect();
//获取返回数据
InputStreamReader isr=new InputStreamReader(hurlc.getInputStream(),"utf-8");
BufferedReader br=new BufferedReader(isr);
String rl=br.readLine();
System.out.println(rl);
} catch (MalformedURLException e) {
e.printStackTrace();
}catch (Exception e) {
e.printStackTrace();
}
}