基于WEB2.0中AJAX的员工身份快速识别选择方法技术

技术编号:4149794 阅读:286 留言:0更新日期:2012-04-11 18:40
基于WEB2.0中AJAX的员工身份快速识别选择方法,利用JavaScript的正则表达式对输入的数据进行过滤控制匹配,通过JavaScript的字符串匹配得到员工输入的信息是姓名、工号或数字、或者是拼音或字母;并决定是通过姓名、工号或拼音查询的线路;通过Ajax实时的将前台WEB客户的输入信息传输到后台处理程序,并将后台的处理内容及时通过预先设定的Ajax回调函数回写前台WEB页面,实现及时、快速、有效的动态查询;并采用Ajax技术来实现WEB页面的后台操作。

【技术实现步骤摘要】

本专利技术属于WEB2.0中的AJAX技术对身份快速识别选择方法。二
技术介绍
传统的网页数据更新,大多是在服务端(Server)数据更新后便将数据送回客户端 (Client)的浏览器(Browser),当browser得到更新的请求时才会将网页内容更新(图 1)。当用户执行装载作业后,作业的状态讯息尚未回传,此时若再进行下个作业,往往 会造成状态讯息遗失。AJAX全称为Asynchronous JavaScript and XML(异步JavaScript和XML),是一 种创建交互式网页应用的网页开发技术(图2)。而JavaScript是一种基于对象和事件驱 动并具有安全性能的脚本语言,有了 JavaScript使网页变得生动。使用它的目的是与 HTML超文本标识语言、Java脚本语言一起实现在一个网页中链接多个对象,与网络 客户交互作用,从而可以开发客户端的应用程序。它是通过嵌入或调入在标准的HTML 语言中实现的。在使用JavaScript时,当档案或数据库来自server端或是要送至server端,可以使 用HTML窗体,并用GET或POST的方式通过submit按键将数据送到server端,然后 等待响应讯息;而使用AJAX,用JavaScript的XMLHttpRequest对象跟server做沟通, 从server响应的数据可直接更新全部或部份的页面。AJAX的优点* 不必更新全部网页,可只更新部份页面。* 优化了 browser和server之间的沟通。减少不必要的数据传输、时间及降低网 络上数据流量。* 平衡了前、后端的负载。原本数据多由后端负责处理,AJAX技术让客户端分 担些工作,减轻了后端的负载。AJAX的缺点每个用户端的浏览器版本的不一致性,可能会造成无法动作问题。* 客户端超载,过多程序代码在客户端会提高开发的成本。* 服务端会被恶意攻击、窜改,而造成安全漏洞。在系统平台中,由于人员的不确定因素,以往的设计中,当需要査询公司人员信息, 必须通过姓名、工号等搜索条件才能搜索符合条件的人员,并以表格的形式罗列出来(图 三),操作人再从列表中选择相关人员信息。这种设计操作上比较繁琐,同时设计上需 要考虑许多技术环节。客户端虽然提供了模糊査询功能,但若输入不对,查询操作需要 重复进行。如何及时、有效、快速定位人员信息,是需要解决的问题。操作方式只要在信息输 入框中输入姓名、工号、姓名的拼音简写等方式,能直接得出人员信息(图四、图五、 图六)。
技术实现思路
本专利技术目的是,提出一种在WEB网页设计中提供及时、有效的、快速的定位人员 信息方法。本专利技术的技术方案是基于WEB2.0中AJAX的员工身份快速识别选择方法,首先 需要解决如何区分各种不同的输入条件,包括汉字、数字与字母。而JavaScript的正 则表达式的强大而有效的功能能够对输入的数据进行过滤控制匹配,各个正则表达式如 下汉字reg = /[A\u4E00-\u9FA5]/g数字reg = /[A\d]/g字母reg = /[A\[a-z]|[A-Z]/g通过JavaScript的字符串匹配可以得到输入的信息是姓名、工号(数字)或者是拼 音(字母),并决定如何査询;前台WEB的输入将通过Ajax的服务传输到WEB服务后台,为了实现根据不同的 查询条件姓名、工号(数字)或者是拼音(字母)査询员工信息,我们需要在服务端 实现后台按信息类别分类查询功能*姓名和工号在数据库中存在相关的存储字段,可以实现直接査询參姓名的拼音由于数据库中个人信息的Email邮箱地址是按照个人拼音编码所以 我们可以根据Email邮箱地址进行查询(匹配@前的部分)通过Ajax技术我们可以实现实时的将前台WEB客户的输入信息传输到后台处理程 序,并将后台的处理内容及时通过预先设定的Ajax回调函数回写前台WEB页面,实 现及时、快速、有效的动态查询。为了实现我们的需求我们需要采用Ajax技术来实现WEB页面的后台操作1. 实现输入框的触发函数——在用户输入信息时可以触发Ajax的主体函数,2. 实现回调函数的注册——在后台服务数据处理完毕后通过Ajax传输引擎 将处理后的数据输入到注册的回调函数,3. 实现回调函数的回写功能——由回调函数将输入的数据回写WEB前台页面。本专利技术采用Ajax技术来实现WEB页面的后台操作,在用户输入数据信息时触发 Ajax引擎(并注册回调函数),实现从客户端的页面到服务端的数据提交,数据查询结 果再通过Ajax的引擎主动调用注册的回调函数实现将结果集返回客户端功能。实现客户端到服务端的Ajax的通讯上,为避免数据的频繁交互,需要对发送的频率 进行控制;为防止暴露服务端被恶意攻击、窜改而造成安全漏洞,在服务端的服务程序 加入了语法过滤的功能,同时增加了用户身份验证功能,利用Session的有效性判断远 端操作者的身份。本专利技术有益效果,实现及时、有效的、快速的定位人员信息,避免了以往的操作的 动作带来的不便四附图说明图1常规B/S工作方式图2是本专利技术使用Ajax下的B/S工作方式图3人员信息查询界面图4是通过汉字查询人员信息图5通过工号査询人员信息图6是通过姓名拼音査询人员信息图7是服务端处理流程图8是客户端处理流程五具体实施例方式步骤一,按照Ajax工作模型,建立WEB服务端的服务功能,提供根据员工姓名、 工号、拼音査询员工信息的功能。为此,设计编写了相应的Servlet服务接受代码,这 段代码负责接受从客户端的查询请求、实现身份校验、并返回查询结果,工作流程如图 7所示。步骤二,在展现前台界面的Jsp代码中,需要实现Ajax工作模型的客户端代码 (JavaScript语言实现)。首先,编写Ajax引擎的初始化方法;构建Ajax的引擎发送方 法,通过实现Http的Put方法向服务器发送相关的数据,同时向Ajax的引擎注册回调 函数,以实现返回数据的处理功能。步骤三,使用JavaScript语言的正则表达式的匹配功能实现输入信息的过滤功能, 将输入查询信息划分为根据姓名、工号、拼音查询三大类,同时在员工录入信息框中添 加信息输入事件,在输入信息时触发Ajax的客户端代码,实现及时通讯。步骤四,实现Ajax的回调函数,实现数据回写功能的JavaScript函数,并在调用 Ajax引擎时将其注册供Ajax引擎使用。函数实现了,在服务端返回查询信息后,显示 这些数据以及其它的相关附属功能。工作流程如图8所示。为保障通信过程中的信息安全,减小服务端被恶意攻击、窜改而造成安全漏洞,在 服务端的服务程序加入了语法过滤的功能,同时增加了用户身份验证功能,利用Session 的有效性判断远端操作者的身份。本文档来自技高网
...

【技术保护点】
基于WEB2.0中AJAX的员工身份快速识别选择方法,其特征是利用JavaScript的正则表达式对输入的数据进行过滤控制匹配,各个正则表达式如下:  汉字:reg=/[^\u4E00-\u9FA5]/g  数字:reg=/[^\d]/g字母:reg=/[^\[a-z]|[A-Z]/g  通过JavaScript的字符串匹配得到员工输入的信息是姓名、工号或数字、或者是拼音或字母;并决定是通过姓名、工号或拼音查询的线路:  前台WEB的输入将通过Ajax的服务传输到WEB服务后台,为实现根据不同的查询条件:姓名、工号或数字、或者是拼音或字母查询员工信息,在服务端实现后台按信息类别分类查询功能:  ●姓名和工号在数据库中存在相关的存储字段,实现直接查询,  ●姓名的拼音由于数据库中个人信息的Email邮箱地址是按照个人拼音编码所以根据Email邮箱地址进行查询,采用匹配@前的部分;  通过Ajax实时的将前台WEB客户的输入信息传输到后台处理程序,并将后台的处理内容及时通过预先设定的Ajax回调函数回写前台WEB页面,实现及时、快速、有效的动态查询;  并采用Ajax技术来实现WEB页面的后台操作:  实现输入框的触发函数--在用户输入信息时触发Ajax的主体函数;  实现回调函数的注册--在后台服务数据处理完毕后通过Ajax传输引擎将处理后的数据输入到注册的回调函数;  实现回调函数的回写功能--由回调函数将输入的数据回写WEB前台页面。...

【技术特征摘要】
1、基于WEB2.0中AJAX的员工身份快速识别选择方法,其特征是利用JavaScript的正则表达式对输入的数据进行过滤控制匹配,各个正则表达式如下汉字reg=/[^\u4E00-\u9FA5]/g数字reg=/[^\d]/g字母reg=/[^\[a-z]|[A-Z]/g通过JavaScript的字符串匹配得到员工输入的信息是姓名、工号或数字、或者是拼音或字母;并决定是通过姓名、工号或拼音查询的线路前台WEB的输入将通过Ajax的服务传输到WEB服务后台,为实现根据不同的查询条件姓名、工号或数字、或者是拼音或字母查询员工信息,在服务端实现后台按信息类别分类查询功能●姓名和工号在数据库中存在相关的存储字段,实现直接查询,●姓名的拼音由于数据库中个人信息的Email邮箱地址是按照个人拼音编码所以根据Email邮箱地址进行查询,采用匹配@前的部分;通过Ajax实时的...

【专利技术属性】
技术研发人员:曹阳黄锡伟
申请(专利权)人:南京联创科技集团股份有限公司
类型:发明
国别省市:84[中国|南京]

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1