美文网首页javaWeb学习Javawebjsp
Web应用开发: JSP语法编程实践一

Web应用开发: JSP语法编程实践一

作者: Topus | 来源:发表于2018-10-17 15:25 被阅读2次

    实验目标:

    掌握JSP中指令标识、脚本标识、动作标识和注释的使用。

    实验内容:

    (1)编写两个JSP页面,在页面1中有一个表单,用户通过该表单输入用户的姓名并提交给页面2;
    在页面2中输出用户的姓名和人数。如果页面1没有提交姓名或者姓名含有的字符个数大于10,就跳转到页面1
    (2)编写4个JSP页面。页面1、页面2和页面3都含有一个导航条,以便用户方便地单击超链接访问这3个页面;页面4为错误处理页面。要求这3个页面通过使用include动作标记动态加载导航条文件head.txt

    实验代码:

    ·实验一:

    //jsp1.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    <form method=get action=jsp2.jsp> 
          你的名字是:
         <input type=text name=username> 
         <input type=submit value=submit> 
         
    </form> 
    
    </body>
    </html>
    
    //jsp2.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
        
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    
    <%! int count=0; %>
    
        <%  
        
           request.setCharacterEncoding("utf-8");
           String name=request.getParameter("username");  
           session.setAttribute("username",name);
           
           if(name!=""&&name.length()<=10){
             
            out.println("你好,");             
            out.println(name);
            out.println("你是第");
            out.println(++count);
            out.println("个用户"); 
          }else{
    
              /* 使用JavaScript跳转(会有提示框)
              <!-- <script type="text/javascript">  
              window.location="jsp1.jsp";  
              alert(window.location.href);  
              </script> -->   */
              
              /* 使用response对象跳转 */
              response.sendRedirect("jsp1.jsp");  
               
           }%>
          
          
    </body>
    </html>
    

    关于jsp页面跳转的博客(非本人)

    表单输入 第一个用户访问 第二个用户访问 使用JavaScript跳转(会有提示框)

    ·实验二:

    //head.txt
    <table  cellSpacing="1" cellPadding="1" width="60%" align="center" border="0" >
    <tr valign="bottom">
    <td><A href="jsp01.jsp"><font size=3>jsp01.jsp页面</font></A></td>
    <td><A href="jsp02.jsp"><font size=3>jsp02.jsp页面</font></A></td>
    <td><A href="jsp03.jsp"><font size=3>jsp03.jsp页面</font></A></td>
    </tr>
    </Font> 
    </table>
    
    //jsp01.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>Insert title here</title>
    <jsp:include page="head.txt"/>
    </head>
    <body>
    <br/>
    <font size=5 color=red>
    This is jsp01.jsp
    </font>
    </body>
    </html>
    
    //jsp02.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>jsp02</title>
    <jsp:include page="head.txt"/>
    </head>
    <body>
    <br/>
    <font size=5 color=red>
    This is jsp02.jsp
    </font>
    </body>
    </html>
    
    //jsp03.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>jsp03</title>
    <jsp:include page="head.txt"/>
    </head>
    <body>
    <br/>
    <font size=5 color=red>
    This is jsp03.jsp
    </font>
    </body>
    </html>
    
    //jsp04.jsp
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8">
    <title>jsp04</title>
    <jsp:include page="head.txt"/>
    </head>
    <body>
    <br/>
    <font size=5 color=red>
    This is the error page
    </font>
    </body>
    </html>
    
    屏幕快照 2018-10-17 下午3.20.04.png 屏幕快照 2018-10-17 下午3.20.11.png 屏幕快照 2018-10-17 下午3.20.16.png 屏幕快照 2018-10-17 下午3.19.57.png

    相关文章

      网友评论

        本文标题:Web应用开发: JSP语法编程实践一

        本文链接:https://www.haomeiwen.com/subject/veulzftx.html