两万字速通JSP(2)

<%–2、输出浮点型–%>

<%=13.14%>

<%–3、输出字符串–%>

<%=“这是一个字符串”%>

<%–4、输出对象–%>

<%=map%>

运行后:

源文件:

表达式脚本的特点:


1、所有的表达式脚本都会被翻译到_jspServlet()方法中

2、表达式脚本都会被翻译成为out.print()输出到页面上

3、由于表达式脚本翻译的内容都在_jspServlet()方法中,所以_jspServlet()方法中的对象可以直接使用。

4、表达式脚本中的表达式不能以分号结束。

_jspServlet类中

public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)

throws java.io.IOException, javax.servlet.ServletException {

final java.lang.String _jspx_method = request.getMethod();

if (!“GET”.equals(_jspx_method) && !“POST”.equals(_jspx_method) && !“HEAD”.equals(_jspx_method) && !javax.servlet.DispatcherType.ERROR.equals(request.getDispatcherType())) {

response.sendError(HttpServletResponse.SC_METHOD_NOT_ALLOWED, “JSP 只允许 GET、POST 或 HEAD。Jasper 还允许 OPTIONS”);

return;

}

final javax.servlet.jsp.PageContext pageContext;

javax.servlet.http.HttpSession session = null;

final javax.servlet.ServletContext application;

final javax.servlet.ServletConfig config;

javax.servlet.jsp.JspWriter out = null;

final java.lang.Object page = this;

javax.servlet.jsp.JspWriter _jspx_out = null;

javax.servlet.jsp.PageContext _jspx_page_context = null;

}

代码脚本

====

代码脚本的格式是:<%     java语句       %>

脚本的作用是代码:可以在jsp页面中,编写我们自己需要的功能(写的是java语句)。

练习:

1、代码脚本——if语句

2、代码脚本——循环语句

3、翻译后java文件中_jspService方法内的代码都可以写

<%–1、代码脚本——if语句–%>

<%

int i=1;

if(i==1){

System.out.println(“2022年2月寒假中”);

}else{

System.out.println(“马上要开学了”);

}

%>

<%–2、代码脚本——循环语句–%>

<%

for(int j=0;j<5;j++){

System.out.println(j);

}

%>

<%–3、翻译后java文件中_jspService方法内的代码都可以写–%>

<%

String username = request.getParameter(“username”);

System.out.println(“username为”+username);

%>

运行结果:

jsp源码中:

代码脚本的特点


1、代码脚本翻译之后都是在_jspService方法中

2、代码脚本由于翻译到_jspService()方法中,所以在_jspService()方法中的现有对象都可以直接使用。

3、还可以由多个代码脚本块组合完成一个java语句

4、代码脚本还可以和表达式脚本一起组合使用,在jsp页面中输出数据。

<%

for(int j=0;j<5;j++){

%>

<%=j%>

<%

}

%>

jsp页面中:

jsp的三种注释

========

html注释:

java注释:

<%

//java单行注释

/* java多行注释 */

%>

jsp注释

<%–jsp注释–%>

java注释会被翻译到java源代码中。jsp注释可以注释jsp页面中的所有代码

jsp九大内置对象

==========

jsp九大内置对象,是指Tomcat在翻译jsp页面成为Servlet源代码后,内部提供的九大对象,叫内置对象。

request                  请求对象

response                响应对象

pageContext          jsp的上下文对象

session                 会话对象

application             ServletContext对象

config                     ServletConfig对象

exception                异常对象

out                          jsp输出流对象

jsp四大域对象

========

域对象是可以向Map一样存取数据的对象。四个域对象功能一样,他们对数据的存取范围不同

四个域对象分别是:

域对象所属类访问范围
pageContext(PageContextImpl类)当前jsp页面范围内有效
request(HttpServletRequest类)一次请求内有效
session(HttpSession类)一个会话范围内有效(打开浏览器访问服务器,直到关闭浏览器)
application(ServletContext类)整个web工程范围内都有效(只要web工程不停止,数据都在)

//往四个域都分别保存了数据

<%

pageContext.setAttribute(“key”,“pageContext”);

