第一个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)
- <%@ 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项目:员工管理系统的更多相关文章
- Intellij IDEA采用Maven+Spring MVC+Hibernate的架构搭建一个java web项目
原文:Java web 项目搭建 Java web 项目搭建 简介 在上一节java web环境搭建中,我们配置了开发java web项目最基本的环境,现在我们将采用Spring MVC+Spring ...
- java web 项目 图书管理系统的设计与实现
java web 项目 图书管理系统的设计与实现
- Java web 开发填坑记 2 -如何正确的创建一个Java Web 项目
转载请标明出处:http://blog.csdn.net/zhaoyanjun6/article/details/72566261 本文出自[赵彦军的博客] Java web 开发填坑记 1-如何正确 ...
- eclipse配置tomcat,并部署一个Java web项目到tomcat上
引用链接:https://blog.csdn.net/cincoutcin/article/details/79408484 eclipse配置tomcat 1.windows——preference ...
- Eclipse创建一个JAVA WEB项目
继上一篇博客,Eclipse的Tomcat已经配置好了,现在我们开始创建web项目. 1.打开Eclipse,选择菜单栏的file>New>Dynamic Web Project 弹出窗口 ...
- maven的下载,安装配置以及build一个java web项目
一.下载 下载地址:http://maven.apache.org/download.cgi 二.安装 下载完成后,解压,进入到bin目录: 三.环境变量配置 复制bin目录下的文件的路径(如:xxx ...
- 创建一个Java Web项目,获取POST数据并显示
新建一个新的Java Web工程项目 打开IntelliJ IDEA 新建一个工程,选择选择Java Enterprise,设置Tomcat的安装目录,点击下一步. 选中Create project ...
- 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 ...
- 使用Maven构建Java Web项目时,关于jsp中引入js、css文件路径问题。
今天有点闲,自己动手搭建一个Java Web项目,遇到jsp中引入js.css文件时路径不正确的问题,于是在网上查阅了很多资料,最终都无法解决问题,于是,上stackoverflow找到了解决方法,这 ...
随机推荐
- asp.net MVC实现文章的上一篇下一篇
由于这个东西的原理没有什么难的(只是实现的时候有少量的坑),故直接上代码以便查阅.另:本文给出的Action附送了点击量统计. public ActionResult SingleNews(int? ...
- C++嵌套多个命名空间举例
首先在结构上是能经得起推敲的,举个例子: test.h #pragma region 嵌套多个命名空间举例 namespace Group { namespace C ...
- Android 开机启动
创建一个Receiver,用来监听开机完毕: public class MyReceiver extends BroadcastReceiver { static final String actio ...
- MVC过滤器使用案例:统一处理异常顺道精简代码
重构的乐趣在于精简代码,模块化设计,解耦功能……而对异常处理的重构则刚好满足上述三个方面,下面是我的一点小心得. 一.相关的学习 在文章<精简自己20%的代码>中,讨论了异常的统一处理,并 ...
- VS2010中qDebug输出乱码的问题
1.开发环境:安装Qt5.3.2(离线安装包安装):VS版本为:2010 SP1Rel:源代码默认保存格式为GB2312. 2.输出乱码的代码 #include <QtCore/QCoreApp ...
- PHP计算时间差,并返回什么时间之前发表的内容
<?php header("Content-type: text/html; charset=utf-8"); function time2Units ($time){ $y ...
- iOS-图文表并茂,手把手教你GCD
前言 对初学者来说,GCD似乎是一道迈不过去的坎,很多人在同步.异步.串行.并行和死锁这几个名词的漩涡中渐渐放弃治疗.本文将使用图文表并茂的方式给大家形象地解释其中的原理和规律. 线程.任务和队列的概 ...
- iptables交互配置shell脚本
#!/bin/bash while true do clear echo "———————-menu————————" echo -e "\033[49;32;1m(1) ...
- 继续Kanzi
转眼间,Kanzi已经发展到3.3版本了,之前研究过的东西,今天有空下了个版本跟进更新看看有没有什么变化.新的引擎跟以前2.x版本有很大的差别.新引擎增加了很多新功能(包括局部刷新技术),也跟随大潮加 ...
- 程序源系统与当前系统不一致:Carry out repairs in non-original systems only if urgent
声明:原创作品,转载时请注明文章来自SAP师太技术博客( 博/客/园www.cnblogs.com):www.cnblogs.com/jiangzhengjun,并以超链接形式标明文章原始出处,否则将 ...