1、login.jsp文件
<%@ page language="java" contentType="text/htmlcharset=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/htmlcharset=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/htmlcharset=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:1433DatabaseName=***"
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/htmlcharset=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/htmlcharset=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", "0url=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", "0url=user_login.jsp")
}
else if(passwordInDataBase.equals(password))
{
out.print("<script language='javaScript'>alert('登录成功')</script>")
response.setHeader("refresh", "0url=loginSucces.jsp")
}
else
{
out.print("<script language='javaScript'>alert('密码错误')</script>")
response.setHeader("refresh", "0url=user_login.jsp")
}
}
%>
</body>
</html>
3、loginSucces.jsp文件
<%@ page language="java" contentType="text/htmlcharset=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/htmlcharset=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/htmlcharset=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/htmlcharset=ISO-8859-1">
<title>登录界面</title>
</head>
<body background="C:\Users\win8\workspace\Login\image\9dcbdc339e72a5663b5c289fb5573c13_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>
第一种:打开一个网页后点击鼠标的 右键就会有"查看源文件", *** 作 鼠标右键--->查看源文件 即可d出一个记事本,而记事本内容就是此网页的html代码。
可能会碰到一些网页鼠标右键无反应或提出提示框,那是因为做网页的加入了JS代码来禁止用户查看源文件代码或复制网页内容,但是这种方法也没用,只有你稍微懂得以下第二种方法即可查看此网页的源代码源文件。
第二种:通过浏览器状态栏或工具栏中的点击 “查看”然后就用一项“查看源代码”,点击查看源代码即可查看此网页的源代码源文件。
在微软IE下 查看--->源文件 即可查看此网页代码在傲游浏览器下截图:
查看别人网页的源代码可以为我们制作网页时候有帮助,以后将介绍查看源代码更多方法及怎么运用到别人的源代码文件。
三、其它浏览器具体查看html网页源代码方法步骤 - TOP
首先请打开您的网络浏览器,然后访问任何一个网页。
完成上述步骤后,您可以通过以下针对不同网络浏览器的简单步骤快速查看html网页源代码。
1)、Firefox浏览器,请按以下步骤 *** 作:
点击火狐firefox浏览器上方“工具(T)”菜单。
在下拉菜单中点击“Web 开发者”。
然后在下拉菜单中选择点击“页面源代码”,即可查看网页源代码。
2)、谷歌浏览器,请按以下步骤 *** 作:
点击广告浏览器,右上角“三横”控制图标
在下拉菜单点击“工具”
然后再点击“查看源代码”。
或直接谷歌浏览器中使用快捷键“Ctrl+U”即可查看被访网页源代码。
对于这些的话,新手朋友可以参考附件里面的知识学习下
IE9浏览器默认情况下隐藏了浏览器菜单栏,因此在打开IE9浏览器以后,需要按键盘上的ALT键来显示浏览器工具栏。在显示出来的IE菜单栏上点击菜单“查看”→“源文件”。
IE浏览器会自动打开一个新的窗口来显示网页源代码。
哦~这份缘文件实在太难看懂了~别着急,其实IE9提供了一个更为强大的网页源代码查看工具——开发者工具。
点击IE9浏览器右上角的齿轮图标,在下拉菜单中点击“F12开发者工具”,或者直接按键盘上的快捷键F12也可以打开开发者工具。
IE9的开发者工具提供更为强大的网页开发查看代码和调试功能,你可以使用开发者工具更方便地查看网页HTML代码,CSS样式代码和脚本等信息。
使用Firefox火狐浏览器查看网页源代码
Windows Vista/7用户:点击Firefox浏览器左上角的快捷菜单,在下拉菜单中点击“Web开发者”→“查看页面源代码”。
Windows XP/Linux用户:点击Firefox浏览器的菜单“工具”→“Web开发者”→“查看页面源代码”。
键盘快捷键:Ctrl+U
Firfox浏览器会打开网页源代码窗口显示网页HTML源代码。
如果想要查看其中外联的CSS源文件,可以用鼠标点击源代码中的CSS外联文件链接网址。
不过自带的之中网页源文件查看器并不好用,你可以尝试使用插件Firebug来获取更好用的网页开发功能。
点击“Web开发者”→“获取更多工具”。
在d出的Firefox新标签页中安装插件“Firebug”。
安装完成以后会在Firefox浏览器的右上角工具栏中添加Firebug的图标,点击它就可以使用Firebug网页调试工具了。
这个工具相当强大哦~
使用谷歌Chrome浏览器查看网页源代码
点击Chrome浏览器右上角的快捷菜单“工具”→“查看源代码”。
Chrome浏览器会打开一个网页源代码显示窗口,这个源代码显示窗口好像也是不那么友好,一大堆网页代码实在不知道如何下手呀。
如果你想要更好的网页源代码显示和开发工具,那就点击Chrome浏览器右上角的快捷菜单“工具”→“开发者工具”。
看看,不需要下载任何插件,Chrome浏览器就已经为你提供了一个相当强大的网页开发者工具了。
使用Chrome浏览器开发者工具来查看和调试CSS也相当好用。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)