⑴ 将html页改成jsp的两种方式
一般情况,将html页改成jsp有两种方法,第一种是直接修改html文件,另一种是新建jsp文件。下面具体说一下这两种方式。
假设我们要将testPage.html文件修改为testPage.jsp文件。原testPage.html文件内容为:
复制代码
代码如下:
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD
HTML
4.01
Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta
http-equiv="Content-Type"
content="text/html;
charset=UTF-8">
<title>Insert
title
here</title>
</head>
<body>
</body>
</html>
第一种:直接修改html文件
1、直接在原testPage.html页面最顶端添加如下代码:
复制代码
代码如下:
<%@
page
language="java"
contentType="text/html;
charset=GB18030"
pageEncoding="GB18030"%>
2、修改文件后缀名
点击原testPage.html文件,按F2,修改后缀名为jsp,Ok即可。
运气好的话,到此为止应该是大功告成了,可是我有点点背,出现了如下错误界面:
可是再次将文件后缀改成html后,又可以正常显示。上网查了半天也没找到解决方案。后来无意间重启了Myeclipse,jsp页面居然神奇般的能正常显示了,真是让人无语,浪费那么多时间解决一个不是问题的问题。
第二种:新建jsp文件
1、新建文件名为testPage.jsp文件
2、将原testPage.html文件的内容拷贝到jsp文件中。千万别傻乎乎的连jsp文件头的内容也覆盖了,只覆盖jsp文件中html标签的内容就OK了。
3、删除原testPage.html文件即可。
拓展知识
复制代码
代码如下:
<%@
page
language="java"
contentType="text/html;
charset=GB18030"
pageEncoding="GB18030"%>
解释一下上面的代码,page
language="java"
这个大家都懂,不解释。charset=GB18030和pageEncoding="GB18030"都是设置编码的,他们有什么区别呢?charset=GB18030指的是此jsp处理完后输出到浏览器的内容的编码方式为GB18030。pageEncoding="GB18030"设置的是jsp文件本身的编码,大家都知道,jsp文件会被编译成java文件(每个jsp页面在tomcat下的work目录中,都会有与之对应的java文件和class文件),然后再继续进行下一步工作。这里的pageEncoding属性,就是设置从jsp文件到java文件的编码方式。
下面再简单了解一下常见的几种编码。
ISO-8859-1,这个是西欧语言的编码,用这种编码来编码中文是会出问题的。而像tomcat等程序的默认编码都是iso,想让它解释中文,还得设置编码方式。这也是在告诉咱们中华儿女们,咱得好好努努力,加加油,将来开发一款牛逼的软件,默认的编码就是中文的编码方式。外国人你想用吗?想用就自己转码去呗。
GB2312
、
GBK
、GB18030都是咱中文的编码(其实也能编码日文、韩文等),GB2312-80
仅收汉字
6763
个,GBK是GB2312-80的扩展,是向下兼容的。GBK
共收入21886个汉字和图形符号。GB18030
目前已编码的字符约2.6万。可以很明显的看出编码范围GB2312
<
GBK
<
GB18030,不过,我感觉,就咱们平时用的那些汉字,用GBK编码足矣,你想啊,就算出现了这21886以外的汉字,估计咱这普通小老百姓也不认识啊,这跟乱码的效果不是一样嘛,哈哈,开玩笑啦。
UTF是国际通用编码,也就是说不管你是中文还是欧文,用这种编码都木有问题。也许有人会问了,既然如此,咱所有的编码都设置成UTF的不就行了嘛。对,没有错,这样是可以,不过给大家举个例子你就明白了。咱平常出门,拿的东西比较少,咱衣服上有个兜就可以了。偶尔办个事需要带点文件什么的,于是咱们拿了个文件包。再后来,咱们要去旅游,你拿了个行李箱。于是你就想了,东西少了,用行李箱可以,拿个文件什么的用行李箱也没问题,旅游也没问题,这行李箱的通用性真不错,于是你每天出门就带个行李箱。合适吗?
就写这么多吧。
⑵ jsp登陆界面源代码
1、login.jsp文件
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录页面</title>
</head>
<body>
<form name="loginForm" method="post" action="judgeUser.jsp">
<table>
<tr>
<td>用户名:<input type="text" name="userName" id="userName"></td>
</tr>
<tr>
<td>密码:<input type="password" name="password" id="password"></td>
</tr>
<tr>
<td><input type="submit" value="登录" style="background-color:pink"> <input
type="reset" value="重置" style="background-color:red"></td>
</tr>
</table>
</form>
</body>
</html>
2、judge.jsp文件
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<%@ page import="java.util.*" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>身份验证</title>
</head>
<body>
<%
request.setCharacterEncoding("GB18030");
String name = request.getParameter("userName");
String password = request.getParameter("password");
if(name.equals("abc")&& password.equals("123")) {
3、afterLogin.jsp文件
%>
<jsp:forward page="afterLogin.jsp">
<jsp:param name="userName" value="<%=name%>"/>
</jsp:forward>
<%
}
else {
%>
<jsp:forward page="login.jsp"/>
<%
}
%>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=GB18030"
pageEncoding="GB18030"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>登录成功</title>
</head>
<body>
<%
request.setCharacterEncoding("GB18030");
String name = request.getParameter("userName");
out.println("欢迎你:" + name);
%>
</body>
</html>
java web登录界面源代码:
1、Data_uil.java文件
import java.sql.*;
public class Data_uil
{
public Connection getConnection()
{
try{
Class.forName("com.microsoft.sqlserver.jdbc.SQLServerDriver");
}catch(ClassNotFoundException e)
{
e.printStackTrace();
}
String user="***";
String password="***";
String url="jdbc:sqlserver://127.0.0.1:1433;DatabaseName=***";
Connection con=null;
try{
con=DriverManager.getConnection(url,user,password);
}catch(SQLException e)
{
e.printStackTrace();
}
return con;
}
public String selectPassword(String username)
{
Connection connection=getConnection();
String sql="select *from login where username=?";
PreparedStatement preparedStatement=null;
ResultSet result=null;
String password=null;
try{
preparedStatement=connection.prepareStatement(sql);
preparedStatement.setString(1,username);
result=preparedStatement.executeQuery();//可执行的 查询
if(result.next())
password=result.getString("password");
}catch(SQLException e){
e.printStackTrace();
}finally
{
close(preparedStatement);
close(result);
close(connection);
}
System.out.println("找到的数据库密码为:"+password);
return password;
}
public void close (Connection con)
{
try{
if(con!=null)
{
con.close();
}
}catch(SQLException e)
{
e.printStackTrace();
}
}
public void close (PreparedStatement preparedStatement)
{
try{
if(preparedStatement!=null)
{
preparedStatement.close();
}
}catch(SQLException e)
{
e.printStackTrace();
}
}
public void close(ResultSet resultSet)
{
try{
if(resultSet!=null)
{
resultSet.close();
}
}catch(SQLException e)
{
e.printStackTrace();
}
}
}
2、login_check.jsp:文件
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>验证用户密码</title>
</head>
<body>
<jsp:useBean id="util" class="util.Data_uil" scope="page" />
<%
String username=(String)request.getParameter("username");
String password=(String)request.getParameter("password");
if(username==null||"".equals(username))
{
out.print("<script language='javaScript'> alert('用户名不能为空');</script>");
response.setHeader("refresh", "0;url=user_login.jsp");
}
else
{
System.out.println("输入的用户名:"+username);
String passwordInDataBase=util.selectPassword(username);
System.out.println("密码:"+passwordInDataBase);
if(passwordInDataBase==null||"".equals(passwordInDataBase))
{
out.print("<script language='javaScript'> alert('用户名不存在');</script>");
response.setHeader("refresh", "0;url=user_login.jsp");
}
else if(passwordInDataBase.equals(password))
{
out.print("<script language='javaScript'> alert('登录成功');</script>");
response.setHeader("refresh", "0;url=loginSucces.jsp");
}
else
{
out.print("<script language='javaScript'> alert('密码错误');</script>");
response.setHeader("refresh", "0;url=user_login.jsp");
}
}
%>
</body>
</html>
3、loginSucces.jsp文件
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<hr size="10" width="26%" align="left" color="green">
<font size="6" color="red" >登录成功 </font>
<hr size="10" width="26%" align="left" color="green">
</body>
</html>
4、user_login.jsp文件
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>登录界面</title>
</head>
<body background="C:Userswin8workspaceLoginimage\_10.jpg" >
<center>
<br><br><br><br><br><br>
<h1 style="color:yellow">Login</h1>
<br>
<form name="loginForm" action="login_check.jsp" method="post">
<table Border="0" >
<tr >
<td>账号</td>
<td><input type="text" name="username"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" name="password">
</td>
</tr>
</table>
<br>
<input type="submit" value="登录" style="color:#BC8F8F">
</form>
</center>
</body>
</html>
⑶ 求jsp猜数字代码!
1. 需要两个文件,number.jsp和NumberGuessBean.java
2. 先看number.jsp代码:
<html>
<jsp:useBean id="number" class="NumberGuessBean" scope="session" />
<jsp:setProperty name="number" property="*" />
<%
if(number.getNumGuesses()==0)
{
%>
<B>Welcome to the Number Guess game.</B>
<br>
<B>I'm thinking of a number between 1 and 100.</B>
<br>
<b>What's your guess?</b>
<form method=post>
<input type=text name="guess">
<input type=submit value=submit>
</form>
<%
}
else if(number.getSuccess())
{
%>
Congratulations! You got it. And after just <%=number.getNumGuesses()%> tries.
Care to <a href=number.jsp>try again</a>?
<%
number.reset();
}
else
{
%>
Good guess, but nope. Try <%=number.getHint()%>. You have made <%=number.getNumGuesses()%> guesses.
<br>I'm thinking of a number between 1 and 100.
<br>
What's your guess?
<form method=post><input type=text name="guess">
<input type=submit value=submit>
</form>
<%
}
%>
</html>
3. NumberGuessBean.java代码如下:
import java.util.*;
public class NumberGuessBean {
int answer;
boolean success;
String hint;
int numGuesses;
public NumberGuessBean() {
reset();
}
public void setGuess(String guess) {
numGuesses++;
int g;
try {
g = Integer.parseInt(guess);
}
catch (NumberFormatException e) {
g = -1;
}
if (g == answer) {
success = true;
}
else if (g == -1) {
hint = "a number next time";
}
else if (g < answer) {
hint = "higher";
}
else if (g > answer) {
hint = "lower";
}
}
public boolean getSuccess() {
return success;
}
public String getHint() {
return "" + hint;
}
public int getNumGuesses() {
return numGuesses;
}
public void reset() {
answer = Math.abs(new Random().nextInt() % 100) + 1;
success = false;
numGuesses = 0;
}
}