对于使用javaweb技术制作简单管理系统的学习
Posted 周广阔
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了对于使用javaweb技术制作简单管理系统的学习相关的知识，希望对你有一定的参考价值。
近期在老师的引导下我们学习了利用Javaweb技术制作简单的管理系统，其中涉及到的技术很多，由于大多都是自学
对这些技术的理解还太浅显但能实现一些相关功能的雏形。
(一).登录功能
在登陆功能中通过与数据库的连接实现了验证用户账号与密码是否正确的功能，并添加了简易的权限设置使
不同用户登录成功后所呈现的主界面是不同的；同时还有验证码功能能检测验证码是否输入正确。
数据库：
jsp：
1 <%@ page language="java" contentType="text/html; charset=utf-8" 2 pageEncoding="utf-8"%> 3 <!DOCTYPE html> 4 <html> 5 <head> 6 <meta charset="utf-8"> 7 <title>登录</title> 8 9 </head> 10 <body> 11 <% 12 Object message = request.getAttribute("message"); 13 if (message != null && !"".equals(message)) { 14 %> 15 <script type="text/javascript"> 16 alert("<%=request.getAttribute("message")%>"); 17 </script> 18 <% 19 } 20 %> 21 <form action="Log" name="log" method="post"> 22 <div align="center"> 23 <h1>请登录</h1> 24 用户名:<input id ="username" name="username" type="text" value="" onChange="chang1(this.value)"> 25 <br> 26 密码:<input id ="password" name="password" type="password" value="" onChange="chang2(this.value)"> 27 <br> 28 验证码：<input type="text" id="inputCode" value="" onChange="validateCode()"> 29 <div id="checkCode" class="code" onclick="createCode(4)" style="display:inline" ></div> 30 <br> 31 <input type="submit" value="确定" > 32 33 </div> 34 </form> 35 <script type="text/javascript"> 36 window.onload=function(){ 37 createCode(4); 38 } 39 40 //生成验证码的方法 41 function createCode(length) { 42 var code = ""; 43 var codeLength = parseInt(length); //验证码的长度 44 var checkCode = document.getElementById("checkCode"); 45 ////所有候选组成验证码的字符，当然也可以用中文的 46 var codeChars = new Array(0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 47 \'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\', 48 \'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\'); 49 //循环组成验证码的字符串 50 for (var i = 0; i < codeLength; i++) 51 { 52 //获取随机验证码下标 53 var charNum = Math.floor(Math.random() * 62); 54 //组合成指定字符验证码 55 code += codeChars[charNum]; 56 } 57 if (checkCode) 58 { 59 //为验证码区域添加样式名 60 checkCode.className = "code"; 61 //将生成验证码赋值到显示区 62 checkCode.innerHTML = code; 63 } 64 } 65 66 //检查验证码是否正确 67 function validateCode() 68 { 69 //获取显示区生成的验证码 70 var checkCode = document.getElementById("checkCode").innerHTML; 71 //获取输入的验证码 72 var inputCode = document.getElementById("inputCode").value; 73 //console.log(checkCode); 74 //console.log(inputCode); 75 if (inputCode.length <= 0) 76 { 77 alert("请输入验证码！"); 78 } 79 else if (inputCode.toUpperCase() != checkCode.toUpperCase()) 80 { 81 alert("验证码输入有误！"); 82 createCode(4); 83 } 84 85 } 86 var reg=/^[a-zA-Z]\\w*$/; 87 var flag1=false,flag2=false,flag3=false; 88 function chang1(obj) 89 { 90 var pattern = /^\\w+$/i; 91 var arr = obj.match(pattern); 92 if(arr) 93 {} 94 else 95 alert("用户名格式不正确，4-10位数字/字母/下划线"); 96 if(obj.length<4||obj.length>10) 97 { 98 alert("用户名格式不正确，4-10位数字/字母/下划线"); } 99 } 100 function chang2(obj) 101 { 102 103 var pattern = /^\\w+$/i; 104 var arr = obj.match(pattern); 105 if(arr) 106 {} 107 else 108 alert("密码格式不正确，4-10位数字/字母/下划线"); 109 if(obj.length<4||obj.length>10) 110 { 111 alert("密码格式不正确，4-10位数字/字母/下划线"); } 112 113 } 114 115 116 </script> 117 </body>
118 </html>
servlet:
1 package servlet; 2 3 import java.io.IOException; 4 import javax.servlet.ServletException; 5 import javax.servlet.annotation.WebServlet; 6 import javax.servlet.http.HttpServlet; 7 import javax.servlet.http.HttpServletRequest; 8 import javax.servlet.http.HttpServletResponse; 9 import javax.servlet.http.HttpSession; 10 11 import dao.UserDao; 12 13 /** 14 * Servlet implementation class Login 15 */ 16 @WebServlet("/Log") 17 public class Log extends HttpServlet { 18 19 20 /** 21 * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) 22 */ 23 protected以上是关于对于使用javaweb技术制作简单管理系统的学习的主要内容，如果未能解决你的问题，请参考以下文章