实验二 jsp登录、验证面的制作

《实验二 jsp登录、验证面的制作》由会员分享，可在线阅读，更多相关《实验二 jsp登录、验证面的制作（48页珍藏版）》请在装配图网上搜索。

1、实验二jsp登录、验证页面的制作一、 目的1、掌握jsp登录页面的几种常用解决技术2、掌握jsp验证码的生成技术3、掌握js验证页面的制作二、 内容请参照附加材料三、 环节略，请对照附加材料练习四、 问题1、登录时，如果后台在验证时发生问题，该如何解决？2、如果需要记录顾客登录日记，你将采用何种技术？3、如何生成弹出的顾客登录界面？4、验证码的作用是什么？简要阐明验证码生成的一般环节？5、页面验证一般在哪一端进行？何种情形下验证需要在服务器上进行？附件：jsp登录、验证页面技术一、静态登录界面的设计一方面是顾客登录页面login.htm，代码如下： 系统登录 系 统 登 录 顾客名 密&nbs

2、p; 码    将登录顾客输入的信息提交到login.jsp页面进行解决，这里为了以便，不执行数据库的访问操作，直接使用s2098作为登录顾客名和密码，但在实际中是要从数据库中读取的，该jsp页面代码实现如下： 如果登录成功，则设定login的值为ok，提交到下一步验证页面，则进入main.jsp页面，否则，如果输入的顾客名和密码不合法就打印错误信息，main.jsp页面代码如下： WELCOME TO MY HOMEPAGE WELCOME TO MY HOMEPAGE WELCOME TO MY HOMEPAGE WELCOME TO MY HOMEPAGE

3、这个页面使用涉及了一种jsp页面checkvalid.jsp为了验证输入信息的合法性： 如果输入信息有误，则回到登录页面，重新输入登录信息。二、后台数据库验证技术涉及前台login.html和后台verifylogin.jsp两个页面构成:login.html内容: 登录 顾客登录 顾客名： 密码：       verifylogin.jsp内容: 登录 !- 下面为客户端添加代码验证功能: 登录 顾客登录 顾客名： 密码：       function validateLogin() var

4、sUserName = document.frmLogin.txtUserName.value; var sPassword = document.frmLogin.txtPassword.value; if( sUserName= ) alert(请输入顾客名！); return false; if( sPassword= ) alert(请输入密码！); return false; 为服务器端添加代码验证功能: 登录 20 )   try response.sendRedirect ( login.html ); catch ( Exception e ) /获取密码 Strin

5、g sPasswd = request.getParameter ( txtPassword ); if ( sPasswd = | sPasswd = null | sPasswd.length()20 ) try response.sendRedirect ( login.html ); catch ( Exception e ) /登记JDBC驱动程序 Class.forName ( org.gjt.mm.mysql.Driver ).newInstance ( ); /连接参数与Access不同 String url = jdbc:mysql:/localhost/LearnJSP;

6、/建立连接 Connection connection = DriverManager.getConnection ( url, root, 011124 ); /SQL语句 String sql = select * from userinfo where username= + sUserName + and userpwd = + sPasswd + ; Statement stmt = connection.createStatement ( ); ResultSet rs = stmt.executeQuery ( sql ); /返回查询成果 /如果记录集非空，表白有匹配的顾客名和

7、密码，登陆成功 if ( rs.next ( ) ) /登录成功后将sUserName设立为session变量的UserName /这样在背面就可以通过 session.getAttribute(UserName) 来获取顾客名， /同步这样还可以作为顾客登录与否的判断根据 session.setAttribute ( UserName, sUserName ); out.print ( 登录成功！ ); out.print ( session.getAttribute ( UserName ) + 欢迎您！ ); else /否则登录失败 out.println ( 顾客名不存在或密码错误！

8、 ); rs.close ( ); stmt.close ( ); connection.close ( ); %数据库中所有表的字段长度的设计原则是应当是足够用,但不挥霍存储空间.可以发现,上面数据库中字段限制在20个字符以内,那么程序中也应当作一种限制,否则也许给网站浮现严重的问题.将上面源码修改如下: . 密码： . . if ( sUserName = | sUserName = null | sUserName.length()20 ) . if ( sPasswd = | sPasswd = null | sPasswd.length()20 ) .三、javabean验证技术lo

