一.JSP运行环境搭建

1.JSP简介

在进行javaweb项目开发的时候,jsp是必不可少的,在一个jsp界面中,可一包括指令集,HTML,JavaScript,嵌入的java代码,注释和jsp动作标识等内容。jsp与HTML最大的区别点是:在jsp界面中可一穿插java语法片段,但HTML中不可以穿插java片段。

2.搭建jsp开发环境

在创建第一个动态网站之前,我们需要对开发环境进行搭建。.jsp页面的运行在服务器上,我们在这里选择Tomcat服务器(开源免费),大家可以直接在官网上下载。官网下载地址:https://tomcat.apache.org/

在eclipse中创建服务器

jsp 中java 和js调用 jsp和java怎么连接_jsp 中java 和js调用


点击next,选择自己所下载的Tomcat服务器版本(例如:8.0),选择下载的Tomcat服务器位置

jsp 中java 和js调用 jsp和java怎么连接_后端_02

3.创建第一个javaweb项目

jsp 中java 和js调用 jsp和java怎么连接_tomcat_03

4.导入开发环境

jsp 中java 和js调用 jsp和java怎么连接_java_04


jsp 中java 和js调用 jsp和java怎么连接_java_05


jsp 中java 和js调用 jsp和java怎么连接_jsp 中java 和js调用_06


jsp 中java 和js调用 jsp和java怎么连接_jsp 中java 和js调用_07

4.完成服务器以及导包操作后创建第一个jsp界面

注意:所有的jsp文件都放在WebContent目录下,且不能放在META-INF和WER-INF目录中。

jsp 中java 和js调用 jsp和java怎么连接_后端_08

jsp 中java 和js调用 jsp和java怎么连接_jsp 中java 和js调用_09

二.运行第一个javaweb程序

通过以上步骤,我们完成了javaweb动态网站项目的运行环境搭建的工作,接下来,我们来了解一下jsp的基础语法。在一个jsp界面中,可一包括指令集,HTML,JavaScript,嵌入的java代码,注释和jsp动作标识等内容。

jsp 中java 和js调用 jsp和java怎么连接_java_10

1)jsp界面代码第前六行:是指令信息,标识了jsp界面运行的一些约束条件。这些信息都是会自动生成的。

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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">

2)jsp界面代码第第七行:学过HTML的同学肯定知道,这是一个标题标签,用来显示该页面的标题。

3)<body>标签内显示该界面给用户展示的所有内容。学过HTML的同学会发现,jsp界面与HTML的界面十分的像。jsp界面的最大优势就是,中间可以穿插java代码完成一些逻辑操作。

2.在服务器上运行jsp文件

jsp 中java 和js调用 jsp和java怎么连接_web_11

3.运行结果为

jsp 中java 和js调用 jsp和java怎么连接_jsp 中java 和js调用_12

三.JSP基础语法

1.指令标识

指令标识主要用于设定整个JSP页面范圉内都有效的相关信息,它是被服务器解释并执行的,不会产生任何内容输出到网页中。也就是说,指令标识对于客户端浏览器是不可见的。JSP页面的指令标识与我们的身份证类似,虽然公民身份证可以标识公民的身份,但是它并没有对所有见到过我们的人所公开。
jsp的指令标识的语法为:<%@ 指令名 属性1=“属性值1” 属性2=“属性值2” ........%>

例如:<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
2.动作标识<jsp:include>

JSP的动作标识<jsp:include>用于向当前页面中包含其他的文件。被包含的文件可以是动态文件,也可以是静态文件。
例如: 编写3个页面:one.jsp、tow.jsp、there.jsp 3个页面抬头的导航由include动作标记完成。

//这是一个头文件,可以被其他界面加载
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>head.jsp</title>
</head>
<body>
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="0">
	<tr align="center" value="">
		<td><font size="3"><a href="one.jpg">one.jpg<br>页面</a></font></td>
		<td><font size="3"><a href="two.jpg">two.jpg<br>页面</a></font></td>
		<td><font size="3"><a href="there.jpg">there.jpg<br>页面</a></font></td>
	</tr>
</table>
</body>
</html>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>这是one.jsp页面</title>
</head>
<body>
//使用include 标签直接加载head.jsp 文件
<jsp:include page="head.jsp"></jsp:include>
</body>
</html>

运行结果如下

jsp 中java 和js调用 jsp和java怎么连接_tomcat_13

3.动作标识<jsp:forward page="url"/>

通过jsp:forward动作标识可以将请求转发到其他的Web资源,例如,另- -个JSP页面、HTML页面、Servlet 等。执行请求转发后,当前页面将不再被执行,而是去执行该标识指定的目标页面。
例如: 编2个页面:a.jsp b.jsp 通过forword 标签进行页面跳转。

/*a.jsp*/
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>
<body>
/*这是一个中转页*/
<jsp:forward page="b.jsp"/>
</body>
</html>
/*b.jsp*/
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!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>
<body>
<p>这是一个跳转后的界面</p>
</body>
</html>

jsp 中java 和js调用 jsp和java怎么连接_java_14

3.传递参数标识<jsp:param name="/" value="/"/>
<jsp:forward page="b.jsp">
		<jsp:param name="userId" value="520"/>
</jsp:forward>

在上面的代码中,实现了在请求转发到modify,jsp页面的同时,传递了参数userId,其参数值为520。