常州大学本科生毕业设计（论文）
4.1 核心技术简介
在本系统中，使用了一些比较流行的框架结构和技术：Ajax、JSP、CSS，这是本系统的核心技术,在具体实现功能模块前，有必要对这些技术做一些简要的说明与介绍。 4.1.1Ajax技术[10]
Ajax即 Asynchronous JavaScript and XML,简单地说是异步javascript和XML，可以使网站异步的执行数据。Ajax主要通过XmlHttpRequest对象来实现与服务器的异步交互性，借助DOM来实现局部刷新，异步性和局部性使得用户体验连续，不会中断。 XMLHttpRequest是ajax的核心机制，它是在IE5中首先引入的，是一种支持异步请求的技术,它的属性有：
onreadystatechange 每次状态改变所触发事件的事件处理程序。 responseText 从服务器进程返回数据的字符串形式。
responseXML 从服务器进程返回的DOM兼容的文档数据对象。
status 从服务器返回的数字代码，比如常见的404（未找到）和200（已就绪） status Text 伴随状态码的字符串信息
readyState 对象状态值，0—未初始化 1—正在加载 2—加载完毕 3—交互 4—完成。
运行机制：
（1）创建XmlHttpRequest对象 如果是IE浏览器则使用：
xmlHttp = new ActiveXObject(\如果是其他浏览器则：
xmlHttp = new XMLHttpRequest(); var xmlHttp;
function createXMLHttp() {
if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); }else { xmlHttp = new ActiveXObject(\ } }
（2）发出XmlHttpRequest请求
①设置回调函数，一旦相应，它会自动执行（Callback是定义回调函数的函数名） xmlHttp.onreadystatechange = Callback; ②定义想要执行的异步请求
xmlHttp.open(\③设置发送的参数（不发送则写null） xmlHttp.send(null);
（3）定义回调函数 function Callback()
第 8 页 共 35 页
常州大学本科生毕业设计（论文）
{
if(xmlHttp.readyState==4)//调用完成 { if(xmlHttp.status==200)//Http状态码操作正常 { var text = xmlHttp.responseText; document.getElementById(\ } } }
本系统中，主要使用Ajax技术在进行异步信息的验证，如重名验证，采用Ajax技
术后，大大提高了用户体验，用户再也不用像之前需要在客户端通过打开一个新的页面了发送用户请求进行验证，方便，快捷。 4.1.2 JSP技术[11-16]
JSP(Java Server Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准。
JSP技术使用Java编程语言编写类XML的tags和scriptlets，来封装产生动态网页的处理逻辑。网页还能通过tags和scriptlets访问存在于服务端的资源的应用逻辑。JSP将网页逻辑与网页设计和显示分离，支持可重用的基于组件的设计，使基于Web的应用程序的开发变得迅速和容易。JSP与Java Servlet一样，是在服务器端执行的，通常返回该客户端的就是一个HTML文本，因此客户端只要有浏览器就能浏览。 JSP页面由HTML代码和嵌入其中的Java代码所组成。服务器在页面被客户端请求以后对这些Java代码进行处理，然后将生成的HTML页面返回给客户端的浏览器。Java Servlet 是JSP的技术基础，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。JSP具备了Java技术的简单易用，完全的面向对象，具有平台无关性且安全可靠，主要面向因特网的所有特点。
自JSP推出后，众多大公司都支持JSP技术的服务器，如IBM、Oracle、Bea公司等，所以JSP迅速成为商业应用的服务器端语言。
JSP的优势如下：
（1）一次编写，到处运行。在这一点上Java比PHP更出色，除了系统之外，代码不用做任何更改。
（2）系统的多平台支持。基本上可以在所有平台上的任意环境中开发，在任意环境中进行系统部署，在任意环境中扩展。相比ASP/PHP的局限性是显而易见的。
（3）强大的可伸缩性。从只有一个小的Jar文件就可以运行Servlet/JSP，到由多台服务器进行集群和负载均衡，到多台Application进行事务处理，消息处理，一台服务器到无数台服务器，Java显示了一个巨大的生命力。
（4）多样化和功能强大的开发工具支持。这一点与ASP很像，Java已经有了许多非常优秀的开发工具，而且许多可以免费得到，并且其中许多已经可以顺利的运行于多
第 9 页 共 35 页
常州大学本科生毕业设计（论文）
种平台之下。 4.1.3 CSS技术[17-20]
CSS(层叠样式表)是用来进行网页风格设计的，它简化并扩展了HTML中的各种标记，使得各个标记的属性更具有一般性和通用性，大大提高了HTML开发的效率。在制作网页时采用CSS技术，可以有效地对页面的布局，字体，颜色，背景和其他效果实现更加精确的控制，只要对相应的代码作一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。CSS是Cascading Style Sheet的缩写，可以译成“层叠样式表”或“级联样式表”。
CSS中，Cascading是“层叠”的意思，也就是说在同一个Web文档中可以有多个样式表存在，这些样式表根据所在的位置，拥有不同的优先级，优先级越高，就会在最后显示时被采用。从样式表插入的形式看可以分为3种。
（1）内联式样式表； （2）嵌入式样式表； （3）外部式样式表。 4.2 前台管理
普通用户在前台显示的首页登陆，登陆后会得到一些权限，如查看新闻公告，下载
教学资料，在线测试等 4.2.1 用户注册
按规定输入所有信息后才能有权限接受超级管理员审核，审核通过方可登录。这里介绍一下表单验证；
JSP是HTML嵌入Java代码构成，所以验证表单的时候一般通过JavaScript来判断，比如常见的请输入用户名，请输入密码，请输入姓名等。而表单提交的方式有get和post两种方法，出于安全起见，选取post方式因为安全；
; 如图4.1所示第 10 页 共 35 页
常州大学本科生毕业设计（论文）
图4.1用户注册界面
定义一个check()函数用来验证表单form1的元素，如果输入的用户名，密码，姓名的value值为空，则返回错误，document.form1.yonghuming.focus()指的是光标返回当前文本框。这个功能的核心代码块是： function check(){ if(document.form1.yonghuming.value==\ alert(\请输入用户名\
document.form1.yonghuming.focus(); return false; }
if(document.form1.mima.value==\ alert(\请输入密码\
document.form1.mima.focus(); return false; }
if(document.form1.xingming.value==\ alert(\请输入姓名\
document.form1.xingming.focus(); return false; } }
4.2.2 登陆模块
注册过后，接下来回到首页登陆，等管理员审核后，输入已注册的用户名。如图4.2所示
第 11 页 共 35 页
相关推荐：
loading