要求：

  1. 做一个登陆页面，实现登录,用户名和密码都是admin，登录成功后，用session记录用户名,登录失败，请提示失败原因。
  2. 做一个简单的管理系统，实现注册，修改，查询，删除 员工的功能，注册内容如下图，课程要求可以多选，用逗号分割，保存到表中。表自己在INTF下自己建个临时表，比如INTF.TEMP_001
  3. 利用session做简单的拦截功能，如果JSP页面发现没有登录，则跳转到登录页面
  4. 注册add.jsp
  5. 修改Edit.jsp
  6. 查询queryList.jsp
  7. login.html
  8. 删除记录的时候，利用ajax处理，当数据库删除成功后，js动态删除表格该行,提示jquery的remove()。
  9. 添加的成功后，js动态在表格后面添加一行，提示jquery的append或者html()。
  10. 弹出框形式处理。
  11. 点击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)

　　

 <%@ page contentType="text/html;charset=UTF-8"%>

 <HTML>

 <HEAD>

 <META http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <TITLE>登陆界面 </TITLE>

 </HEAD>

 <BODY BGCOLOR=cyan>

 <form align="center" method="post" action="index.jsp"  onsubmit=" return test()">

 用户名:<input type="text" id="account" name="account"/><br><br>

 密   码 :<input type="text" id="password" name=account/><br><br>

 <input type="submit" value="提交"  />

 <input type="reset" value="重置"  />

 </form>

 <!--js代码-->

 <script>

     function test()

     {

         var acc = document.getElementById("account").value;

         var pass = document.getElementById("password").value;

         if(acc==pass&&acc=="admin")

         {

             alert("登陆成功");

             return true;

         }

         else

         {

             alert("账号密码错误");

             return false;

         }

     }

 </script>

 </BODY></HTML>

　　这里需要提的一点是第10行的onsubimt属性，它的作用非常关键，当用户点击"提交"按钮后，先去执行test()函数，进行账号密码的检查。

如果函数返回的是true ，则提交表单到后台，否则中断提交动作，服务器将接受不到数据。

第一个Java web项目：员工管理系统的更多相关文章

  1. Intellij IDEA采用Maven+Spring MVC+Hibernate的架构搭建一个java web项目

    原文:Java web 项目搭建 Java web 项目搭建 简介 在上一节java web环境搭建中,我们配置了开发java web项目最基本的环境,现在我们将采用Spring MVC+Spring ...

  2. java web 项目 图书管理系统的设计与实现

     java web 项目 图书管理系统的设计与实现

  3. Java web 开发填坑记 2 -如何正确的创建一个Java Web 项目

    转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/72566261 本文出自[赵彦军的博客] Java web 开发填坑记 1-如何正确 ...

  4. eclipse配置tomcat，并部署一个Java web项目到tomcat上

    引用链接:https://blog.csdn.net/cincoutcin/article/details/79408484 eclipse配置tomcat 1.windows——preference ...

  5. Eclipse创建一个JAVA WEB项目

    继上一篇博客,Eclipse的Tomcat已经配置好了,现在我们开始创建web项目. 1.打开Eclipse,选择菜单栏的file>New>Dynamic Web Project 弹出窗口 ...

  6. maven的下载，安装配置以及build一个java web项目

    一.下载 下载地址:http://maven.apache.org/download.cgi 二.安装 下载完成后,解压,进入到bin目录: 三.环境变量配置 复制bin目录下的文件的路径(如:xxx ...

  7. 创建一个Java Web项目，获取POST数据并显示

    新建一个新的Java Web工程项目 打开IntelliJ IDEA 新建一个工程,选择选择Java Enterprise,设置Tomcat的安装目录,点击下一步. 选中Create project ...

  8. Java Web项目报错java.lang.NullPointerException at org.apache.jsp.front.index_jsp._jspInit(index_jsp.java:30)

    环境:myeclipse+tomcat6+jdk6 今天搭建了一个Java Web项目,访问index.jsp时报如下错误: 严重: Servlet.service() for servlet jsp ...

  9. 使用Maven构建Java Web项目时，关于jsp中引入js、css文件路径问题。

    今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这 ...

随机推荐

  1. 关于linux中执行脚本或程序时指定的路径

    假设/mnt/bin 目录下存在一个名为 hello.sh 的可执行文件. 1. 若当前目录是 /mnt/bin ,可以使用 ./hello.sh 来执行这个可执行文件,但是使用 hello.sh 就 ...

  2. Python 时间和日期模块的常用例子

    获取当前时间的两种方法 import datetime,time now = time.strftime("%Y-%m-%d %H:%M:%S") print now now = ...

  3. Oracle常用日期函数

    常用的时间格式掩码如下:掩码元素       含义YYYY           四位数年份 (如:2005)     yearYY             二位数年份(如  05) Q         ...

  4. lua 操作中文字符串之截取和长度竖排显示

    前言 在游戏中,我们经常会遇到汉字的多行显示,比如名字竖行显示等.如下图: 为了实现上面的效果,lua实现分行是通过  \n  实现的,所以我们需要取出汉字,然后插入 \n 实现分行效果.还有一种就是 ...

  5. 查看oracle被锁的表

    SELECT /*+ rule*/ a.sid, b.owner, object_name, object_type FROM v$lock a, all_objects b WHERE TYPE = ...

  6. Linux常用命令（四）

    1.xargs 作用是将参数列表转换成小块分段传递给其他命令,以避免参数列表过长的问题 语法格式: # xargs [-ni] 常用参数: 参数 参数说明 -n 分组输出,n个分为一组 -i 与大括号 ...

  7. Walls(floyd POJ1161)

    Walls Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 7677   Accepted: 3719 Description ...

  8. Android-Universal-Image-Loader的缓存处理机制

    讲到缓存,平时流水线上的码农一定觉得这是一个高大上的东西.看过网上各种讲缓存原理的文章,总感觉那些文章讲的就是玩具,能用吗?这次我将带你一起看过UIL这个国内外大牛都追捧的图片缓存类库的缓存处理机制. ...

  9. ArcGIS Javascript查询数据库并添加到地图上

    将数据存放到数据库中,动态的调取比较灵活,数据变动后不需要改变图层的属性表. 此处采用的方法是通过jquery查询数据库,并将数据库的结果生产json串返回给js,在js中动态解析json串增加点至地 ...

  10. EXCEL计算数字、汉字、英文单元格的计数

    1.数字COUNT(A1:A100)2.汉字{=SUMPRODUCT(IF(LEN(A1:A100)LENB(A1:A100),1,0)*1)}3.英文{=SUMPRODUCT(IF(ISTEXT(A ...