1.JSP页面中的HTML内容称之为JSP模版元素。
2.JSP模版元素定义了网页的基本骨架,即定义了页面的结构和外观。
1.JSP脚本表达式(expression)用于将程序数据输出到客户端
语法:<%= 变量或表达式 %>
举例:当前时间:<%= new java.util.Date() %>
2.JSP引擎在翻译脚本表达式时,会将程序数据转成字符串,然后在相应位置用out.print(…) 将数据输给客户端。
3.JSP脚本表达式中的变量或表达式后面不能有分号(;)
1.JSP脚本片断(scriptlet)用于在JSP页面中编写多行Java代码。语法:
<%
多行java代码
%>
2.注意:JSP脚本片断中只能出现java代码,不能出现其它模板元素, JSP引擎在翻译JSP页面中,会将JSP脚本片断中的Java代码将被原封不动地放到Servlet的_jspService方法中。
3.JSP脚本片断中的Java代码必须严格遵循Java语法,例如,每执行语句后面必须用分号(;)结束。
1.在一个JSP页面中可以有多个脚本片断,在两个或多个脚本片断之间可以嵌入文本、HTML标记和其他JSP元素。
举例:
<% int x = 10; out.println(x); %> <p>这是JSP页面文本</p> <% int y = 20; out.println(x); %>
3.单个脚本片断中的Java语句可以是不完整的,但是,多个脚本片断组合后的结果必须是完整的Java语句,例如:
<% for (int i=1; i<5; i++) { %> <H1>www.it315.org</H1> <% } %>
JSP页面中编写的所有代码,默认会翻译到servlet的service方法中, 而Jsp声明中的java代码被翻译到_jspService方法的外面。语法:
<%!
java代码
%>
所以,JSP声明可用于定义JSP页面转换成的Servlet程序的静态代码块、成员变量和方法 。
多个静态代码块、变量和函数可以定义在一个JSP声明中,也可以分别单独定义在多个JSP声明中。
JSP隐式对象的作用范围仅限于Servlet的_jspService方法,所以在JSP声明中不能使用这些隐式对象。
案例
<%! static { System.out.println("loading Servlet!"); } private int globalVar = 0; public void jspInit() { System.out.println("initializing jsp!"); } %> <%! public void jspDestroy() { System.out.println("destroying jsp!"); } %>
JSP注释的格式:
<%-- 注释信息 --%>
JSP引擎在将JSP页面翻译成Servlet程序时,忽略JSP页面中被注释的内容。
注释
有三种注释方式
HTML注释(输出注释):指在客户端查看源代码时能看见注释。例如,
<!-- this is an html comment.it will show up int the response. -->
JSP页注释(隐藏注释):指注释虽然写在JSP程序中,但不会发送给客户,因此在客户端查看源代码时不能看见注释。这样的注释在JSP编译时被忽略掉。
<%--this is a JSP comment.it will only be seen in jsp code--%>
Java注释:只能出现在Java代码区中,不允许直接出现在页面中。//单行注释 /*多行注释*/
实例
编写index1.jsp页面,页面中提供两个输入文本框,用来收集用户提交的数据,并提供“提交”和“取消”按钮,方便用户提交或取消相应的操作。
编写result1.jsp页面,根据用户提交的数字,显示基于这个数字所形成的乘法表。
案例源码:
//Index1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'index1.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body background="images/tupian.jpg"> <center> <p align="center">请输入两个自然数给你打印乘法口诀表</p> <form action="jiujiu.jsp" method="post"> <table border="2px" cellpadding="0" cellspacing="0"> <tr> <td>startNumber:</td> <td><input type="text" name="startNumber"/></td> </tr> <tr> <td>endNumber:</td> <td><input type="text" name="endNumber"/></td> </tr> <tr> <td><center><input type="submit" value="提交"></td> <td><center><input type="reset" value="重置"/></td> </tr> </table> </form> </center> </body> </html>
//result1.jsp
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>My JSP 'jiujiu.jsp' starting page</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page"> <!-- <link rel="stylesheet" type="text/css" href="styles.css"> --> </head> <body> <font size=12 color=red>亲,这就是你想要的乘法口诀表!!</font> <br> <% //int startNum=Integer.valueOf(request.getParameter("startNumber")); int startNum=Integer.parseInt(request.getParameter("startNumber")); //int endNum=Integer.valueOf(request.getParameter("endNumber")); int endNum=Integer.parseInt(request.getParameter("endNumber")); for(int i=startNum; i<=endNum; i++) { for(int j=1; j<=i; j++) { out.print(j+"*"+i+"="+(i*j)+"\t"); out.print(" "); } out.print("<br/>"); } %> </body> </html>