如何使用 JSP 开发单页应用程序？答案

【问题标题】：How to develop single page application using JSP?如何使用 JSP 开发单页应用程序？
【发布时间】：2018-07-18 19:31:06
【问题描述】：

我想使用 spring boot、jsp、bootstrap 和 hibernate 开发一个应用程序。我的每个 jsp 页面的页眉、页脚和左窗格都相同，但只有中间部分会根据功能进行更改。而且我不想创建每个页面都复制相同的内容，甚至不想通过在每个 JSP 中添加所有 UI 依赖项来影响应用程序性能。所以有人可以建议我处理它的最佳方法。

我搜索并找到了 Angular JS 和 react JS 选项，但我已经有一个使用 Spring 4、JSP、Hibernate 技术堆栈构建的应用程序，而我必须开发的一个应用程序将与旧的集成，所以我认为技术堆栈可能会影响集成。对于集成，我正在考虑 Maven 多模块项目。

因此我需要建议，因为我处于开发的初始阶段。

【问题讨论】：

使用 apache tile3
您好@SumeshTG 感谢您的建议。
欢迎兄弟.....

标签： spring hibernate jsp spring-boot design-patterns

【解决方案1】：

你使用jsp:include;这是一个教程，但我相信还有很多其他教程。 https://www.roseindia.net/jsp/include-tag-jsp.shtml

示例：
<jsp:include page="includes/header.jsp" flush="true"> <jsp:param name="title" value="Example" /> </jsp:include>
header.jsp:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>${ param.title }</title>
  <link rel="stylesheet" type="text/css" href="<c:url 
    value="/bootstrap/3.3.6/css/bootstrap.min.css"/>" />
</head>

【讨论】：

jsp:include 将适用于静态内容，但我想将所有与 UI 相关的依赖项添加到我的通用 jsp 中，当我将该 jsp 包含到其他 jsp 时，我可以访问这些依赖项吗？像 common.jsp 一样有 jquery.js，当我将这个 common.jsp 包含到 home.jsp 中时，home.jsp 可以访问 jquey 吗？
是的。例如，您可以创建一个 header.jsp 和 footer.jsp，其中包含所有导入（css、js 等），然后将该 jsp 包含到您的页面中。我会用一个例子来编辑我的答案。
感谢您的确认，您的示例将帮助我，所以等待您的示例
所以使用 jsp:include 标记，在每个页面加载时，所有 UI 依赖项都将被下载或一次下载。根据我对每个页面加载的理解，所有依赖项都将被下载，它可能会影响页面性能。如果是这样，我怎样才能减少依赖下载开销？
您总是可以使用 ajax 来加载内容。但我认为您正试图让基于 jsp 的 Web 应用程序表现得像 React 或 Angular 应用程序，这是不可能的。您必须使用某种模板系统，而不是实际拥有 SPA。