9、gin.html页面的实现代码如下：人员登录 员工编码： 员工密码： 在login.html的祈求的页面login.jsp中输入如下代码：登录验证 includebean.jsp文献的内容如下：阐明：除了上述常用的技术外，尚有许多的技术，譬如使用读取xml进行验证，加密解密验证等等。顾客登录验证的技术五花八门，但愿在平时的学习过程将这些技术记录下来，以到需要时可以参照。附件：JSP彩色验证码生成有4个随机数字和杂乱背景的图片，数字和背景颜色会变化，服务器端刷新（用history.go(-1)也会变） 产生验证码图片的文献image.jsp255) fc=255; if(bc255) bc=25

10、5; int r=fc+random.nextInt(bc-fc); int g=fc+random.nextInt(bc-fc); int b=fc+random.nextInt(bc-fc); return new Color(r,g,b); %/设立页面不缓存response.setHeader(Pragma,No-cache);response.setHeader(Cache-Control,no-cache);response.setDateHeader(Expires, 0);/ 在内存中创立图象int width=60, height=20;BufferedImage image

11、 = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);/ 获取图形上下文Graphics g = image.getGraphics();/生成随机类Random random = new Random();/ 设定背景色g.setColor(getRandColor(200,250);g.fillRect(0, 0, width, height);/设定字体g.setFont(new Font(Times New Roman,Font.PLAIN,18);/画边框/g.setColor(new Color();/g.d

12、rawRect(0,0,width-1,height-1);/ 随机产生155条干扰线，使图象中的认证码不易被其他程序探测到g.setColor(getRandColor(160,200);for (int i=0;i155;i+) int x = random.nextInt(width); int y = random.nextInt(height); int xl = random.nextInt(12); int yl = random.nextInt(12); g.drawLine(x,y,x+xl,y+yl);/ 取随机产生的认证码(4位数字)String sRand=;for (

13、int i=0;i 使用验证码图片的文献a.jsp 认证码输入页面 系统产生的认证码：输入上面的认证码： 验证的页面check.jsp认证码验证页面 系统产生的认证码为： 您输入的认证码为： 输入相似，认证成功！输入不同，认证失败！ 其她的验证码生成技术请同窗们自己收集。附件3：js验证表单大全js验证表单大全1. 长度限制function test() if(document.a.b.value.length50)alert(不能超过50个字符！);document.a.b.focus();return false; 2. 只能是中文 3. 只能是英文function onlyEng()if

14、(!(event.keyCode=65&event.keyCode=90)event.returnvalue=false;4. 只能是数字function onlyNum()if(!(event.keyCode=48&event.keyCode=96&event.keyCode=105)/考虑小键盘上的数字键event.returnvalue=false;或者input type=text onkeypress=if (event.keyCode 57) event.returnValue = false;/或者: 5. 只能是英文字符和数字6. 验证油箱格式function isEmail(

15、strEmail) if (strEmail.search(/w+(-w+)|(.w+)*A-Za-z0-9+(.|-)A-Za-z0-9+)*.A-Za-z0-9+$/) != -1)return true;elsealert(oh);7. 屏蔽核心字(这里屏蔽*和*)function test() if(a.b.value.indexOf (*) = 0)|(a.b.value.indexOf (*) = 0)alert(:);a.b.focus();return false;8. 两次输入密码与否相似function check() with(document.all)if(input1.value!=input2.value)alert(false)input1.value = ;input2.value = ;else document.forms0.submit();够了吧 :)屏蔽右键 很酷 oncontextmenu=return false ondragstart=return false onselectstart=return false加在body中二2.1 表单项不能为空!-function CheckForm() if (document.form.name.value.length =