9

javaweb从入门到精通实战——JSP环境配置及基础语法

 4 years ago
source link: https://blog.csdn.net/weixin_44989801/article/details/112061328
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

一.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中创建服务器
在这里插入图片描述
点击next,选择自己所下载的Tomcat服务器版本(例如:8.0),选择下载的Tomcat服务器位置

在这里插入图片描述

3.创建第一个javaweb项目

在这里插入图片描述

4.导入开发环境

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

注意:所有的jsp文件都放在WebContent目录下,且不能放在META-INF和WER-INF目录中。
在这里插入图片描述

在这里插入图片描述

二.运行第一个javaweb程序

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

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文件

在这里插入图片描述

3.运行结果为在这里插入图片描述

三.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>

运行结果如下
在这里插入图片描述

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>

在这里插入图片描述

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

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


Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK