<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>用户登录</title> </head> <body> <% String username = request.getParameter("e" String password = request.getParameter("d" if(username != null && password != null) { if(username.equals("admin" && password.equals("123456" session.setAttribute(""e); response.sendRedirect("welcome.jsp" } else { out.println("<script>alert('用户名或密码错误');</script>" } } %> <div class="301b39c56fc1240c login-container"gt; <h2>用户登录</h2> <form method="post"> <input type="text" name="username" placeholder="用户名" required> <input type="password" name="password" placeholder="密码" required> <button type="submit">登录</button> </form> </div> </body> </html>
// 简单的交互功能
document.addEventListener('DOMContentLoaded', function() {
// 卡片点击效果
const cards = document.querySelectorAll('.card-hover');
cards.forEach(card => {
card.addEventListener('click', function() {
this.classList.toggle('ring-2');
this.classList.toggle('ring-blue-500');
});
});
// 代码复制功能
const copyButton = document.querySelector('.fa-copy').parentElement;
copyButton.addEventListener('click', function() {
const code = document.querySelector('pre code').textContent;
navigator.clipboard.writeText(code).then(() => {
const originalHTML = this.innerHTML;
this.innerHTML = '';
setTimeout(() => {
this.innerHTML = originalHTML;
}, 2000);
});
});