JSP介绍(一)

article/2025/10/14 0:23:44

一、JSP是什么,它有什么作用?

Java Server Page,它是用于展示信息操作。

为了servlet展示信息的不方便,引入了JSP。

JSP本质上也是一个servlet!!!!!!

JSP就是在HTML页面中嵌入了java代码。

二、JSP原理

在Tomcat中的web.xml中,有一个默认的servlet,处理不可以处理的请求,还有一个JSPservlet,又叫servlet引擎,所有后缀为.jsp的文件都处理。

当浏览器访问http://localhost:8080/day9_1/index.jsp。服务器发现后缀为.jsp,它会根据路径找到index.jsp文件,会将index.jsp翻译成index_jsp.java文件,对这个java文件进行编译,产生一个index_jsp.class文件,将class文件加载运行。将JSP翻译成java文件,它是将JSP中的所有的HTML代码通过流进行输出,也就是说最终翻译成class,被虚拟机加载,它本质是servlet,它就会往回响应,响应回去就是把JSP中的HTML代码以流的方式写回浏览器。所以在JSP中展示出了HTML代码。

当请求过来,这是第一步,到服务器端,服务器端处理了,找到hello.jsp,服务器怎么处理的,就是在Tomcat中的web.xml配置了一个JSP servlet引擎,根据后缀名,处理了,处理之后会找到这个JSP,然后对这个JSP做一个翻译的过程,把它翻译成了一个java文件,这个java文件会进行编译,编译以后变成class,而后被加载,加载后就执行,就把原来JSP里面的代码,即HTML代码以流的方式写回浏览器。

work --->  catalina -----> localhost ------> day9_1 ------> index_JSP.java

三、怎么在JSP中书写java代码

标签语法用途
声明标签<%! 变量或方法声明%>声明JSP内所使用的全局变量或方法或内部类(它用于定义成员)(写的内容在成员位置上)
表达式<%= 表达式 %>输出java中变量或者表达式的值到页面上(它用于输出) out.print(内容)
程序代码标签<%程序代码%>编写java程序代码,但不可以定义代码(它用于定义局部)(声明的变量在局部位置_jspService方法中)
<%@ 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>
<%! int i = 10; %> <!-- 成员变量 -->
<%! public void show(){} %> <!-- 成员方法 -->
<% int i = 100; %>
<%= "hello" %>
</body>
</html>

注意:<%! %>中的内容,作为类的成员变量和成员函数,写在类的成员位置。

<% %>中的内容,写在_jspService函数中。

<%@ 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>
<%! int i = 10;
%> <!-- 成员变量 -->
<%! public void show(){} 
%> <!-- 成员方法 -->
<% int i = 100; %>
输出函数中的i:<%=i%>
输出成员变量i:<%=this.i %>
</body>
</html>

上面声明,下面可以直接用,因为被编译到一个类中,知道被编译的位置,就可以直接正确使用。

如果把一个数据存在request域中(因为_jspService方法参数就是request和response,所以可以直接用),取值操作如下:

<%@ 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>
<%request.setAttribute("name","tom"); %>
<%=request.getAttribute("name")==null ? "" : request.getAttribute("name") %><br>
${requestScope.name}
</body>
</html>

java代码和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>
<%for(int i = 0; i < 10; i++){%>hello&nbsp;<%=i %><br><%}
%>
</body>
</html>
<%
String path=request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ page language="java" contentType="text/html; charset=UTF-8"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" "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>
<%=path %><br>
<%=basePath %>
<form action="<%=path %>/login"><input type="submit">
</form>
<form action="<%=basePath%>login"><input type="submit">
</form>
</body>
</html>

建议使用<%=path%>/login

 


http://chatgpt.dhexx.cn/article/o6Rba439.shtml

相关文章

MongoDB面试题及答案整理

1.什么是MongoDB MongoDB是一个文档数据库&#xff0c;提供好的性能&#xff0c;领先的非关系型数据库。采用BSON存储文档数据。 BSON&#xff08;&#xff09;是一种类json的一种二进制形式的存储格式&#xff0c;简称Binary JSON. 相对于json多了date类型和二进制数组。 2.…

JSP相关面试题

文章目录 1、Tomcat服务器软件的目录结构说明&#xff0c; 如何配置Tomcat的环境变量&#xff1f;2、如何使用Eclipse创建Web项目&#xff1f;2.1、配置环境2.2、创建项目 3、Java Server Pages的运行原理&#xff1f;4、什么是无状态请求&#xff0c; 应用程序的类型&#xff…

5、JSP面试题总结

文章目录 1、静态包含和动态包含的区别2、jsp有哪些内置对象&#xff1f;作用分别是什么&#xff1f;3、get和post的请求的区别4、JSP属性作用域5、JSP和Servlet的区别6、JSP运行原理7、5中常用的JSTL常用标签8、JSP运行过程9、会话开启/结束的标志10、servlet的生命周期11、转…

Vue打包部署IIS无法请求

ARRv3_0 下载安装URl重写URL Rewrite 第一步安装&#xff0c;IIS配置&#xff0c;打开 第二步,点击 Server Proxy Settings 第三步&#xff0c;选中 应用 Vue打包部署 配置URL重写规则 编写规则后&#xff0c;点击应用 重写路径一vue.config.js保持一致 请求成功

实战Vue打包并自动部署到指定服务器

本文章分三步讲解 第一步&#xff1a;安装需要的依赖 npm install scp2 --save-dev npm install chalk --save-dev npm install ssh2 --save-dev npm install cross-env --save-dev 第二步&#xff1a;在vue项目根目录新建upload.server.js文件 upload.server.js // 服务…

vue项目打包部署到服务器

