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}"