Web开发基础_Servlet学习_0012_JSP概述

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Coder_Boy_/article/details/82501737

JSP

JSP全名为Java Server Pages,中文名叫java服务器页面,其根本是一个简化的Servlet设计

一种动态网页技术标准,它实现了Html语法中的java扩展(以 <%, %>形式)。JSP与Servlet一样,是在服务器端执行的。通常返回给客户端的就是一个HTML文本,因此客户端只要有浏览器就能浏览。Java Servlet是JSP的技术基础.

案例演示:

工程案例目录结构

pom.xml:

<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
  <modelVersion>4.0.0</modelVersion>
  <groupId>com.study</groupId>
  <artifactId>Jsp01</artifactId>
  <version>0.0.1-SNAPSHOT</version>
  <packaging>war</packaging>
  <dependencies>
  	<dependency>
  		<groupId>javaee</groupId>
  		<artifactId>javaee-api</artifactId>
  		<version>5</version>
  	</dependency>
  </dependencies>
</project>

hello.jsp

<%@page pageEncoding="utf-8"%>
    <!-- 1.可以直接写静态内容(HTML/CSS/JS) -->
<!DOCTYPE html >
<html>
<head>
	<meta charset="utf-8">
	<title>第一个JSP</title>
</head>
<body>
	<!-- 2.可以写Java:
		JSP脚本、JSP表达式、JSP声明 -->
		<!-- 2.3 JSP声明 -->
		<%!
			public int lf(int n){
				return n*n*n;	
			}
		%>
		<jsp:scriptlet>System.out.print(110);</jsp:scriptlet>  
		<ul>
			<!-- 2.1 JSP脚本 -->
			<%
				for(int i=51;i<=60;i++){
			%>
				<!-- 2.2 JSP表达式 -->
				<li><%=lf(i) %></li>
			<%
				}
			%>
		</ul>
		
		<!-- 引入date.jsp -->
		<%@include file="date.jsp" %>
		<ol>
			<li>1</li>
			<li>1</li>
		</ol>
</body>
</html>

date.jsp

<!-- 
	page :设置此文件的编码。
	contentType:设置浏览器对生成的HTML的编码。
	import:导入
 -->
 <%@page pageEncoding="utf-8" 
 contentType="text/html; charset=utf-8"
 import="java.util.*,java.text.*"%>
 <!-- 本页面作为其他页面的一部分使用,
 因此不必写完整,只需要写出内容部分即可。 -->
 <div style="border:1px solid red;width:100px;text-align: center;">
 	<%
 		Date date = new Date();
 		SimpleDateFormat sdf = new SimpleDateFormat("HH:mm:ss");
 		String now = sdf.format(date);
 	%>
 
 	<%=now %>
 </div>

Jsp01工程部署到Tomcat上,运行Tomcat启动案例工程,

浏览器录入http://localhost:8080/Jsp01//hello.jsp 即可:如果没有错误,最终页面显示效果应如下图:

猜你喜欢

转载自blog.csdn.net/Coder_Boy_/article/details/82501737