言：在CGI（通用网关接口）编程风行的日子，人们纷纷寻思简化并让其更加灵活的新方法和新技术，包括PHP、JSP、ASP。1997年SUN公司推出了servlet，1999年初，SUN公司推出了JSP，实际上在servlet基础上修改而成。JSP即Java服务器页面（Java Server Page），将HTML和JAVA代码使用某种方式结合起来，完成前后端的有效交互。本文通过JSP历史回顾和应用总结来审视过去和开拓未来。

1.从实例项目入手

其实，从现在看来JSP依然极具魅力，据了解很多JSP老项目还在维护。下面使用STS作为IDE构建一个实例项目，先体验其效果。

1.1 动态web项目模板

如下图，使用new dynamic web project创建项目：

1.2修改文件编码

进入preferences修改JSP文件的编码：

1.3 编写简单的JSP文件

新增一个JSP文件到WebContent目录，如下

然后检查并修改编码，应该都是UTF-8，如下图：

如果不是，就修改。

1.4运行和测试

选中项目名称，点邮件菜单的Run as ...-->Run on server

之后出现如下界面：

若没有现存的tomcat server，就自己加一个。点Finish。然后自动调用chrome，界面如下：

自动调用浏览器设置的地方是windows-->Web browser菜单：

1.5增加功能：显示IP地址

（1）显示ip地址：getRemoteAddr

（2）变量声明<%! %>

(3)表达式<%=%>

2.JSP语言介绍

2.1语法

2.2指令

2.3Page指令属性

2.4行为标签

行为标签语法：<jsp:行为名称 attribute="value" />

使用bean是最好用的行为标签，例如，我们创建一个java类：

然后，在JSP中使用useBea/setProperty/getProperty三个行为标签：

测试：

2.5隐含对象（默认创建的对象）

2.6判断语句

判断语句包括两种：if else和switch case

示例如下：

2.7循环语句

循环语句包括两种：for和while

示例如下：

2.8运算符

2.9变量类型

布尔值(boolean)：true 和 false;

整型(int)：与 Java 中的一样;

浮点型(float)：与 Java 中的一样;

字符串(string)：以单引号或双引号开始和结束;

Null：null。

2.10表单处理

以下提供一个例子来说明：

（1）创建FormProcess.jsp文件：

其中提供了两个input输入框。

（2）再创建FormProcessMain.jsp文件，如下：

其中使用request对象的getParameter方法来获取Get参数。

2.11过滤器

JSP过滤器实际上和Servlet过滤器一样。

以下通过示例来说明：

（1）在web.xml中增加一个过滤器：

（2）然后创建过滤器处理类com.hunting.LogFilter，如下：

2.12JSTL（JSP标准标签库）

（1）核心标签：

（2）格式化标签：

（3）SQL标签：

（4）XML标签：

3.JSP历史

下面从前后端分离角度展现JSP的产生和发展脉络。

3.1互联网的产生

1957年美国国防部（DoD）组建了高级研究计划局（ARPA）。1961年7月，MIT工程师Leonard Kleinrock发表Information Flow in Large Communication Nets论文。1962年8月， MIT工程师J.C.R. Licklider和W. Clark发表On-Line Man Computer Communication论文。1967 2月，在ARPA IPTO PI会议上，Larry Roberts组织了有关ARPANET设计方案的讨论。互联网雏形ARPANET由此产生。

互联网最初的目的是访问和复制文件从一台计算机到另一台远程计算机，两台计算机之间有网络，但速度慢，而且经常专用于大学或者研究机构是昂贵的，不支持大规模用户。1970年，ARPANET主机开始使用网络控制协议(NCP)，这就是后来的传输控制协议(TCP)的雏形。

人们基于TCP/IP构建了更快的网络，其中应用层文件传输协议(FTP)规范提供了交换这些文件的标准方法。1973年，文件传输协议(FTP)推出，用于在异构系统之间交换文件。FTP传输的文件并不能有效查看，因此发明了超文本标记语言(HTML)，使我们能够在互联网上看到文档。

3.2万维网的产生

1989年蒂姆伯纳斯-李写了一份关于建立一个通过网络传输超文本系统的报告，其中创建了单行 HTTP 协议，这个协议在1991年被命名为HTTP/0.9，万维网由此产生，1996年超文本传送协议HTTP 1.0发布。

尽管FTP可以传输HTML文件，但是并没有提供有效小文件传输机制和无状态管理能力，超文本传输协议(HTTP)才被发明出来专门用于传输HTML文档，HTTP是一种无连接/无状态协议，这使得许多短连接更加有效，而且可以不使用密码就可以获取HTML文档，这让万维网真正到来，真正体现了互联网的快捷、免费思维。

3.3通用网关接口的产生

上面提到了TCP/IP，HTTP，FTP都是通信管道，后来大家把注意力转向内容。我们感兴趣的文件随着IT技术的发展而快速爆发，例如数据库快速发展导致各种应用系统快速发展。同时，数据的更新频度更加快速，这种即时信息推动了互联网流量快速增长。通过基于HTTP的HTML，最终用户可以浏览位于远程服务器上的文件。

