第四次冲刺

在完成上一次的冲刺后,这次,我们组根据本学期新学习的JSP编写了我们的登录界面。

编写的登录界面代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登陆首页</title>
</head>
<body>
<form name="form1" action="check.jsp" method="post">
用户名:<input name="name" type="text" />
<p>
密&nbsp;&nbsp;&nbsp;码:<input name="pwd" type="password" />
<p>
验证码:<input name="yanzheng" type="text" size="8"/>
<%
int intmethod=(int) ((((Math.random())*11))-1);
int intmethod2=(int) ((((Math.random())*11))-1);
int intmethod3=(int) ((((Math.random())*11))-1);
int intmethod4=(int) ((((Math.random())*11))-1);
String intsum=intmethod+""+intmethod2+intmethod3+intmethod4;
%>

<input type="hidden" name="vcode" value="<%=intsum %>">

<img src="num/<%=intmethod%>.gif"> <img src="num/<%=intmethod2%>.gif">
<img src="num/<%=intmethod3%>.gif"> <img src="num/<%=intmethod4%>.gif">
<br><br>
<input name="submit" type="submit" value="登陆" onClick="return mycheck()">
&nbsp;
<input name="submit1" type="reset" value="重置">

</form>

<script type="text/javascript">
function mycheck(){
if(form1.name.value=="")
{
alert("请输入用户名!");
form1.name.focus();

return false;
}
if(form1.pwd.value=="")
{
alert("请输入密码!");
form1.pwd.focus();
return false;
}
if(form1.yanzheng.value=="")
{
alert("请输入验证码!");
form1.yanzheng.focus();
return false;
}
if(form1.yanzheng.value!=form1.vcode.value)
{

alert("请输入正确的验证码!");
form1.yanzheng.focus();
return false;
}
form1.submit();

}


</script>
</body>
</html>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:useBean id="userbean" class="com.wgh.UserBean"></jsp:useBean>
<jsp:setProperty property="name" name="userbean"/>
<jsp:setProperty property="pwd" name="userbean"/>
<jsp:setProperty property="yanzheng" name="userbean"/>
<jsp:setProperty property="vcode" name="userbean"/>
<title>登陆判断</title>
</head>
<body>
<%
/*String user=(String)request.getParameter("username");
String username=user.toString();
String pwd=(String)request.getParameter("pwd");
String pwd1=pwd.toString(); */
// String yzm=request.getParameter("yanzheng");
//得到session
HttpSession session1=request.getSession(true);
//将信息保存在session范围
session1.setAttribute("username", userbean.getName());
session1.setAttribute("pwd", userbean.getPwd());
session1.setAttribute("yanzheng", userbean.getYanzheng());
session1.setAttribute("vcode", userbean.getVcode());
//equal是字符类型使用,==是整数类型使用
if(userbean.getName().equals("B20150304428")&&userbean.getPwd().equals("123")&&userbean.getYanzheng()==userbean.getVcode()){
response.sendRedirect("succ.jsp");}
else
response.sendRedirect("fail.jsp");

%>

</body>
</html>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录成功</title>
</head>
<body>
<%String username=(String)session.getAttribute("username");
out.println(username);
%>
登陆成功!
<%
int number=0;
if(application.getAttribute("number")==null){
number=1;
}else{
number=Integer.parseInt(application.getAttribute("number").toString());
number=number+1;
}
out.print("您是第"+number+"位访问者");

%>
</body>
</html>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>登录失败</title>
</head>
<body>
登陆失败!<br>

<a href="login.jsp">返回</a>

</body>
</html>

 

以上就是登录界面所有代码,现在还不是太完善,等到了后期,我们会将我们的界面进行美化与完善并将功能与界面链接。

 

转载于:https://www.cnblogs.com/sky1147/p/8793399.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值