第一个Java web项目：员工管理系统

要求：

做一个登陆页面，实现登录,用户名和密码都是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 ，则提交表单到后台，否则中断提交动作，服务器将接受不到数据。

转载于:https://www.cnblogs.com/mycold/p/5847112.html

第一个Java web项目：员工管理系统相关推荐

Java web 开发填坑记 2 -如何正确的创建一个Java Web 项目
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/72566261 本文出自[赵彦军的博客] Java web 开发填坑记 1-如何正确 ...
eclipse配置tomcat，并部署一个Java web项目到tomcat上
eclipse配置tomcat 1.windows--preference 2.server--Runtime Environment 3.Add 下图中第2表示:选中自己安装tomcat的目录创 ...
Eclipse创建一个JAVA WEB项目
1.打开Eclipse,选择菜单栏的file>New>Dynamic Web Project 弹出窗口如下 2.点击Next>Next进入下面界面: 3.想要生成web.xml,就把 ...
java web 项目—活动管理系统说明（附源码）
个人文章地址(附源码) web活动管理系统前言工具主要模块用户登陆用户注册系统管理用户使用文章地址(附源码) 前言这是采用jsp设计的web活动管理系统,并引入了Layui进行界面美 ...
几步教你轻松搭建一个Java Web项目
点击上方"方志朋",选择"设为星标" 回复"666"获取新整理的面试文章作者:张丰哲 www.jianshu.com/p/ab6a9eaa ...
从零开发一个 Java Web 项目要点
前言本文章详细的列出了开发一个传统JavaWeb项目需要注意的要点,从环境准备开始到三层架构搭建,需要注意的地方全部罗列出来. 第一部分:环境准备 1. Maven命令创建web骨架 mvn arc ...
如何利用eclipse创建一个java web项目？
1.在eclipse左侧空白处,右键选择New->Dynamic Web Project(或者左上角File->New->...) 2.若New的选择列表中没有Dynamic Web ...
如何用Eclipse运行一个Java web项目
1.导入项目选择右上方的File->import,然后选择General下的Existing Projects into Workspace 点击Next 选择路径然后Finish即可. 2. ...
Java Web项目是怎么跑起来的？
良心公众号关注不迷路 01 简单Java程序的启动过程在之前的HelloWorld是怎么跑起来的?一文中,我们一起学习了IDE执行简单的Java程序的过程.可以总结为如下三个步骤: 首先,将程序通 ...

第一个Java web项目：员工管理系统

第一个Java web项目：员工管理系统相关推荐

最新文章

热门文章