Java怎么实现登录与注册页面
导读：本文共6775.5字符，通常情况下阅读需要23分钟。同时您也可以点击右侧朗读，来听本文内容。按键盘←（左） →（右） 方向键可以翻页。
摘要： 用java实现的登录与注册页面，实现了客户端（浏览器）到服务器（Tomcat）再到后端（servlet程序）数据的交互。这里在注册页面加入了验证码验证。注册的html代码<body><fieldsetid=""><legend>注册页面</legend><formaction=&qu... ...
音频解说
目录
(为您整理了一些要点),点击可以直达。用java实现的登录与注册页面，实现了客户端（浏览器）到服务器（Tomcat）再到后端（servlet程序）数据的交互。这里在注册页面加入了验证码验证。
注册的html代码
<body><fieldsetid=""><legend>注册页面</legend><formaction="/day02/register2"method="post"id="form""><table><tr><td>用户名：</td><td><inputtype="text"name="userName"/><spanid="span1"></span></td></tr><tr><td>密码：</td><td><inputtype="password"name="password"/></td></tr><tr><td>确认密码：</td><td><inputtype="password"name="repassword"/><spanid="span2"></span></td></tr><trid="tr4"><td>性别：</td><td><inputtype="radio"name="sex"value="男"/>男<inputtype="radio"name="sex"value="女"/>女<spanid="span3"></span></td></tr><tr><td>爱好：</td><td><inputtype="checkbox"name="hobby"value="唱"/>唱<inputtype="checkbox"name="hobby"value="跳"/>跳<inputtype="checkbox"name="hobby"value="rap"/>rap<inputtype="checkbox"name="hobby"value="篮球"/>篮球<spanid="span4"></span></td></tr><tr><td>国籍：</td><td><selectname="country"id="country"><optionvalue="none">--请选择国籍--</option><optionvalue="中国">中国</option><optionvalue="韩国">韩国</option><optionvalue="日本">日本</option><optionvalue="美国">美国</option></select><spanid="span5"></span></td></tr><tr><td>自我评价：</td><td><textarearows="10px"cols="20px"id="textarea"name="describe"></textarea></td></tr><tr><td>验证码：</td><td><inputtype="text"name="check"/><imgsrc="/day02/demo"id="img"onclick="checkImg()"style="cursor:pointer"><ahref="javascript:void(0);"onclick="checkImg()">换一张</a></td></tr></table><inputtype="submit"id="btn2"value="提交"/><inputtype="button"id="btn1"value="验证"/></form></fieldset></body><scripttype="text/javascript">functioncheckImg(){varimg=document.getElementById("img");img.src="/day02/demo?"+newDate().getTime()}</script>注册页面截图
这里需要注意的是我用的是Tomcat服务器，因为它其中没有mysql驱动，所以需要手动添加到Tomcat的lib目录下。
还有在web.xml中添加了全局配置主要是为了项目中需要改编码的方便
<context-param><param-name>encode</param-name><param-value>UTF-8</param-value></context-param>
这里是生成验证码的程序，在我的上篇文章有详细讲解
@WebServlet(urlPatterns="/demo")publicclassCheckImgextendsHttpServlet{//复写HttpServlet中的doGet方法publicvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)throwsServletException,IOException{//准备一张画纸，将验证码中的数字字母写到这张画纸中intwidth=120;intheight=30;BufferedImagebufi=newBufferedImage(width,height,BufferedImage.TYPE_INT_RGB);//这里面的width、height、就是这张画纸的长宽。BufferedImage.TYPE_INT_RGB就是这张画纸基于//RGB三原色来进行画//获取一个画笔对象，给图片上画画Graphics2Dg=(Graphics2D)bufi.getGraphics();//设置画笔颜色g.setColor(Color.WHITE);//将这个颜色填充到整个画纸g.fillRect(0,0,width,height);//定义图片上可以写什么数据Stringdata="QWERTYUIOPASDFGHJKLZXCVBNMqwertyuiopasdfghjklzxcvbnm1234567890";//定义书写在画纸上的起始位置intx=15;inty=25;//定义一个随机数Randomr=newRandom();//创建一个字符串缓冲区StringBuildersb=newStringBuilder();//定义一个循环给画纸上写四个数for(inti=0;i<4;i++){//从data中随机获取一个下标的数据charc=data.charAt(r.nextInt(data.length()));sb.append(c+"");//随机生成画笔的颜色,RGB三原色随机在0-256中随机生成g.setColor(newColor(r.nextInt(256),r.nextInt(256),r.nextInt(256)));//设置字体g.setFont(newFont("黑体",Font.BOLD,26));doubletheta=(30-(r.nextInt(60)))*Math.PI/180;g.rotate(theta,x,24);//设置数据旋转//g.rotate((20)*Math.PI/180,x,y);//将数据写到画纸上g.drawString(c+"",x,y);g.rotate(-theta,x,24);//设置完旋转要调回，防止数据旋转的看不到//g.rotate(-((20)*Math.PI/180),x,y);//每写完一个调整下一个数据写的位置x+=25;}HttpSessionsession=req.getSession();session.setAttribute("checkNum",sb.toString());//添加线类型的干扰信息for(inti=0;i<15;i++){//同样设置线的颜色g.setColor(newColor(r.nextInt(256),r.nextInt(256),r.nextInt(256)));//开始划线,这里需要的四个参数中前两个是线开头的左边，后边两个是线结束的坐标g.drawLine(r.nextInt(width),r.nextInt(height),r.nextInt(width),r.nextInt(height));}//添加点类型干扰信息for(inti=0;i<150;i++){//设置点的颜色g.setColor(newColor(r.nextInt(256),r.nextInt(256),r.nextInt(256)));//开始画点,实质上这是画椭圆，将上半轴半径，左半轴半径设置为0就可以看成是一个点g.drawOval(r.nextInt(width),r.nextInt(height),0,0);}//这个时候并没有在这张纸上书写任何内容，但是已经可以像客户端响应请求了ImageIO.write(bufi,"jpg",resp.getOutputStream());}}这是注册页面的代码。
@WebServlet(urlPatterns="/register2")publicclassRegisterextendsHttpServlet{//@OverrideprotectedvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)throwsServletException,IOException{doPost(req,resp);}@OverrideprotectedvoiddoPost(HttpServletRequestreq,HttpServletResponseresp)throwsServletException,IOException{//获取在web.xml中的配置的全局属性Stringencode=req.getServletContext().getInitParameter("encode");//为了防止乱码设置编码req.setCharacterEncoding(encode);resp.setContentType("text/html;charset="+encode);//获得请求过来的资源StringuserName=req.getParameter("userName");Stringpassword=req.getParameter("password");Stringrepassword=req.getParameter("repassword");Stringsex=req.getParameter("sex");String[]hobby=req.getParameterValues("hobby");Stringcountry=req.getParameter("country");Stringdescribe=req.getParameter("describe");//这里将获取到的请求数据都在控制台上打印了一遍//看是否拿到了这些数据System.out.println(userName);System.out.println(password);System.out.println(repassword);System.out.println(sex);System.out.println(hobby[0]);System.out.println(country);System.out.println(describe);//这里只加了简单的判断，判断帐号是否填写，以及两次密码是否一致//判断信息是否填写if(userName==null||password==null||repassword==null||sex==null||hobby==null||country==null||describe==null){resp.getWriter().write("所有的数据都不能为空，请重新<ahref='/day02'>填写</a>");return;}//判断两次密码是否一致if(!password.equals(repassword)){resp.getWriter().write("两次密码输入不一致，请重新<ahref='/day02'>填写</a>");return;}//判断验证码输入是否正确if(!checkImg.equalsIgnoreCase(check)){resp.getWriter().write("验证码输入错误");return;}try{//加载MySQL的数据库驱动Class.forName("com.mysql.jdbc.Driver");//这里我在数据库中添加了一个名为day02的数据库Stringurl="jdbc:mysql:///day02";//默认是系统管理员的账户Stringuser="root";//这里你自己设置的数据库密码Stringpassw="xxxxxx";//获取到数据库的连接Connectionconnection=DriverManager.getConnection(url,user,passw);//获取到执行器Statementstmt=connection.createStatement();//需要执行的sql语句Stringsql="insertintousersvalues(null,'"+userName+"','"+password+"','"+repassword+"','"+sex+"','"+Arrays.toString(hobby)+"','"+country+"','"+describe+"')";//建议打印一下sql语句，放在数据库中看是否能将数据添加到数据库中System.out.println(sql);//执行sql语句inti=stmt.executeUpdate(sql);//添加成功上边这个执行器就会返回1if(i==1){resp.getWriter().write("注册成功，请<ahref='/day02/login.html'>登录</a>");}else{resp.getWriter().write("注册失败，请返回重新<ahref='/day02/'></a>");}stmt.close();connection.close();}catch(Exceptione){e.printStackTrace();}}}登录页面，同样非常丑。就是简单的三个input标签
登录页面的html代码
<body><formaction="login">用户名：<inputtype="text"name="user"><br/>密码：<inputtype="password"name="password"><br/><inputtype="submit"name="提交"><ahref="/register2"rel="externalnofollow">注册</a></form></body>
登录页面的java代码，因为只有帐号密码，就只和数据库中的帐号密码进行判断
@WebServlet(urlPatterns="/login")publicclassloginextendsHttpServlet{@OverrideprotectedvoiddoGet(HttpServletRequestreq,HttpServletResponseresp)throwsServletException,IOException{doPost(req,resp);}@OverrideprotectedvoiddoPost(HttpServletRequestreq,HttpServletResponseresp)throwsServletException,IOException{//先获取到全局配置中的设置的编码Stringencode=req.getServletContext().getInitParameter("encode");//设置请求和响应的编码req.setCharacterEncoding(encode);resp.setContentType("text/html;charset="+encode);try{//从登录页面拿到用户输入的用户名Stringname=req.getParameter("user");//从登录页面拿到用户输入的密码Stringpwd=req.getParameter("password");//还是在控制台上输出看是否拿到的帐号密码System.out.println("用户名："+name);System.out.println("密码："+pwd);//下边就是加载数据库的过程Class.forName("com.mysql.jdbc.Driver");Stringurl="jdbc:mysql:///day02";Stringuser="root";Stringpassword="xxxxxxx";Stringsql="select*fromuserswhereuserName='"+name+"'";Stringsql2="select*fromuserswherepassword='"+pwd+"'";Connectionconn=DriverManager.getConnection(url,user,password);//这里我选择是创建了两个执行器，如果一个执行器执行两个sql语句。就会出现异常Statementstmt=conn.createStatement();Statementstmt2=conn.createStatement();ResultSetrs=stmt.executeQuery(sql);ResultSetrs2=stmt2.executeQuery(sql2);//判断用户输入的帐号是否在数据库中if(rs.next()){System.out.print("用户名："+rs.getString("userName")+"\t");}else{resp.getWriter().write("对不起你帐号名有误，请<ahref='/day02'>注册</a>");}//通过了帐号的判断，就对密码进行判断，同样是判断密码是否与数据库中的密码匹配if(rs2.next()){resp.getWriter().write("登录成功，点击跳转<ahref='http://www.baidu.com'>首页</a>");System.out.print("密码："+rs.getString("password")+"\t");}else{resp.getWriter().write("对不起你密码有误，请<ahref='/day02'>注册</a>");}}catch(Exceptione){e.printStackTrace();}}} </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">本文：
Java怎么实现登录与注册页面的详细内容，希望对您有所帮助，信息来源于网络。