request.setAttribute(“key”,“request”);

session.setAttribute(“key”,“session”);

application.setAttribute(“key”,“application”);

%>

pageContext域是否有值:<%=pageContext.getAttribute(“key”)%>

request域是否有值:<%=pageContext.getAttribute(“key”)%>

session域是否有值:<%=session.getAttribute(“key”)%>

application域是否有值:<%=application.getAttribute(“key”)%>

创建另一个jsp页面:

其他范围测试:

他们的范围是从小到大的,使用时一般先使用小范围,小范围不够用再使用范围。(内存优化的原因)

小:pageContext
request
session
大:application

jsp中的out输出和response.getWriter输出的区别

==================================

我们可以发现,无论谁在前输出的结果,都是response的在前

图示分析:

当jsp页面中的所有代码执行完之后会做的操作:

1、执行out.flush()操作,会把out缓冲区的数据追加写入到response缓冲区末端。

2、会执行response的刷新操作,会把数据写给客户端。

验证:

由于jsp翻译之后,底层源代码都是使用out来进行输出,所以一般情况下,我们在jsp页面统一使用out进行输出。避免打乱页面输出的顺序。

out.print()和out.write()

========================

out.write()输出字符串字符串没问题

out.print()可以输出任意数据(都会转化成字符串后调用write输出)

结论:在jsp页面中,可以统一使用呢out.print()来进行输出

jsp常用标签

=======

静态包含


web下创建一个include目录,里面分别写main.jsp和footer.jsp

footer.jsp下

Insert title here

页脚信息

main.jsp下

首页

主体

<%–

include file=“” 就是静态包含

file属性指定你要包含的页面路径

地址中的第一个斜杆 / 表示http://ip:port/工程路径/ 映射到idea为web

–%>

<%@include file=“/include/footer.jsp” %>

include file=" " 就是静态包含

file属性指定你要包含的页面路径

地址中的第一个斜杆 / 表示http://ip:port/工程路径/ ,映射到idea中为web目录

修改footer.jsp内容

<%@ page language=“java” contentType=“text/html; charset=utf-8” pageEncoding=“utf-8” %>

Insert title here

页脚信息

修改后,主页显示

动态包含


格式:

<jsp:include page=“/include/footer.jsp”></jsp:include>

动态包含也可以和静态包含一样

动态包含的特点:

1、动态包含会把包含的jsp页面也翻译成java代码

2、动态包含底层代码使用如下代码去调用被包含的jsp页面执行输出。

JspRuntimeLibrary.include(request,response,“/include/footer.jsp”,out,false);

请求转发


格式:

<jsp:forward page=" "></jsp:forward>

jsp练习

=====

练习1


打印九九乘法表

九九乘法表

<%

for(int i=1;i<10;i++){

for(int j=1;j<=i;j++){

%>

<%=j+"“+i+”="+(ij)%>

<%

}

%>


<%

}

%>

练习2


存储学生信息并打印

pojo包下的student类

package pojo;

public class Student {

private String name;

private int id;

private int age;

public Student(String name, int id, int age) {

this.name = name;

this.id = id;

this.age = age;

}

public Student() {

}

public String getName() {

return name;

}

public void setName(String name) {

this.name = name;

}

public int getId() {

return id;

}

public void setId(int id) {

this.id = id;

}

public int getAge() {

return age;

}

public void setAge(int age) {

this.age = age;

}

@Override

public String toString() {

return “Student{” +

“name='” + name + ‘’’ +

“, id=” + id +

“, age=” + age +

‘}’;

}

}

text1.jsp下

<%@ page import=“java.util.List” %>

<%@ page import=“pojo.Student” %>

<%@ page import=“java.util.ArrayList” %>

<%@ page language=“java” contentType=“text/html; charset=utf-8” pageEncoding=“utf-8” %>

Insert title here

<%-- 设置样式–%>

<%

List list=new ArrayList<>();

for (int i=1;i<=10;i++){

list.add(new Student(“name”+i,i,10+i));

}

%>