目录 一、打包项目 二、修改Nginx的配置 三、部署 四、开放端口号 一、打包项目 1. 在 vue.config.js 文件中找到并修改&#xff0c;主要是publicPath 与outputDir 两项配置&#xff0c;若项目中有baseUrl,替换为publicPath &#xff08;baseUrl, vue cli 3.3 已弃用&#…

Vue打包部署到Tomcat服务器

我使用的是Vue-cli(simple)脚手架&#xff0c;目录结构更为简洁。 修改相关的配置&#xff0c;避免部署后常出现的空白页问题&#xff0c;而引起这个问题的根本原因是资源路径问题&#xff1a; 1.一个是index.html中的build.js路径问题&#xff1b; 2.一个是dist中静态资源路径…

vue 打包路由报错_急急急急,vue打包部署后,路由无法跳转

求助 vue打包部署后首页可以正常访问&#xff0c;可是一但点击下一步&#xff1b;就没反应&#xff1b;控制台报错&#xff1a; (打包后的index.html文件和JS文件分别部署在服务器的不同文件夹下&#xff0c;但是在index.html文件中的link路径也做过修改) 我的vue.config.js是&…

vue项目打包部署nginx(全流程)

在服务器上按照nginx&#xff1a; sudo apt-get install nginx 安装后nginx默认运行&#xff0c;在浏览器中打开IP地址&#xff0c;即可看到nginx画面 可以使用sudo systemctl status nginx查看nginx状态&#xff0c;图中主要看第三行Active 如果服务正在运行&#xff08;活动…

Vue打包部署出现白屏

1、问题描述 我们用vue项目在本地跑的时候一切正常&#xff0c;当时我们用npm run build命令打包并部署服务器后&#xff0c;发现Index展示的是白屏&#xff0c;控制台显示资源都能正确访问到 2、原因 出现这个问题的原因就是Vue路由模式的设置问题&#xff0c;首先简单介绍一…

SpringBoot+Vue项目打包部署

本篇目录&#xff1a; 1. SpringBootVue项目分析&#xff1b; 2. 前后端打包&#xff1b; 3. 部署1. SpringBootVue项目分析 通常来说&#xff0c;如果采用这样的开发模式&#xff0c;该工程通常是前后端分离的项目&#xff1b; 就是前端美眉开发前端&#xff0c;然后调用张三…

vue打包部署到tomcat上 页面空白资源加载不出来

1.首先解决静态资源加载不出来的问题&#xff1b; vue3.0解决办法 需要在vue.config.js 添加 publicPath: ‘./’, vue2.0解决办法 找到config目录下的index文件 将assetsPublicPath&#xff1a;‘/’改为assetsPublicPath&#xff1a;‘./’ 做完第一步打包放到tomcat上 静…

vue打包放到java中启动_Springboot+Vue打包部署总结

文章目录 一、Vue打包+部署 1. 打包(npm run build:prod) 2.nginx部署前端vue项目 二、Springboot打包+部署 1.打包(mvn clean package) 2.部署 三、大功告成! 一、Vue打包+部署 1. 打包(npm run build:prod) 打完之后会在src同级目录下生成dist文件下,点开index.html页面在浏…

vue 打包部署在 nginx服务中,以及出现的一些问题

首先来说操作步骤 前提&#xff1a; 1、你已经安装/下载好 nginx 2、你的vue 项目已经打包完成&#xff0c;并得到了 dist 文件夹 部署开始&#xff1a; 1、vue 项目打包&#xff0c;在控制台输入 npm run build 等待打包结束后可在项目的同级目录下得到打包文件夹 dist …

ruoyi前后端分离vue打包部署发布

说明&#xff1a;打包使用的方式是把vue打包成dist文件后&#xff0c;放到若依的“ruoyi_admin”的静态文件模块下面&#xff0c;访问“http://localhost:9070/&#xff08;端口“9070”是我自定义的&#xff09;”即可&#xff01; 步骤&#xff1a; 1、先打包vue后台管理系统…

vue项目打包部署流程

vue项目打包部署流程 一、打包二、部署三、部署多个项目 一、打包 &#xff08;可选&#xff09;去除打包后会生成的map文件&#xff1a;在vue.config.js中添加productionSourceMap: false, map文件作用&#xff1a;项目打包后&#xff0c;代码都是经过压缩加密的&#xff0c;…

TongWeb之vue打包部署

VUE静态资源打包部署在tongweb上刷新页面404问题问题现象 F5刷新就会出现404 问题处理方法 方法一&#xff1a;default-web.xml添加error-page标签 <error-page> <error-code>404</error-code> <location>/index.html</location> </error-…

vue打包部署axios跨域问题

工具版本&#xff1a; 【vue -V】:2.9.6 ide工具&#xff1a;VSCode / Idea 前提&#xff1a;我们前端vue工程需要单独部署 一、本地使用命令运行跨域问题。 外网访问的地址&#xff1a;https://www.runoob.com/try/ajax/json_demo.json 本地springboot接口访问的地址&#x…

SpringBoot + Vue打包部署到本地和远程服务器

最近碰到有人问如何将SpringBoot和Vue进行打包部署到Tomcat服务器&#xff0c;由于Vue接触不是很久所以我自己也感兴趣是如何打包部署到本地或者远程服务器上&#xff08;云端&#xff09;。恰好手上也有一个案例需要部署到远程Tomcat空间&#xff0c;琢磨了一点时间总算是搞清…

Vue项目如何打包并部署(nginx)

使用场景: 我们常使用前后端分离项目时,会需要将前端vue打包然后部署。 一.打包 vue项目其实可以直接通过一下语句进行打包&#xff1a; npm run build 默认打包情况如下: 当我们需要将打包名称以及静态资源位置进行修改时便需要进行相应的配置: 1.首先在项目根目录下创建…