聊天提示嵌入WEB页面设计与实现.docVIP

聊天提示嵌入WEB页面设计与实现 　　摘要：网页中嵌入本网站外提供的服务，需要在网页文件中插入服务引擎代码，而其它的大量JAVASCRIPT要执行的代码都要在页面解析时通过JS插件或动态请求下载，要在解析器线程内执行属不同域的服务代码[1] 。自动化代码插入保证使用站外服务方便可靠，避免插入代码引起网页文件破坏。 　　关键词：引擎代码；JS插件；代码插入；站外服务 　　中图分类号：TP311 文献标识码：A 文章编号：1009-3044（2014）36-8650-03 　　网页是当今企业的宣传的重要窗口，现很多公司通过网页“面对面”和客户直接聊天，提高了业务的成功率。把本站外聊天系统和网页融合是大多数公司的首选，特别是中小型公司。提供系统服务公司在保证客户现有网页原来功能和信息不会破坏的情况下，如何把聊天功能嵌入到客户各网页中，该文就此问题提供了一个现实可行的解决方案。 　　1 系统功能介绍 　　系统涉及服务提供商、请求服务的客户、客户网页浏览者的三种角色。客户向服务提供商申请网页聊天服务，首先要在服务商注册公司服务账号，登记账号管理员和业务咨询人员，并对咨询人员进行分类记，随后客户可使用工具把服务商提供的网页代码插入本公司页面。当浏览者访问客户网页时服务商嵌入客户网页的聊天请求界面会增强呈现在浏览者的面前，浏览者点击后，客户的工作人员就可以使用桌面聊天程序和浏览者（在网页中）聊天，聊天的信息通过服务商传递到双方。 　　2 插入的页面代码功能设计 　　2.1 代码插入的工作原理 　　由于要执行的代码量比较大，在页面中插入的代码只是关键的引擎代码，否者对原页面维护会带来破坏和混乱，由此需要通过JS插件方式，大量的代码在网页解析时才下载到页面。在执行插入的JAVASCRIPT代码时，可以生成新的DOM JS插件对象，当浏览器解释新JS插件对象时又下载执行另一JAVASCIPT代码。通过这种方式把所有代码分次下载到浏览器中，最终聊天请求提示界面和的页面无缝融合在一起显示，成为页面整体中的一部分。 　　2.2 插入的提示代码设计 　　为了维护原页面文件方便，在页面显示时不会影响原页面内容显示的顺序，减少浏览器执行擦入代码时触发DOM的重解析，因此插入代码的最好位置是页面的最后面，也就是紧靠前。插入的代码应考虑未来服务的迁移性、客户账号和服务站点的不同性、代码块标识的唯一性。插入的代码范例如下： 　　 // 代码块标识 　　//‘szyhpx’是服务站点的标识，具体的域名在 szyhpx.js文件中定义 　　// 具体变量名为webAdr 　　 　　// 定义网页访问轨迹函数 　　 　　 　　// 客服请求服务注册名 　　var cmpyId=NCCDPX； 　　// 定义提供服务的站点名 　　var webWSId=szyhpx； 　　//由其它页面进入本页面 　　var priorPage=escape（document.referrer）； 　　var url=escape（document.URL）； 　　var series= readCookie（series）； 　　// 使用servlet 方式动态生成Javascript，然后浏览器执行代码 　　document.write（）； 　　 　　 　　以上代码中服务站点名和具体站点地址（域名）的分离保证了系统部署的灵活性，使提供的服务可任意迁移。代码中也定义了访问网页的轨迹，为后台提供了分析浏览者的访问行为、感兴趣网页的数据。 　　2.3 代码引擎Servlet设计 　　聊天提示界面中包含了客户业务服务部门，服务人员等有关信息，这些信息都是放在数据库中，Servlet要把这些信息转化成JAVASCRIPT 的变量形式，以便javascript能利用这些变量值。转化形式有二类：一是单一变量，如生成客户注册号cmpId变量out.println（var cmpyId=＼+cmpyId+＼；＼n）；二是数组变量如定义部门变量dept并初始化String divAry= var dept=new Array（）；＼n； for（int i=0；lst！=null ilst.size（）；i++） 　　{ initStr+= dept[+ i +]=＼ +lst.get（i）.getDivisionClass（） ＼；＼n ； } 。 　　对于JAVASCRIPT函数库文件，还是通过浏览器在解析时下载，因此就不用out 对象调用Print 和write的方法动态生成，而要使浏览器执行JAVSCRIPT时又触发下载JS插件，要在JAVASCRIPT中调用DOCUMENT的write的方法。当有多个JS插件库下载时，