百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

JavaEE 从入门到放弃(三):为什么要用 JSP?

yuyutoo 2024-10-12 01:06 2 浏览 0 评论

一、Servlet 与 JSP

Servlet 通常使用字符串拼接的方式动态生成 html,大量的 html 内容使代码难以维护、可读性差。

感受一下,简单地加一个 table 得酱写:


都快看不出来是 Java 代码了。

后来,大佬们想,既然能在 Java 中写 html,能不能在 html 中写 Java 呢?

于是 JSP(JavaServer Pages) 诞生了。

JSP 是基于 Servlet API 的,所以拥有 Servlet 拥有的一系列好处,可以实现各种功能,同时可以很方便地编写或修改网页,不用面对大量的 println 语句,但是,什么事情都要把握一个度,在 html 中混入大量、复杂的业务逻辑也是不可取的。

一种双剑合璧、扬长避短的方法是把 Servlet 当成 Controller 层,用于处理浏览器请求,并调用核心业务逻辑(Model)。而 JSP 则用作 View 层,负责动态地把处理结果输出到 html 中去。

Model、View、Controller,没错,这就是我们所说的 MVC 模式啦!这里先不赘述,以后会有一篇文章专门介绍 MVC 。

二、JSP 简介

JSP 是如何实现这种功能的呢?

通过分析源码,我们发现,JSP 被服务器 “转译” 成了 Servlet。

我们知道,在服务器中部署 Servlet,需要先把 Servlet 编译成 .class 文件,所以添加或修改 Servlet 需要重启服务器才能生效。而 JSP 的转译与编译均由服务完成,服务器如果设置了 JSP 监视,则不需重启就可以应用新增或修改的 JSP。

下面动手来个实践。

本部分内容来自 How2J 的 JSP 教程

test.jsp

在 web 目录下新建一个文件 test.jsp
(Tomcat 的 web 根目录为 /webapps/ROOT)

<%@page contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*"%>
 
hello,jsp
 
<br>
 
<%=new Date().toLocaleString()%>
12345678

访问 localhost/test.jsp,可以看到运行结果

1 代码分析

Page 指令

<%@page contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8" import="java.util.*"%>
1

<%@page ... %> 是 JSP 的 Page 指令,为浏览器提供当前页面的使用说明,与 html 的头对应。等价的 XML 格式为

<jsp:directive.page contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8" import="java.util.*"/>
1

JSP 表达式

JSP 表达式的语法格式为:<%= 表达式 %>,JSP表达式会先被转化为 String,然后插入到表达式出现的地方。

<%=new Date().toLocaleString()%>
1

本行代码输出当前的时间。

表达式可以出现在文本行中,而不一定是 html 标签。可以使用任何符合 Java 语言规范的表达式。

JSP 执行过程

test.jsp 的执行过程为:

  1. test.jsp 被转译为 test_jsp.java(该类继承自 HttpJspBase,而 HttpJspBase 继承自 HttpServlet)
  2. test_jsp.java 被编译成 hello_jsp.class
  3. 执行 hello_jsp.class,生成 html
  4. 通过 HTTP 协议把 html 响应返回给浏览器

2 页面元素

除了上面提到的指令表达式,JSP 还有以下几种页面元素:

静态内容

即 html/css/javascript 等内容

Scriptlet

<% %> 之间,可以写任何 Java 代码

声明

<% ! %> 之间可以声明字段或方法,但是不建议这么做。

动作

<jsp:include page="Filename"> 在 JSP 页面中包含另一个页面。

注释

<%-- jsp代码 --%>
1

3 其它细节

其它细节方面的内容感兴趣的小伙伴可以自行去了解,还是那句话,编程最重要的是动手去做,不撸个几百万行代码怎么好意思说自己室程序员呢?

Servlet 和 JSP 实际上是各有千秋,我们应该如何扬长避短呢?且听下回分解——


相关推荐

jQuery VS AngularJS 你更钟爱哪个?

在这一次的Web开发教程中,我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题,即jQuery和AngularJS之间的区别是什么?也就是说jQueryVSAngularJS?...

Jquery实时校验,指定长度的「负小数」,小数位未满末尾补0

在可以输入【负小数】的输入框获取到焦点时,移除千位分隔符,在输入数据时,实时校验输入内容是否正确,失去焦点后,添加千位分隔符格式化数字。同时小数位未满时末尾补0。HTML代码...

如何在pbootCMS前台调用自定义表单?pbootCMS自定义调用代码示例

要在pbootCMS前台调用自定义表单,您需要在后台创建表单并为其添加字段,然后在前台模板文件中添加相关代码,如提交按钮和表单验证代码。您还可以自定义表单数据的存储位置、添加文件上传字段、日期选择器、...

编程技巧:Jquery实时验证,指定长度的「负小数」

为了保障【负小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【负小数】的方法。HTML代码<inputtype="text"class="forc...

一篇文章带你用jquery mobile设计颜色拾取器

【一、项目背景】现实生活中,我们经常会遇到配色的问题,这个时候去百度一下RGB表。而RGB表只提供相对于的颜色的RGB值而没有可以验证的模块。我们可以通过jquerymobile去设计颜色的拾取器...

编程技巧:Jquery实时验证,指定长度的「正小数」

为了保障【正小数】的正确性,做成了通过Jquery,在用户端,实时验证指定长度的【正小数】的方法。HTML做成方法<inputtype="text"class="fo...

jquery.validate检查数组全部验证

问题:html中有多个name[],每个参数都要进行验证是否为空,这个时候直接用required:true话,不能全部验证,只要这个数组中有一个有值就可以通过的。解决方法使用addmethod...

Vue进阶(幺叁肆):npm查看包版本信息

第一种方式npmviewjqueryversions这种方式可以查看npm服务器上所有的...

layui中使用lay-verify进行条件校验

一、layui的校验很简单,主要有以下步骤:1.在form表单内加上class="layui-form"2.在提交按钮上加上lay-submit3.在想要校验的标签,加上lay-...

jQuery是什么?如何使用? jquery是什么功能组件

jQuery于2006年1月由JohnResig在BarCampNYC首次发布。它目前由TimmyWilson领导,并由一组开发人员维护。jQuery是一个JavaScript库,它简化了客户...

django框架的表单form的理解和用法-9

表单呈现...

jquery对上传文件的检测判断 jquery实现文件上传

总体思路:在前端使用jquery对上传文件做部分初步的判断,验证通过的文件利用ajaxFileUpload上传到服务器端,并将文件的存储路径保存到数据库。<asp:FileUploadI...

Nodejs之MEAN栈开发(四)-- form验证及图片上传

这一节增加推荐图书的提交和删除功能,来学习node的form提交以及node的图片上传功能。开始之前需要源码同学可以先在git上fork:https://github.com/stoneniqiu/R...

大数据开发基础之JAVA jquery 大数据java实战

上一篇我们讲解了JAVAscript的基础知识、特点及基本语法以及组成及基本用途,本期就给大家带来了JAVAweb的第二个知识点jquery,大数据开发基础之JAVAjquery,这是本篇文章的主要...

推荐四个开源的jQuery可视化表单设计器

jquery开源在线表单拖拉设计器formBuilder(推荐)jQueryformBuilder是一个开源的WEB在线html表单设计器,开发人员可以通过拖拉实现一个可视化的表单。支持表单常用控件...

取消回复欢迎 发表评论: