Java EE基础之JSP

     从本篇文章开始,我会用文章记录下我在学习Java EE过程中的一些笔记和感悟,至于还没有更新结束的Java SE还是会继续写的,只是我觉得一直写语法很枯燥,自己也没法继续下去,所以带着点web学习,会有趣些。我主要学习的书籍是李刚老师的轻量级企业应用实战,后续博文不再声明。本文将从以下几个方面总结一下JSP的基本用法:

  • JSP的基本原理以及和servlet的关系
  • JSP的基本语法
  • 编译指令Page和include
  • 基本的动作指令
  • 内置对象

一、JSP的基本原理以及和servlet的关系      在没有出现 JSP之前,我们访问网站都是访问的Servlet,通过它返回html代码。就像下面这样:

      out.write("\n");
      out.write("\n");
      out.write("<html>\n");
      out.write("  <head>\n");
      out.write("    <title></title>\n");
      out.write("  </head>\n");
      out.write("  <body>\n");
      out.write("\t");
      out.print("<p>hello world</>");
      out.write("\n");
      out.write("  </body>\n");
      out.write("</html>\n");

     所有的html代码都是用这种方式输出到浏览器的,这种将html代码耦合在Java代码中的方式,直接导致前端程序员没法直接参与编码工作,后端程序员的工作量日益增大,这是低效的,是必然要被淘汰的。      在不甘痛苦中,我们发明了JSP,这是一种将Java代码耦合在html代码中的方式,类似于这样:

<html>
  <head>
    <title></title>
  </head>
  <body>
  //输出一个字符串,具体语法,下面介绍
    <p><%="hello,world"%></p>
  </body>
</html>

     这是一个jsp页面,实际上jsp就是servlet的草稿文件,为什么这么说呢?每个jsp页面都会对应一个servlet实例,在编译的时候,编译器会将这个jsp页面读取到servlet实例中。我们看看这个jsp对应的servlet实例的代码:

      out.write("\n");
      out.write("\n");
      out.write("<html>\n");
      out.write("  <head>\n");
      out.write("    <title></title>\n");
      out.write("  </head>\n");
      out.write("  <body>\n");
      out.write("\t\t<p>");     //<p>
      
      out.print("hello,world");  //<%="hello,world"%>
      
      out.write("</p>\n");     //</p>
      out.write("  </body>\n");
      out.write("</html>\n");

     对于jsp中的一般html页面的标签内容,直接是用字符串的形式输出,而对于jsp 语法部分,拿到servlet中执行之后将结果输出。对于整个过程,我们只需要知道,jsp页面中的所有内容都会在编译器编译阶段被一个servlet全部读取,对于其中的html代码,以字符串的形式返回,对于jsp语法,执行之后返回。本质上用户虽然请求的是jsp页面,为用户返回结果的却是servlet。      那有人会问了,既然都是用servlet返回结果,那有了jsp和没有的时候,效率体现在哪呢?我们需要明确的知道,没有jsp之前,所有在servlet中的html代码都是程序员手写的,有了jsp页面之后(等于有了模板了),编译器帮我们完成了读取jsp到servlet中的工作,我们只需要关心html元素布局即可。以上就是jsp和servlet的关系,不知道我有没有说明白,但是为了能够更好的理解后面的内容,建议你还是好好感受一下。

二、JSP的基本语法      在介绍jsp的基本语法之前,我想先带大家看看我们的Tomcat服务器上的各个文件夹都是什么作用。(假设你用的Tomcat服务器)

     这是Tomcat 9 服务器上的基本文件。我们挑几个经常使用的,第一个webapps,这个目录里放的都是你的Web应用,也就是网站的总文件夹。第二个是work目录,这个目录下存放的是对应的每个Web应用中所有使用的jsp文件的对应servlet类,我们说过每个jsp文件都会有一个对应的servlet类,他们就是存放在这个里面的。包括源代码.java和编译后的.class文件,其实很多人认为JSP好像和面向对象没有什么关系了,其实不然,因为每个servlet都是一个Java类,不然如何执行Java脚本。(暂时先了解一下,后面会继续介绍)第三个目录是conf目录,其中存放着一个重要的文件web.xml,这是一个服务器配置文件,可以定义Web应用的默认页面(index.jsp,default.jsp等),就是你不输任何一个页面的地址,直接输入域名时默认访问的页面。其他的一些目录,等用到的时候在说吧。      现在来介绍一下JSP的基本语法,每个servlet类中都会有三个方法,_jspinit(),_jspdestroy(),_jspservice()。第一个方法用来初始化servlet,不用我们关心,第二个方法用来销毁servlet中方法,我们暂时也不关心。重点是第三个方法,这个就是jsp页面中所有内容被读取的目的地,这个方法主要用来响应用户请求,返回html页面回去的,记住这个方法,我们后面会使用到。第一个要介绍的jsp语法是,注释。

<%--这是jsp注释--%>
<!--这是html注释-->

     注释的语法和html的注释语法很像,一个小细节,html的注释在源代码中是能够看到的,而jsp注释你在查看源代码的时候是看不到的,也就是jsp注释是没有被返回给浏览器的。 第二个语法,输出表达式。<%=表达式%>

<html>
  <head>
    <title></title>
  </head>
  <body>
        <%="hello,world"%>
  </body>
</html>

     可以是常量表达式,也可以是变量表达式。还可以是一个函数的返回值。

第三个语法,jsp的声明。<%!声明内容%>

<html>
  <head>
    <title></title>
  </head>
  <body>
        <%!
            public int id;
            public intshowId(){
                return this.id;
            }
        %>
  </body>
</html>

我们打开servlet类看看,

public final class index_jsp extends org.apache.jasper.runtime.HttpJspBase
    implements org.apache.jasper.runtime.JspSourceDependent,
                 org.apache.jasper.runtime.JspSourceImports {

//哪里来的实例变量和实例方法?
            public int id;
            public int showId(){
                return this.id;
            }
            
//响应请求的方法
public void _jspService(final javax.servlet.http.HttpServletRequest request, final javax.servlet.http.HttpServletResponse response)
      throws java.io.IOException, javax.servlet.ServletException {
      ........
    try {
      response.setContentType("text/html;charset=UTF-8");
      pageContext = _jspxFactory.getPageContext(this, request, response,
                null, true, 8192, true);
      _jspx_page_context = pageContext;
      application = pageContext.getServletContext();
      config = pageContext.getServletConfig();
      session = pageContext.getSession();
      out = pageContext.getOut();
      _jspx_out = out;

      out.write("\n");
      out.write("\n");
      out.write("<html>\n");
      out.write("  <head>\n");
      out.write("    <title></title>\n");
      out.write("  </head>\n");
      out.write("  <body>\n");
      out.write("\t\t");
      out.write("\n");
      out.write("  </body>\n");
      out.write("</html>\n");
      ........
    }
}

     从上述servlet源代码中,我们也可以看出来,凡是在jsp中声明的变量或者方法都会成为servlet类对应的实例的成员。我们从一个实例来直观的感受下。

<html>
  <head>
    <title></title>
  </head>
  <body>
        <%!
            public int id;
        %>
        <%=id++%>
  </body>
</html>

     这一段代码执行之后,每刷新一次页面输出的数值就会加一。就是因为id是对应servlet实例的成员变量,这个实例没有被销毁,id的就会一直被保存。就相当于你在_jspservice()方法中输出了id 的值之后,将id加1一样,只要没有对jsp页面修改,这个对应的实例就不会重新编译生成,id的就不会因为刷新而重置。

第四个语法是,JSP脚本。我们可以在jsp页面中使用java的for循环,if,else判断等,只要是Java语法允许的,jsp页面都是可以写的。我们看一个例子:

<html>
  <head>
    <title></title>
  </head>
  <body>
        <%for(int a=0;a<10;a++){%>
            <p>Walker</p>
        <%}%>
  </body>
</html>

     这种语法可能在我们的实际项目中会经常的使用到,比如我要列举数据库中所有User的信息,我们可以使用循环输出,基本的格式前端给你了,你只要将对应的位置使用变量替换即可。像这样:

<html>
  <head>
    <title></title>
  </head>
  <body>
        <%foreach(String name in <%=returnList()%>){%>
            <p>name</p>
        <%}%>
  </body>
</html>

     假设后台写了个returnList方法返回数据库中所有人的信息。你会发现这样写会节省很多代码,不至于有多少用户就会有多少p标签。

     为了读者阅读舒服,篇幅不宜过长。未完,待续。。。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏GreenLeaves

JavaScript之<script>标签简介

向html页面中插入JavaScrpt的主要方法,就是使用<script>元素,下面是Html 4.01为<script>定义的6个属性。 1、async:可选...

18610
来自专栏偏前端工程师的驿站

前端构建:Less入了个门

一、前言                                说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scs...

1807
来自专栏偏前端工程师的驿站

前端构建:Less入了个门

一、前言                                说到前端构建怎能缺少CSS预处理器呢!其实CSS的预处理器有很多啦,比较出名的有Scs...

1777
来自专栏Android自学

【转】jQuery验证控件jquery.validate.js使用说明+中文API

1504
来自专栏逆向技术

PE格式第四讲,数据目录表之导入表,以及IAT表

           PE格式第四讲,数据目录表之导入表,以及IAT表 一丶IAT(地址表) 首先我们思考一个问题,程序加载的时候会调用API,比如我们以前写的...

1865
来自专栏安恒网络空间安全讲武堂

WriteUp分享 | CTF-web

题目 各种绕过哦 TXT? 文件上传测试 本地包含 考细心 正则? PHP很烦人? 一道签到题 抽抽奖 never give up I have a j...

2K8
来自专栏nummy

Tornado入门(六)【模板和UI】

Tornado也可以使用其他任意的模板引擎, 尽管并没有明确规则如何在RequestHandler.render整合进这些引擎。实际上只需要将模板渲染成字符串,...

651
来自专栏老马寒门IT

高性能前端 art-template 模板

官网: https://aui.github.io/art-template/zh-cn/index.html

970
来自专栏陈纪庚

angularjs directive学习心得

transclude有三个选项,true, false, 和object.如果不显示指明的话,默认为false. 当为false的时候,则那个directiv...

851
来自专栏柠檬先生

jquery mobile 移动web(5)

有序列表   <div data-role="content">     <ol data-role="listview" data-theme="...

1935

扫码关注云+社区