1. 程式人生 > >JavaWeb JSP基礎入門

JavaWeb JSP基礎入門

JSP全稱是Java Servlet Pages,他是建立在Servlet規範之上的動態網頁開發技術,在JSP中,html程式碼與java程式碼共存

一、JSP指令碼元素

jsp指令碼元素包含以下三個型別

1.JSP Scriptlets   2.JSP 宣告語句,3.JSP 表示式   4.JSP 註釋

其中 JSP Scriptlets是將Java程式碼放在<%    %>之間

JSP 宣告語句是將java程式碼放在<%!    %>之間

JSP 表示式是將Java程式碼放在<%=     %>

JSP 註釋是將註釋放在<%--    --%>之間

下面通過一個簡單的程式碼瞭解一下JSP Scriptlets 與JSP 宣告語句的用法

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<%!                 <%--這個就是jsp宣告語句,聲明瞭兩個整數型別資料--%>
    int a=10,b=2;
%>
<%!                 <%--這個同樣是jsp宣告語句,聲明瞭一個print函式--%>
    public String print(){
	    String str = "itcast";
	    return str;
}
%>
<body>
    <%    <%-- 這是一個JSP Scriptlets --%>
        out.println(a+b);
    %>
    <br />
    <%
        out.println(print());
    %>

</body>
</html>

在瀏覽器網址欄輸入http://localhost:8080/web-chapter06/example01.jsp,得到一下結果:

而jsp表示式的格式是將Java程式碼放入<%=    %>

例如上面的jsp檔案也可以寫成

<%= a+b %> <br />
<%= print() %>

二、JSP指令

JSP指令的格式為<%@              %>

1、page指令

page用於宣告指令名稱,屬性用來指定JSP頁面的某些特徵

如下面的程式:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<%@ page import="java.awt.*" %>

上面的程式中使用page指令,指定了語言是java語言,指定了格式是html格式,字元編碼為UTF-8,同時引入了java.awt的包

2、include指令

在實際開發中,有時需要在JSP頁面靜態包含另一個檔案,例如HTML檔案,文字檔案,

具體格式如下

<%@ include file="檔案地址" %>

下面通過樣例演示一下

首先建立一個展示時間的jsp檔案 date.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Insert title here</title>
</head>
<body>
    <% out.println(new java.util.Date().toString()); %>
</body>
</html>

再建一個include.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>歡迎您</title>
</head>
<body>歡迎您,現在的時間是:
    <%@ include file="Date.jsp"%>
</body>
</html>

啟動tomcat,在瀏覽器網址欄輸入http://localhost:8080/web-chapter06/Include.jsp

再在瀏覽器網址欄輸入http://localhost:8080/web-chapter06/Date.jsp

通過上面兩個頁面可以看到Include.jsp檔案成功呼叫了Date.jsp檔案