当我们用html写了一个页面,有时候我们还想再页面的基础上加上很多功能,直接在html上写代码可能会比较麻烦或者不易实现,我们将html与java结合起来,使在html中可以用到java的代码。
首先我们在java中新建一个web工程,名为web1。我们需要用到的html文件放在webcontent文件下,java文件放在src下面。我们先在webcontent新建一个html文件,写一个页面。文件名为login.html
<html>
<head>
<title>登陆界面</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<h1 align=center color=yellow>欢迎来到登陆界面</h1>
<body >
<div align=center>
<form action="">
<img src="Koala.jpg" alt="动物"/>
<br/>
<label for=pass>用户名:</label>
<input type="text" name="passname" id="pass"/>
<br/>
<label for=pass1>密码:</label>
<input type="password" name="passpwd" id="pass1"/>
<br/>
<input type="submit" value="登陆" />
<br/>
<br/>
<br/>
<select name="fruit">
<option value="apple">apple</option>
<option value="banana">banana</option>
</select>
</form>
</div>
</body>
</html>
接着我们在新建的web工程下原有的web.xml文件中定义和配置servlet映射,当然在此之前不要忘了在Servers中add一下web工程。
在web.xml中配置servlet代码如下
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
<display-name>web1</display-name>
<welcome-file-list>
<welcome-file>login.html</welcome-file>
</welcome-file-list>
<servlet>
<servlet-name>loginweb</servlet-name>
<servlet-class>loginweb.loginweb</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>loginweb</servlet-name>
<url-pattern>/login</url-pattern>
</servlet-mapping>
</web-app>
我们现在开始在src下写一个名为loginweb.java的java文件
package loginweb;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class loginweb extends HttpServlet{
protected void doGet(HttpServletRequest req,
HttpServletResponse resp)throws ServletException,
java.io.IOException{
// 获取输出流
PrintWriter out=resp.getWriter();
out.println("<h1>hello world!</h1>");
out.flush();
out.close();
}
protected void doPost(HttpServletRequest req,
HttpServletResponse resp)throws ServletException,
java.io.IOException{
//获取输入流
String passname=req.getParameter("passname");
String passpwd=req.getParameter("passpwd");
//对输出流进行编码
resp.setCharacterEncoding("gb2312");
PrintWriter out=resp.getWriter();
// 在java中写html文件
out.write("<html><head>");
if("admin".equals(passname)&&"111".equals(passpwd)){
System.out.println("登陆成功");
// 登陆成功后暂停5秒并且跳转到百度页面
out.write("<meta http-equiv='Refresh' " +
"content='5;url=http://www.baidu.com'/>");
}else{
// 登陆失败后暂停五秒跳回登陆界面
out.write("<meta http-equiv='Refresh' " +
"content='5;url=login.html'/>");
}
out.write("</head><body>");
if("admin".equals(passname)&&"111".equals(passpwd)){
System.out.println("登陆成功");
out.write("<p>登陆成功,五秒钟后跳转到" +
"<a href='www.baidu.com'>主页</a></p>");
}else{
out.write("<p>登陆失败,五秒钟后跳转到" +
"<a href='login'>登陆界面</a></p>");
}
out.write("</body></html>");
out.flush();
out.close();
}
}
最后在登陆界面的login.html代码中改一下form表单属性如下
<form method="Post" action="login">
现在奇迹要发生了,在你的浏览器中输入http://127.0.0.1:8080/web1/看看会发生什么事情吧!
分享到:
相关推荐
本文通过一个小例子演示了如何通过js与JavaApplet的交互来获取IE端的IP地址,体现了交互和调用。
Lodop与java结合使用打印,条码打印功能的使用
java与delphi的完美结合 对java和delphi有兴趣的同学可以参考
java与opencv结合,进行人脸检测,在我的博客有详细说明 博客地址:http://blog.csdn.net/moshenglv
finereport.jar结合 finereport.jar结合 finereport.jar结合
使用java将office word pdf excel ppt文件转换成html文件
是使用java+lucene+jsp开发的搜索引擎。其中包括排序,高亮显示,以及分页等功能。效果类似百度,很炫。
《Tomcat与Java Web开发技术详解(第2版)》结合最新的Tomcat 6版本,详细介绍了开发Java Web应用的各种技术。主要内容包括:Tomcat和Java Web开发的基础知识、Java Web开发的高级技术、在Java Web应用中运用第三方...
要求能够实现给出任意带table表格的html文件,生成与表格相同内容的excel文件,附件可以作为测试文件,提供给定的roster.html文件,通过java代码,实现生成与html页面的table相同样式的roster.xls文件。
可以读取任何html网页的内容,适用于读取网页内容保存到数据库字段中
Flex和java后台结合的视频网站源码,可以作为Flex网站应用的Demo学习使用,包含前后台,值得学习
网上的一些java读取word文件写的不是很详细(不知道是我自己的水平不行?) 这里用jacob将word文档转换成html 并且是按原格式显示 真的很实用
Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...
使用java版excel操作api实现excel读取并转转为html,转换后的文件包含边框线、背景色、字体、字号、列宽等样式处理。
java.awt.geom 提供用于在与二维几何形状相关的对象上定义和执行操作的 Java 2D 类。 java.awt.im 提供输入方法框架所需的类和接口。 java.awt.im.spi 提供启用可以与 Java 运行时环境一起使用的输入方法开发的...
java解析网页,可以根据标签的路径获取网页的内容 比如html/body/div/div/
《Java范例大全》内容丰富、结构清晰,所选实例具有很强的实用性和针对性,不仅是为中初级Java开发者量身定做,而且还非常适合作为高级Java...最后,以一个极具代表性的综合实例结束全书,实现理论与实践完美结合。
Java实现HTTP连接与浏览,Java源码下载,输入html文件地址或网址,显示页面和HTML源文件,一步步的实现过程请下载本实例的Java源码,代码中包括丰富的注释,对学习有帮助。 Java实现的FTP连接与数据浏览程序 1个...
java实现的highcharts与ajax结合动态实时获取数据更新图表
对html的规范要求极高,例如:页面中<mate></mate>必须闭合,必须: * * * <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" * ...