如何实现登陆界面验证码的刷新功能?
-
在通过Maven配置好web服务后,在webapp文件夹中我们建立一个login.jsp文件
-
<head>
标签用于定义文档的头部,它是所有头部元素的容器。<head>
中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。 -
<body>
元素定义文档的主体,包含文档的所有内容(比如文本、超链接、图像、表格和列表等等。) -
建立完以后我们将之前写的代码(一)中的LoginController类复制过来,修改一下
-
需要注意的是我们可以在
<body></body>
中间插入脚本片段,这边有两种格式
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>简单登陆页面</title>
</head>
<body>
<%
//内置对象request,response,pageContext,session,application,config,out,page,用于异常的,共九个
String loginName = request.getParameter("loginName");
String loginPwd = request.getParameter("loginPwd");
String validCode = request.getParameter("validCode");
String saveCode = (String) request.getSession().getAttribute("code");//用强转不用tostring,否则会空指针异常
//response.getWriter().println("欢迎登陆");
String msg = null;
if (StrUtil.isBank(loginName) && StrUtil.isBank(loginPwd)) {
msg = "<font size = '20'>请输入账号密码!</font>";
} else {
if (StrUtil.isBank(validCode)) {
msg = "<font size = '20'>请输入验证码!</font>";
} else {
if (validCode.equalsIgnoreCase(saveCode)) {
//比较验证码,不区分大小写
//登陆名称是你的学号,密码是1234,那么显示下面的内容,否则,显示用户账户或密码错误
if ("5197101250".equals(loginName) && "1234".equals(loginPwd)) {
msg = "<font size = '20'>欢迎" + loginName + "登陆</font>";
} else {
msg = "<font size = '20'>账号或密码错误!</font>";
}
} else {
msg = "<font size = '20'>验证码错误!</font>";
}
}
}
%>
<form action="" name="login" method="post">
登陆名称:<input type="text" name="loginName"><br>
登陆密码:<input type="password" name="loginPwd"><br>
验证码值:<input type="text" name="validCode" size="4">
<img src="CaptcheController.jsp" ><br><