jsp精美登录页面

JSP（JavaServer Pages）是一种用于创建动态网页的技术，它允许在HTML或XML等静态页面中嵌入Java代码，从而实现动态内容的生成。一个精美的JSP登录页面通常具备以下特点：

基础概念

JSP页面：使用JSP标签和脚本元素来生成动态内容的网页。
Servlet：Java编写的服务器端程序，用于处理HTTP请求和响应。
Web容器：如Tomcat，负责运行JSP和Servlet。

类型

基于表单的登录：用户输入用户名和密码并通过表单提交。
AJAX登录：使用JavaScript异步提交登录信息，提升用户体验。

应用场景

企业内部系统：需要安全认证的场景。
电商平台：用户账户登录和管理。
社交网络：用户身份验证和个人信息管理。

示例代码

以下是一个简单的JSP登录页面示例：

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Login Page</title>
    <style>
        body { font-family: Arial, sans-serif; }
        .login-container { width: 300px; margin: auto; padding: 20px; border: 1px solid #ccc; border-radius: 5px; }
        .form-group { margin-bottom: 15px; }
        .form-group label { display: block; margin-bottom: 5px; }
        .form-group input { width: 100%; padding: 8px; box-sizing: border-box; }
        .btn { padding: 10px 15px; background-color: #007BFF; color: white; border: none; border-radius: 5px; cursor: pointer; }
    </style>
</head>
<body>
<div class="login-container">
    <h2>Login</h2>
    <form action="loginServlet" method="post">
        <div class="form-group">
            <label for="username">Username:</label>
            <input type="text" id="username" name="username" required>
        </div>
        <div class="form-group">
            <label for="password">Password:</label>
            <input type="password" id="password" name="password" required>
        </div>
        <button type="submit" class="btn">Login</button>
    </form>
</div>
</body>
</html>

后端处理（Servlet示例）

import java.io.*;
import javax.servlet.*;
import javax.servlet.http.*;

public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        String password = request.getParameter("password");

        // 简单验证逻辑
        if ("admin".equals(username) && "password".equals(password)) {
            response.sendRedirect("welcome.jsp");
        } else {
            response.sendRedirect("login.jsp?error=1");
        }
    }
}