Servlet的简单应用

最新推荐文章于 2022-07-20 16:07:29 发布

看到代码就头秃的秃头

最新推荐文章于 2022-07-20 16:07:29 发布

阅读量115

点赞数

分类专栏：简单小程序文章标签： java html web servlet

本文链接：https://blog.csdn.net/weixin_43957562/article/details/107696297

版权

简单小程序专栏收录该内容

2 篇文章 0 订阅

订阅专栏

今天看了看Servlet的简单应用，把代码块弄上来记录下。
就简单实现了一下从页面获取数据。
前端代码（太丑了，大家别用我的样式）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        button{
            color: #90fdff;
            background-color: chartreuse;
        }
        #name{
            border: #ff56e4;
        }
        .txt{
            border-radius: 4px;
        }
    </style>
</head>
<body>
    <form action="RegisterServlet" method="post" onsubmit="return checkForm()">
        <table align="center" >
            <tr>
                <td>电子邮件地址</td>
                <td>
                    <input type="text" id="email" name="email" placeholder="请输入邮箱" onblur="checkEmail()" onfocus="emailFoucs()">
                </td>
                <td id="e1"></td>
            </tr>
            <tr>
                <td>密码</td>
                <td>
                    <input type="password" class="txt" id="password" name="password" placeholder="请输入密码" onblur="checkPwd()" onfocus="passwordFoucs()">
                </td>
                <td id="p1"></td>
            </tr>
            <tr>
                <td>确认密码</td>
                <td>
                    <input type="password" id="repassword" name="repassword" placeholder="确认密码" onblur="checkPwd1()">
                </td>
                <td id="p2"></td>
            </tr>
            <tr>
                <td>姓名</td>
                <td>
                    <input type="text" id="name" name="name" placeholder="请输入姓名" onblur="checkName()" onfocus="nameFocus()">
                </td>
                <td id="n1"></td>
            </tr>
            <tr>
                <td>性别</td>
                <td>
                    <select name="sex" class="selecttext" id="sex">
                        <option value="0">--请选择--</option>
                        <option value="1">男</option>
                        <option value="2">女</option>
                        <option value="3">未知</option>
                    </select>
                </td>
            </tr>
            <tr >
                <td colspan="2" align="center">
                    <button type="submit">提交</button>
                    <button type="reset">重置</button>
                </td>
            </tr>
        </table>
    </form>
</body>
<script>
    /*function show() {
        var email = document.getElementById("email").value;
        var pwd = document.getElementById("password").value;
        var repwd = document.getElementById("repassword").value;
        var name = document.getElementById("name").value;
        var e1 = document.getElementById("e1");
        var p1 = document.getElementById("p1");
        var p2 = document.getElementById("p2");
        var n1 = document.getElementById("n1");
        if (email == ""){
            e1.innerHTML = "请输入邮箱";
            return false;
        }
        if(pwd == "" || pwd.length < 6 || pwd.length > 16){
            p1.innerHTML = "密码格式错误";
            return false;
        }
        if (repwd != pwd){
            p2.innerHTML = "两次密码不一致";
            return false;
        }
        if(name == ""){
            n1.innerHTML = "请输入姓名";
            return false;
        }
        return true;
    }*/
    function checkEmail() {
        var email = document.getElementById("email").value;
        var  e1 = document.getElementById("e1");
        if(email == ""){
            e1.innerHTML = "邮箱不能为空";
            return false;
        }
        e1.innerHTML = "√";
        return true;
    }
    function checkPwd() {
        var pwd = document.getElementById("password").value;
        var p1 = document.getElementById("p1");
        if(pwd == "" || pwd.length < 6 || pwd.length > 16){
            p1.innerHTML = "密码格式错误";
            return false;
        }
        p1.innerHTML = "√";
        return true;
    }
    function checkPwd1() {
        var pwd = document.getElementById("password").value;
        var repwd = document.getElementById("repassword").value;
        var p2 = document.getElementById("p2");
        if(repwd != pwd){
            p2.innerHTML = "两次密码不一致";
            return false;
        }
        p2.innerHTML = "√";
        return true;
    }
    function checkName() {
        var name = document.getElementById("name").value;
        var n1 = document.getElementById("n1");
        if(name == ""){
            n1.innerHTML = "用户名不能为空";
            return false;
        }
        n1.innerHTML = "√";
        return true;
    }
    function checkForm() {
        return checkEmail()&&checkPwd()&&checkPwd1()&&checkName();
    }
    function emailFoucs() {
        var email = document.getElementById("email");
        email.select();
    }
    function passwordFoucs() {
        var pwd = document.getElementById("password");
        var repwd = document.getElementById("repassword");
        if(pwd != repwd){
            pwd.value = "";
            repwd.value = "";
        }
    }
    function nameFocus() {
        var name = document.getElementById("name");
        name.select();
    }
</script>
</html>

Servlet代码

package cn.edu.servlet;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
//注意idea中创建Servlet注解中是没有urlPatterns的，需要自己手动写或者修改idea的Servlet模板。
@WebServlet(name = "RegisterServlet",urlPatterns = {"/RegisterServlet"})
public class RegisterServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        request.setCharacterEncoding("utf-8");
        String email = request.getParameter("email");
        System.out.println(email);
        String password = request.getParameter("password");
        System.out.println(password);
        String repassword = request.getParameter("repassword");
        System.out.println(repassword);
        String name = request.getParameter("name");
        System.out.println(name);
        String sex = request.getParameter("sex");
        System.out.println(sex);
    }

    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

    }
}

看到代码就头秃的秃头

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Servlet的简单应用

今天看了看Servlet的简单应用，把代码块弄上来记录下。就简单实现了一下从页面获取数据。前端代码（太丑了，大家别用我的样式）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> button{
复制链接

扫一扫