要求：
- 做一个登陆页面，实现登录,用户名和密码都是admin，登录成功后，用session记录用户名,登录失败，请提示失败原因。
- 做一个简单的管理系统，实现注册，修改，查询，删除 员工的功能，注册内容如下图，课程要求可以多选，用逗号分割，保存到表中。表自己在INTF下自己建个临时表，比如INTF.TEMP_001
- 利用session做简单的拦截功能，如果JSP页面发现没有登录，则跳转到登录页面
- 注册add.jsp
- 修改Edit.jsp
- 查询queryList.jsp
- login.html
- 删除记录的时候，利用ajax处理，当数据库删除成功后，js动态删除表格该行,提示jquery的remove()。
- 添加的成功后，js动态在表格后面添加一行，提示jquery的append或者html()。
- 弹出框形式处理。
- 点击add或者edit弹出一个小框处理，添加或修改成功后，关闭小窗口，然后刷新表格
实现过程
一、了解编程工具和环境
工具： tomcat(服务器)、myeclipse(开发工具)
环境配置：
tomcat下载安装好
myeclipse配置：1。配置tomcat位置
2。配置jdk
3。配置tomcat为工程的启动
（这三步网上都有教程，以及配置成功的标志：run as 可以选择刚配置的tomcat）
参考http://www.tuicool.com/articles/VBNzii
新建一个工程（了解工程的大体结构）
1、new “web serveice project” 新建成功后，可以run as 看看效果。在浏览器中输入http://localhost:8080/ServletTest/login.jsp ServletTest替换为你的工程名字。
2、工程中有三个关键的地方：src、web.xml、index.jsp
src存放java代码和servlet。
web.xml是servlet的路径配置文件。
index.jsp的位置是放jsp的地方。
二、了解技术点
1、servlet。 作用：运行在服务器上的程序，用于接收用户浏览器的数据提交。
实际上：是java src中的代码。可以在myeclipse中new 一个servlet，看看里面的代码。它实际上是继承于HttpServlet的一个类
一般我们重写doGet和doPost方法，把我们要实现的功能放在里面。
路径配置：每新建一个servlet，我们要知道在web.xml中配置它的路径，以便jsp文件访问。（网上有关于这方面的解答）
参考：http://www.cnblogs.com/xdp-gacl/p/3760336.html
2、ajax。 作用：异步提交数据给服务器。用服务器返回的数据刷新页面的局部信息
三、登陆界面的代码(login.jsp)
1 <%@ page contentType="text/html;charset=UTF-8"%> 2 3 <HTML> 4 <HEAD> 5 <META http-equiv="Content-Type" content="text/html; charset=utf-8" /> 6 <TITLE>登陆界面 </TITLE> 7 </HEAD> 8 <BODY BGCOLOR=cyan> 9 10 <form align="center" method="post" action="index.jsp" onsubmit=" return test()"> 11 用户名:<input type="text" id="account" name="account"/><br><br> 12 密 码 :<input type="text" id="password" name=account/><br><br> 13 <input type="submit" value="提交" /> 14 <input type="reset" value="重置" /> 15 16 </form> 17 18 19 <!--js代ç --> 20 <script> 21 function test() 22 { 23 var acc = document.getElementById("account").value; 24 var pass = document.getElementById("password").value; 25 if(acc==pass&&acc=="admin") 26 { 27 alert("登陆成功"); 28 return true; 29 } 30 else 31 { 32 alert("账号密码错误"); 33 return false; 34 } 35 } 36 </script> 37 38 </BODY></HTML>
这里需要提的一点是第10行的onsubimt属性，它的作用非常关键，当用户点击"提交"按钮后，先去执行test()函数，进行账号密码的检查。
如果函数返回的是true ，则提交表单到后台，否则中断提交动作，服务器将接受不到数据。