经典登录界面制作声明本登录使用jsp编写，可在MyEclipse8.5等软件中执行1.登录界面图：2.登录代码Login.jsp<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%><%@ taglib prefix="fmt" uri="/jsp/jstl/fmt" %><%@ taglib prefix="c" uri="/jsp/jstl/core" %><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><style type="text/css"><!--.style1 {font-size: 12px}#Layer1 {position:absolute;left:160px;top:0px;width:876pxheight:120px;z-index:1;}#Layer2 {position:absolute;left:253px;top:180px;width:630pxheight:260px;z-index:2;}#Layer3 {position:absolute;left:160px;top:555px;width:890px;height:10px;z-index:3;background-image:url(/Drade/image/foot.jpg);}--></style><script type="text/javascript">function loadimage(){document.getElementById("randImage").src = "/Drade/getcertpic.jsp?"+Math.random(); }function userLogin() {if(document.Myform.uname.value.length==0||document.Myform.pwd.value.length==0||document.Myform.certCode.value.length==0){alert("请输入用户名和密码或验证码！");}else{document.Myform.action = "/Drade/checkLogin.jsp";document.Myform.submit();}}</script></head><body><center><div id="Layer1"> <img src="/Drade/image/head.jpg" alt="" width="874" height="100" /></div><div id="Layer2"><form action="checkLogin.jsp" name="Myform" method="post"><table border="0" align="center"><tr><td width="646">用户名:<input type="text" name="uname"/></td></tr><tr><td>密 码：<input type="password" name="pwd"/></td></tr><tr><td>角 色：<select name="user_role"><option value="1" selected="selected">系统管理员</option><option value="2">教务管理员</option><option value="3">教师用户</option><option value="4">学生用户</option></select></td></tr><tr><td>验证码：<input type="text" name="certCode"/><img src="/Drade/getcertpic.jsp" name="randImage" id="randImage"> </td></tr><tr><td height="20" colspan="2" align="center" valign="middle"><a href="javascript:loadimage();"><font class=pt95>看不清点我</font></a></td></tr><tr><td height="119" colspan="2" align="center" valign="middle"><input type="button" name="login" value="登录" onclick="userLogin()"style="background-color:#212312;background:background-image;background-image:url(/Drade/image/button.png)"><input type="reset" name="reset" value="重置"style="background-color:#212312;background:background-image;background-image:url(/Drade/image/button.png)"><a href="/Drade/register.jsp">注册</a></td></tr></table></form></div><div id="Layer3"> <c:set var="dateTest" value="<%=new Date()%>"/>现在时间是:<fmt:formatDate value="${dateTest}" pattern="G yyyy'年'MM'月'dd'日' HH:mm:ss z"/><br>欢迎访问学生成绩管理系统!<br></div></center></body></html>3.验证码Makecertpic.javapackage Temp.Util;import java.awt.Color;import java.awt.Font;import java.awt.Graphics;import java.awt.image.BufferedImage;import java.io.IOException;import java.io.OutputStream;import java.util.Random;import javax.imageio.ImageIO;public class makeCertpic {private char map[]={'1','2','3','4','5','6','7','8','9','a','b','c','d','e','f','g','h','i','j','k','l','m','n','o','p','q','r','s','t','u','v','w','x','y','z'};public String getCertpic(int width,int height,OutputStream os){if(width<=0) width=60;if(height<=0) height=20;BufferedImage image=new BufferedImage(width,height, BufferedImage.TYPE_INT_RGB);Graphics g=image.getGraphics();g.setColor(new Color(0xDCDCDC));g.fillRect(0, 0, width, height);g.setColor(Color.black);g.drawRect(0, 0, width-1, height-1);String str="";for(int i=0;i<4;i++){str+=map[(int)(map.length*Math.random())];}g.setColor(Color.black);g.setFont(new Font("Times New Roman",Font.PLAIN,18));String temp=str.substring(0, 1);g.drawString(temp,8, 17);temp=str.substring(1, 2);g.drawString(temp,20, 15);temp=str.substring(2,3);g.drawString(temp,35, 18);temp=str.substring(3,4);g.drawString(temp,45, 15);Random r=new Random();for(int i=0;i<10;i++){int x=r.nextInt(width);int y=r.nextInt(height);g.drawOval(x, y,1, 1);}g.dispose();try {ImageIO.write(image, "JPEG", os);} catch (IOException e) {e.printStackTrace();}return str;}}4.使用javaBean(生成验证码java代码)Getcertpic.jsp<%@ page contentType="image/jpeg" import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*" pageEncoding="Gb2312" %><%String path = request.getContextPath();String basePath =request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><base href="<%=basePath%>"><title>My JSP 'getcertpic.jsp' starting page</title><meta http-equiv="pragma" content="no-cache"><meta http-equiv="cache-control" content="no-cache"><meta http-equiv="expires" content="0"><meta http-equiv="keywords" content="keyword1,keyword2,keyword3"><meta http-equiv="description" content="This is my page"><!--<link rel="stylesheet" type="text/css" href="styles.css">--></head><body><jsp:useBean id="image" class="Temp.Util.makeCertpic" scope="page"></jsp:useBean> <%String s=image.getCertpic(0,0,response.getOutputStream());session.setAttribute("code",s);%></body></html>。