<%for (Student student:list){%>

<%-- tr是一行,td为一列–%>

<%=student.getName()%> <%=student.getId()%> <%=student.getAge()%>

<% } %>

请求转发使用说明

========

流程图:

SearchStudentServlet类下

package com.Servlet;

import pojo.Student;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

import java.util.ArrayList;

import java.util.List;

public class SearchStudentServlet extends HttpServlet {

@Override

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {

//获取请求参数

//发sql语句查询学生信息

//使用for循环生成查询到的数据做模拟

List list=new ArrayList<>();

for (int i=1;i<=10;i++){

list.add(new Student(“name”+i,i,10+i));

}

//保存查询到的数据到Request域中

req.setAttribute(“stuList”, list);

//请求转发到之外的showStudent.jsp中

req.getRequestDispatcher(“/showStudent.jsp”).forward(req, resp);

}

}

web.xml下:

SearchStudentServlet

com.Servlet.SearchStudentServlet

SearchStudentServlet

/searchStudentServlet

showStudent.jsp下

<%@ page import=“java.util.List” %>

<%@ page import=“pojo.Student” %>

<%@ page import=“java.util.ArrayList” %>

<%@ page language=“java” contentType=“text/html; charset=utf-8” pageEncoding=“utf-8” %>

Insert title here

<%-- 设置样式–%>

<%

List list= (List) request.getAttribute(“stuList”);

%>

<%for (Student student:list){%>

<%-- tr是一行,td为一列–%>

<%=student.getName()%> <%=student.getId()%> <%=student.getAge()%>

<% } %>

运行结果:

Listener监听器

============

1、Listener监听器他是JavaWeb的三大组件之一。javaweb的三大组件分别是servlet程序、filter过滤器、Listenter监听器。

2、Listenter他是javaEE的规范,规范就是接口

3、监听器的作用是,监听某种事务的变化,然后通过回调函数,反馈给客户或程序去做一些相应的处理。

ServletContextListenter监听器


ServletContextListener他可以监听ServletContext对象的创建和销毁。

ServletContext对象在web工程启动的时候,在web工程停止的时候销毁。

ServletContextListener监听器监听ServletContext对象的步骤

1、编写一个类去实现ServletContextListener

2、实现器两个回调方法

3、到web.xml中去配置监听器

创建类和实线两个方法

package com.Listener;

import javax.servlet.ServletContextEvent;

import javax.servlet.ServletContextListener;

public class MyServletContextListenerImpl implements ServletContextListener {

@Override

public void contextInitialized(ServletContextEvent servletContextEvent) {

System.out.println(“Servlet对象被创建了”);

}

@Override

public void contextDestroyed(ServletContextEvent servletContextEvent) {

System.out.println(“Servlet对象被销毁了”);

}

}

web.xml中配置

com.Listener.MyServletContextListenerImpl

EL表达式改进JSP

===========

JSP的缺点


由于jsp页面内,既可以定义HTML标签,又可以定义java代码,造成了以下问题

1、书写麻烦:特别是复杂的页面

2、阅读麻烦

3、复杂度高:运行需要依赖各种环境,JRE。JSP容器(tomcat服务器)…

4、占用内存和磁盘:JSP会自动生成.java和.class文件占磁盘,运行.class文件占内存

5、调试困难:出错后,需要找到自动生成的.java文件进行调试

6、不利团队写作:前后端人员

JSP已经逐渐退出历史舞台,取而代之的是html和Ajax

演化过程:

最好不要直接在jsp里写java代码

EL表达式


Expression Language表达式语言,用于简化JSP页面内的java代码

主要功能:获取数据

语法:${expression}

如:${brands}:获取域中存储的key为brands的数据

idea中使用Maven时常见问题

=================

idea中使用了maven无法创建包/类


没有源文件,将其中的一个文件添加为源文件,就可创建包或类了(项目结构中标蓝)

idea中配置web的maven项目


maven创建的web中无法创建servlet


maven中部署tomcat插件


pom.xml文件中写入

org.apache.tomcat.maven

tomcat7-maven-plugin

2.2

8080

/jsp-demo02

EL表达式的演练

========

创建一个com.web.ServletDemo1类

