登录界面通过之后是怎么生成自己的聊天窗口

JavaScript015

登录界面通过之后是怎么生成自己的聊天窗口,第1张

生成聊天窗口具体执行步骤如下:

1、借助聊天软件生成js代码

快商通是一款免费的在线客服系统,能够生成为网页实现自动弹出在线聊天窗口功能的js代码。搜索快商通到达官网下载客服系统软件并完成注册,登录后找到“设置中心”-“代码生成”打开进入代码生成页面,可以直接拿到我们需要的js代码(如果是移动网站,记得先点击页面上的移动设备图标选项)。

客服软件后台

生成在线聊天窗口js代码

2、将js代码添加到网页html源码中

拿到代码就已经成功一半了,紧接着打开网站后台,找到名为“footer”的模板文件,打开文件把上一步获取到的代码添加到第一行或最后一行,再点击保存就可以了。当再访问网页时,就会发现页面出现了迷你对话窗口,接下来我们要让他能够根据要求自动弹出。

3、设置自动弹出在线聊天窗口的触发条件

在左侧找到“图标设置”功能栏,点击进入设置页面。打开“迷你对话框”的功能按钮,并直接点击“迷你对话框”文字进入设置界面。

jsp中可以实现简单的聊天功能,例子如下:

chat.jsp代码如下:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%@ page language="java" contentType="text/htmlcharset=GB2312"%>

<html>

<body>

<%

try{

request.setCharacterEncoding("GB2312")

String mywords=request.getParameter("message")

String t=""

if(application.getAttribute("words")==null &&mywords!=null){

t= (String)request.getRemoteAddr() + ":" + mywords + "<br/>"

application.setAttribute("words",(Object)t)

out.println(t)

}

else if(mywords!=null){

t=(String)application.getAttribute("words")

t += (String)request.getRemoteAddr() + ":" + mywords + "<br/>"

application.setAttribute("words",(Object)t)

out.println(t)

}

}

catch(Exception e){

}

%>

<form method="post" action="index.jsp" >

<input name="message" type="text" size=50 >

<input type="submit" value="发送消息" >

</form>

</body></html>

输出对话内容如下: