Jsp&Servlet入门级项目全程实录第1讲

惯例广告一发，对于初学真，真的很有用www.java1234.com，去试试吧！

1、jdbc数据库连接（略）

2、登录表单
     2.1设置内边距
          <dir style="padding-top:50px;">
     2.2加载背景图片，设置居中及尺寸
          <table background="images/login.jpg" width="740" height="500" align="center" >
     2.3用户名
         <input type="text" value="" name="userName" id="userName">
     2.4密码
         <input type="password" value="" name="password" id="password">
     2.5登录
          <input type="submit" value="登录" name="" >
          <input type="button" value="重置" name="" >
     2.6js重置
          <input type="button" value="重置" onclick="resetValue()">
          调用onclick方法
          <script type="text/javascript">
     function resetValue(){
          document.getElementById("userName").value="";
          document.getElementById("password").value="";
     }
</script>
function js函数
document js DOM对象
getElementById通过元素ID属性获取元素
getElementByName通过元素Name属性获取一个数组
document.getElementByName("userName")[0]

3、登录servlet
     3.1新建LoginServlet
     3.2继承extends HttpServlet
     3.3创建doGet、doPost方法（修改request response）
     3.4在doGet方法中设置doPost调用this.doPost(request, response);
     3.5配置Servlet web.xml
     <servlet>
    <servlet-name>loginServlet</servlet-name>
    <servlet-class>com.java1234.web.LoginServlet</servlet-class>
     </servlet>
     <servlet-mapping>
    <servlet-name>loginServlet</servlet-name>
    <url-pattern>/login</url-pattern>
     </servlet-mapping>
     servlet-name 名称
     servlet-class 位置包括包名和类名
     url-pattern 映射访问URL
     3.6调用getParameter方法来获取URL里userName、password字符串中的值
          String userName=request.getParameter("userName");
          String password=request.getParameter("password");

4、通过setAttribute方法在request对象中添加一个属性
      request.setAttribute("error", "用户名或密码为空!");

5、EL表达式
      request.setAttribute("error", "用户名或密码为空!");
      ${error}
      ${error}=${requestScope.error}在request范围内查找error名的值

      request.setAttribute("userName", userName);
      request.setAttribute("password", password);
      <input type="text" name="userName" value="${userName}" id="userName">
     <input type="password" name="password" value="${password}" id="password">

6、服务器端和客户端跳转
     6.1服务器端跳转
          request.getRequestDispatcher("index.jsp").forward(request, response);
     6.2客户端跳转
          response.sendRedirect("main.jsp");     

7、保存客户输入记录
//       调用getParameter方法来获取URL里userName、password字符串中的值
          String userName=request.getParameter("userName");
          String password=request.getParameter("password");
          
//       保存客户输入记录
          request.setAttribute("userName", userName);
          request.setAttribute("password", password);

value="${userName}"
value="${password}"