今日目标:
jdbc、servlet、tomcat都成功安装。
绘制了一个简陋的登录界面。
输入正确的数据库名称和密码后可以进入另一个页面。
否则会提示用户名密码错误。
代码:
index.jsp:
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
<title>XJH</title>
<script>
function btnAction(){
// document.getElementById("res").value=document.getElementById("username");
var username = document.getElementById("username").value;
var password = document.getElementById("psw").value;
if(username=="root"&&password=="xjh990830"){
window.location.href="hello";
}else{
alert("用户名密码错误!");
}
}
</script>
</head>
<body>
<form action="/loginServelet" method="post">
User:<br>
<input type="text" id="username" name="1">
<br>
Password:<br>
<input type="password" id="psw" name="2">
<br><br>
<input type="submit" value="login">
<button type="button" onclick="btnAction()">登录</button>
</form>
</body>
</html>
web.xml:
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
version="4.0">
<servlet>
<servlet-name>hello</servlet-name>
<servlet-class>com.xjh.servlet.UserServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>hello</servlet-name>
<url-pattern>/hello</url-pattern>
</servlet-mapping>
<servlet>
<servlet-name>loginServelet</servlet-name>
<servlet-class>com.xjh.servlet.LoginServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>loginServelet</servlet-name>
<url-pattern>/loginServelet</url-pattern>
</servlet-mapping>
</web-app>