当时，远程服务器属于局域网，局域网连接到互联网需要专用设备，可惜的是这种专用设备并不好用（直到后来路由器和交换机被思科发明出来），因此通用网关接口(CGI)规范被制定出来，它允许Web服务器超越文件服务器并从内部数据库中获取数据，并动态更改HTML。

最初，CGI是在1993年由美国国家超级电脑应用中心（NCSA）为NCSA HTTPd Web服务器开发的，当年NCSA内部有一份简单的CGI规范说明，后来在1997年Ken Coar领导的团队制定了CGI1.1规范，并提交RFC。CGI规范是Web应用程序开发中的一个重大突破，确保了相同的CGI程序在不同的Web服务器上工作。

CGI成为传递动态内容的最常用手段。只是互联网发展太快了，CGI的性能无法跟上，每个对CGI脚本的请求都会产生一个单独的进程。这种设计让CGI在高峰负载时也消耗大量资源。解决方案非常多，功能性和可伸缩性成为关键。

许多CGI替代者都采用服务器端编程技术来实现业务逻辑，包括ASP、ColdFusion、PHP和Perl等等，其中至今仍然在大量使用的是PHP ，PHP 继承自一个老的工程，名叫 PHP/FI，PHP/FI 在 1995 年由 Rasmus Lerdorf 创建，最初只是一套简单的 Perl 脚本，用来跟踪访问他主页的人。然后，即使是PHP，最终由于可移植性和面向对象的编程设计，Java超越了PHP和其他CGI平台。

3.4 JSP的产生

Java自1991年诞生以来已经走过了很长的一段路，当时Sun公司推出了“绿色计划”，试图集成数字消费设备，如电视机、CD播放机和计算机。OAK(名字来自高斯林窗外的一棵橡树!)诞生了，但直到出现HotJava和小程序，才开始活跃起来。1995年，Sun发布了开源Java，向微软发起了挑战，反响巨大。这促使Java深入到服务器端开发领域。

Sun在Java中加入了Internet功能，并在1997年6月发布了servlet接口。servlet以CGI替代为目标。与CGI为每个请求启动一个进程不同，servlet使用更细粒度的线程在单个进程中运行。servlet采用了更有效的体系架构，能够应对互联网上的复杂情况。Java servlet为开发Java Web组件提供了基础。servlet优点是每个额外的并发请求带来的额外开销非常小。

servlet技术需要真正的Java编程技能才能有效应用，外观和良好体验为web应用带来了巨大方便，但是图像支持还不是那么良好。于是Sun公司在1998年发布了JavaServer Pages (JSP)，这来自于微软ASP的启发，也有些人说是复制的，它使得编写动态HTML页面变得容易。

使用JSP的使用非常简单，有些工具（例如Dreamweaver）能让非程序员来构建WWW网站前端页面，当然要servlet带动后端服务器代码（例如javabean）才能完成完整的WWW网站构建工作，这样构建的WWW网站具有模块化、可维护、可伸缩和可移植优点，从而完成简单网站到复杂Web应用程序的转变，从而实现前后端分离。

JSP官方版本1.0和1.1都出现在1999年，都很受欢迎，版本1.2出现于2001年，是目前最流行的实现。

3.5 Node的产生

JSP终究还是含有Java代码，前后端没有彻底分离，因此人们在2009年发明了node-js，这让前端开发人员崛起，他们单纯使用HTML+CSS+JavaScript前端语言就能完成前端页面的开发，而不需要使用含有各种后端交互印记的标签。

于是，基于node-js的React、Angela、VUE框架成为潮流。

1），模板modify_jsp.ftl文件

<%@ page language="java" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<%
String childPath = request.getContextPath();
String basePath = request.getScheme()+"://"
	+request.getServerName()+":"+request.getServerPort()+ childPath +"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
	<%@ include file="/pub/scripts.jsp"%>

    <script type="text/javascript">

		function submit_save() {

			var varName_ = $("#name_").val();
			if(varName_ == null || varName_ == '') {
			    alert("请先输入名称！")
			    return false;
			} else {
                $("#modifyForm").submit();
			}
        }
			

		// 循环字段集，名称字符与元素id获取元素
		<#list mapDataList as listItm >
			美元符("井号${listItm.columnName}").val() 双斜杆 ${listItm.columnComment}
		</#list>
				
    </script>
    
  </head>
  <body>
  		
		<!-- 标题区域 -->
		<div class="tleBg">
			<div class="title">
				<span class="txt"> <em></em><#list mapDataTableComment as listItmCom > ${listItmCom.columnComment} </#list>- 修改
				</span> <a href="javascript：;" class="search-hide"></a>
			</div>
			<div class="clr"></div>
		</div>
  		
  		<!-- 查询维度区域 -->
		<div class="t_list" id="addtable">
			<form name="modifyForm" id="modifyForm" action="<%=childPath %>/<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>Conter/<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>ModifySave" method="post">
				<input type="hidden" name="tid" value="美元符左大括<#list mapDataTableComment as listItmCom > ${listItmCom.columnName} </#list>Dto.tid右大括" />

				<table border="0" cellspacing="0" width="100%" cellpadding="0" class="t_list_1">
					<tbody>

					
					<#list mapDataList as listItm >
						<tr style="line-height: 36px;">
							<td width="15%">
								 
							</td>
							<td width="20%" class="text" style="text-align: right;">
								${listItm.columnComment}：
							</td>
							<td>
								<input type="text" id="${listItm.columnName}" name="${listItm.columnName}" style="width: 300px;" class="inputStyle" value="美元符左大括${listItm.columnName}Dto.name_右大括" />
							</td>
							<td width="15%">
								 
							</td>
						</tr>
					</#list>
					
						
						<tr>
							<td width="15%">
								 
							</td>
							<td width="20%" class="text" style="text-align: right;">
								 
							</td>
							<td>
								<input type="button" id="btn_add" value="保 存" class="t_button_gray" onclick="return submit_save();" />
								<input type="reset" id="btn_rest" value="重 置" class="t_button_gray" />
							</td>
							<td width="15%">
								 
							</td>
						</tr>

					</tbody>
				</table>
			</form>
		</div>
  		
  </body>
