实验二 JSP的内置对象(JavaWeb 登陆和注册页面)

JSP的内置对象

一、实验目的
通过编程和上机实验理解 JSP各个页面之间的响应和传递的过程。并且能够熟练的掌握JSP的内置对象的属性和方法,并能灵活运用。
二、实验要求
1.基础练习:内置对象常用方法的使用。
2.编写获取表单数据。
3.按照下列要求实现简单注册、登录程序。

登陆页面:
在这里插入图片描述
css部分:

<style>
  .m{      
            text-align: center;
            margin-top: 5px;
        }
  .label{
     display: inline-block;   
     width: 80px;
     text-align-last: justify;
    
 }
 .i{
 width:150px;
 }
 h1{text-align: center;}
        </style>

body部分:

<h1>我的账户</h1>
  <Form action="1.jsp">
    <div class="m"><div class="label">用户名:</div><input class="i" type="text" name="Name"></div>
   <div class="m"><div class="label">密   码:</div><input  class="i"type="password" name="Password"></div>
    <div class="m"><input type="submit" value="登录" ></div>
    </Form>
      <Form action="enroll.jsp">
    <div class="m"><input type="submit" value="注册" ></div>
    </Form>

js部分:

<%
  String name=request.getParameter("Name") ;
   String password=request.getParameter("Password") ;
   if(name.equals(application.getAttribute("name"))&&password.equals(application.getAttribute("password")))
   out.println("登录成功!");
   else
   {
   out.println("登录失败!请重新登录!");
  }
  %>

效果:
登陆失败:
在这里插入图片描述
登陆成功:
在这里插入图片描述
注册页面:
在这里插入图片描述
css部分跟登陆页面一样!
body部分:

  <h1>用户注册</h1>
  <Form action="2.jsp">
    <div class="m"><div class="label">用户名:</div><input  class="i" type="text" name="Name"></div>
   <div class="m"><div class="label"> 密 码:</div><input  class="i" type="password" name="Password"></div>
   <div class="m"><div class="label"> 密码确认:</div><input  class="i" type="password" name="RePassword"></div>
   <div class="m"><div class="label"> 电子邮件:</div><input  class="i" type="text" name="Email"></div>
   <div class="m"><div class="label"> 电话:</div><input  class="i" type="text" name="Number"></div>
   <div class="m"><div class="label"> 地址:</div><input  class="i" type="text" name="Address"></div>
    <div class="m"><input type="submit" value="注册"></div>
    </Form>

js部分:

<%
  String name=request.getParameter("Name") ;
  application.setAttribute("name", name);
   String password=request.getParameter("Password") ;
   application.setAttribute("password", password);
   String repassword=request.getParameter("RePassword") ;
   String email=request.getParameter("Email") ;
   String number=request.getParameter("Number") ;
   String address=request.getParameter("Address") ;
   out.println("恭喜注册成功!<br>");
   out.println("用户名:"+name+"<br>");
   out.println("密 码:"+password+"<br>");
   out.println("密码确认:"+repassword+"<br>");
   out.println("电子邮件:"+email+"<br>");
   out.println("电话:"+number+"<br>");
   out.println("地址:"+address+"<br>");
  %>
  <Form action="major.jsp">
    <input type="submit" value="返回登陆页面" >
    </Form>

效果:
在这里插入图片描述
两个主要的部分:

String password=request.getParameter("Password") ;

将Password的数据存入Web容器内部。

application.getAttribute("password")

再将Password的数据从Web容器内部取出。

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 黑客帝国 设计师:白松林 返回首页