实训7.20

最新推荐文章于 2023-07-20 18:21:59 发布

xxxxxxxxjh

最新推荐文章于 2023-07-20 18:21:59 发布

阅读量100

点赞数

分类专栏：暑期实训

本文链接：https://blog.csdn.net/weixin_46164626/article/details/107465435

版权

暑期实训专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今日目标：
在这里插入图片描述
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>