要求:

  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. biztalk重新发布

    前提:在vs2013中,项目属性:重新部署设置为true,重新启动主机实例:设置为true,或者在最后重新部署完以后手动重启主机实例 下面是具体的步骤: 1. 项目修改完重新生成.. 2. 转到biz ...

  2. 如何写出优雅的Python之设置class缺省值

    今天有个需求时需要为某个类设置缺省值 最开始的代码如下: Class myClass def __init__(self,datalen=None,times=None): if datalen == ...

  3. IsBackground的理解

    1.当在主线程中创建了一个线程,那么该线程的IsBackground默认是设置为FALSE的. 2.当主线程退出的时候,IsBackground=FALSE的线程还会继续执行下去,直到线程执行结束. ...

  4. Hadoop 2.0命令手册

    1.       FS Shell 1.1     简介 调用文件系统(FS)Shell命令应使用 bin/hadoop fs <args>的形式. 所有的的FS shell命令使用URI ...

  5. python操作TexturePacker批量打包资源plist png

    import os,sys imagedir = 'D:\\PackerImg\\imgDir' outplistdir = 'D:\\PackerImg\\outDir' comend = 'Tex ...

  6. Sprint第二个冲刺(第八天)

    一.Sprint介绍 任务进度: 二.Sprint周期 看板: 燃尽图:

  7. 右值引用、move与move constructor

    http://blog.chinaunix.net/uid-20726254-id-3486721.htm 这个绝对是新增的top特性,篇幅非常多.看着就有点费劲,总结更费劲. 原来的标准当中,参数与 ...

  8. centos6.6编译安装lnmp系列之nginx

    简介: 环境:虚拟机+centos6.6 Cmake下载地址:http://www.cmake.org/files/v3.0/cmake-3.0.2.tar.gz Nginx 下载地址: http:/ ...

  9. [问题2014A03] 复旦高等代数 I(14级)每周一题(第五教学周)

    [问题2014A03]  设 \(A=(a_{ij})\) 为 \(n\,(n\geq 3)\) 阶方阵,\(A_{ij}\) 为第 \((i,j)\) 元素 \(a_{ij}\) 在 \(|A|\) ...

  10. Python3基础 sort 将一个列表中的值升序排列

    镇场诗:---大梦谁觉,水月中建博客.百千磨难,才知世事无常.---今持佛语,技术无量愿学.愿尽所学,铸一良心博客.------------------------------------------ ...