</html>

（2），生成修改jsp文件

public class TestCls {

    public static void main(String[] args) throws Exception {
        TestCls testCls = new TestCls();
        String testT00_po = "testT00_user";
        String generFileName = testT00_po + "Modify.jsp";
        testCls.outTemplate(testT00_po, "用户数据"
                , generFileName, "modify_jsp.ftl" );

        System.out.println("执行成功！");
    }

    // 输出到模板
    private void outTemplate(String entryInfoPoName, String tableComment
            , String templateFileName , String templFileName ) throws Exception {

        Configuration configuration = new Configuration();
        String templateDir = "F:\\xbl\\myResource\\temp_test_";
        configuration.setDirectoryForTemplateLoading(new File(templateDir));
        Template template = configuration.getTemplate(templFileName);

        Map<String, List<EntryInfoPo>> dataMap = new HashMap<String, List<EntryInfoPo>>();
        List<EntryInfoPo> listEntryInfo = new ArrayList<EntryInfoPo>();
        listEntryInfo = testMetaAddComment();
        dataMap.put("mapDataList", listEntryInfo );

        // 表注释
        dataMap.put("mapDataTableComment", testTableComment(entryInfoPoName, tableComment ));
        String generFileDir = "F:\\xbl\\myResource\\temp_test_\\gener_file_\\";
        File generFile = new File(generFileDir + templateFileName);
        if(generFile.exists()) {
            generFile.delete();
        }
        generFile.createNewFile();

        Writer outputWriter = new OutputStreamWriter(new FileOutputStream(generFile ) );
//        Writer outputWriter = new OutputStreamWriter(System.out );

        template.process(dataMap, outputWriter);
        System.out.println("输出完成！");
        outputWriter.close();
    }

    // 表注释
    private List<EntryInfoPo> testTableComment(String entryInfoPoName, String tableComment) throws Exception {

        List<EntryInfoPo> listTableComment = new ArrayList<EntryInfoPo>();
        EntryInfoPo entryInfoPo = new EntryInfoPo();
        entryInfoPo.setColumnName(entryInfoPoName);
        entryInfoPo.setColumnComment(tableComment);
        entryInfoPo.setUpperColumnName(firTextUpper( entryInfoPoName ) );
        listTableComment.add(entryInfoPo);
        return listTableComment;
    }

    // 首字母大写
    private String firTextUpper(String scontext ) {
        int textLength = scontext.length();
        String sufText = scontext.substring(1, textLength);
        String firText = scontext.substring(0, 1);
        firText = firText.toUpperCase();
        String finText = firText + sufText;
        return finText;
    }

    private List<EntryInfoPo> testMetaAddComment() throws Exception {

        List<EntryInfoPo> listEntryInfoPo = new ArrayList<EntryInfoPo>();
        Connection connection = getDataBaseConnection();
        Statement statement = connection.createStatement();
        ResultSet resultSet = statement.executeQuery("show full columns from t00_user ");
        while (resultSet.next()) {

            String columnComment = resultSet.getString("Comment");
            String columnName = resultSet.getString("Field");
            columnName = columnName.toLowerCase();
            EntryInfoPo entryInfoPo = new EntryInfoPo();
            entryInfoPo.setColumnName(columnName);
            entryInfoPo.setColumnComment(columnComment);
            listEntryInfoPo.add(entryInfoPo);
        }
        return listEntryInfoPo;
    }
    private Connection getDataBaseConnection() throws Exception {
        // 连接数据库
        Class.forName("com.mysql.jdbc.Driver");
        String databaseUrl = "jdbc:mysql://127.0.0.1:3306/grcdb05?useUnicode=true&characterEncoding=utf8";
        Connection connection = DriverManager.getConnection(databaseUrl, "root", "root");
        return connection;
    }
}

（3），注意替换空格及替换文字