package com.web;

import javax.servlet.ServletException;

import javax.servlet.annotation.WebServlet;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import java.io.IOException;

import java.util.ArrayList;

import java.util.List;

@WebServlet(“/demo1”)

public class ServletDemo1 extends HttpServlet {

protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

//添加数据

List list=new ArrayList<>();

list.add(“zhangSan1”);

list.add(“zhangSan2”);

list.add(“zhangSan3”);

list.add(“zhangSan4”);

list.add(“zhangSan5”);

System.out.println(list);

//2、存储到request域中,可以转发到jsp页面中从而使用EL表达式

request.setAttribute(“lists”, list);

//3、转发到el-demo.jsp

request.getRequestDispatcher(“/el-demo.jsp”).forward(request, response);

}

}

在web.app目录下创建el-demo.jsp,其中写入${lists}即可

<%@ page language=“java” contentType=“text/html; charset=utf-8”

isELIgnored=“false”

pageEncoding=“utf-8” %>

Insert title here

${lists}

运行结果

JSTL改进jsp中java代码

================

jstl快速入门


1、导入坐标

在maven中的pom.xml文件中导入如下jstl所需要的jar坐标即可

jstl

jstl

1.2

taglibs

standard

1.1.2

2、在jsp页面上引入jstl标签库

<%@taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>

prefix是给这个标签起一个前缀,可以任意,一般起为c,c标签库,uri表示jstl标签库的位置

<c: if>

等价判断于java中的if else

<c:if test=“true”>

true

</c:if>

<c:if test=“false”>

false

</c:if>

test是表达式," "下面的是表达,一般和el表达式一起用,如:

<c:if test=“${tip==1}”>

启用

</c:if>

<c:if test=“${tip==0}”>

禁用

</c:if>

<c:forEach>:

相当于for循环

items:被遍历的容器

var:遍历产生的临时变量

varStatus:遍历的编号,有两种:从1开始(count)和从0开始(index)

等价于for(ArrayList items:var ){}

<%–jstl语法遍历,var是一个指指针–%>

<c:forEach items=“${arr}” var=“item” varStatus=“s”>

${s.index} ${item.getU_id()}

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)

最后:

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。

点击这里领取Web前端开发经典面试题

2、在jsp页面上引入jstl标签库

<%@taglib prefix=“c” uri=“http://java.sun.com/jsp/jstl/core” %>

prefix是给这个标签起一个前缀,可以任意,一般起为c,c标签库,uri表示jstl标签库的位置

<c: if>

等价判断于java中的if else

<c:if test=“true”>

true

</c:if>

<c:if test=“false”>

false

</c:if>

test是表达式," "下面的是表达,一般和el表达式一起用,如:

<c:if test=“${tip==1}”>

启用

</c:if>

<c:if test=“${tip==0}”>

禁用

</c:if>

<c:forEach>:

相当于for循环

items:被遍历的容器

var:遍历产生的临时变量

varStatus:遍历的编号,有两种:从1开始(count)和从0开始(index)

等价于for(ArrayList items:var ){}

<%–jstl语法遍历,var是一个指指针–%>

<c:forEach items=“${arr}” var=“item” varStatus=“s”>

${s.index} ${item.getU_id()}

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

[外链图片转存中…(img-IhgUNAwk-1711661071858)]

[外链图片转存中…(img-cnqZFsAF-1711661071858)]

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上前端开发知识点,真正体系化!

[外链图片转存中…(img-tAvPb6rT-1711661071859)]

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(资料价值较高,非无偿)

最后:

总结来说,面试成功=基础知识+项目经验+表达技巧+运气。我们无法控制运气,但是我们可以在别的地方花更多时间,每个环节都提前做好准备。

面试一方面是为了找到工作,升职加薪,另一方面也是对于自我能力的考察。能够面试成功不仅仅是来自面试前的临时抱佛脚,更重要的是在平时学习和工作中不断积累和坚持,把每个知识点、每一次项目开发、每次遇到的难点知识,做好积累,实践和总结。

点击这里领取Web前端开发经典面试题

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值