前端jsp如何跳转到jsp_使用JSP进行前端模块化

前端jsp如何跳转到jsp

介绍

面对Web应用程序的模块化时,我们经常会遇到这样一种情况,即后端服务和其他后端资源的结构良好,并被分组为某种模块结构。

但是,在我们的情况下,由JSP模板组成的前端部分缺少适当的模块化。 是的,有可能包含,但是通常缺少真实的模块结构。 但是,让我们首先考虑一下“真正的”模块结构对我们意味着什么。

将JSP模板文件切成模块时,我们将任意定义两种模块元素:片段和组件。 让我们从后者开始:组件代表任何内容都可以组成的最小部分。 例如,一个组件可能是一个输入字段,一个选择框或仅仅是一个标签。 在内部组件可能会使用其他组件来显示其内容,但是从概念的角度来看,组件是Web开发人员将大型HTML页面切成可管理的片段时应该使用的最小部分。

另一方面,片段是一组逻辑关联的组件。 例如,常规网页可能由三个片段组成:标题,内容和页脚。 每个片段可以细分为子片段。 就是 标题片段可能包括一个显示徽标图像和标题的信息片段,一个允许用户在每个页面上输入用户名和密码的登录片段以及一个菜单片段,用户可以从菜单片段中选择指向特定页面的链接。 菜单片段本身可能由另一组片段组成:主菜单片段,配置文件数据片段和帮助菜单片段。 等等。

这些片段中的每一个都由以下组件组成:例如,登录片段可能由用户名的输入字段组件,密码的输入字段组件和触发执行登录操作的按钮组件组成。 。

创建索引页面时,我们可能会显示以下页面:

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <jsp:include page="header.jsp" />

    <section id="content">
      Hello World!
    </section>

    <jsp:include page="footer.jsp" />
  </body>
</html>

index.jsp

我们可以看到上面定义的片段。 标头片段位于包含的header.jsp文件中,页脚片段位于包含的footer.jsp中,内容片段是页面本身中的其余内容。

现在,让我们看一下header.jsp文件和其中包含登录页面片段的所引用的login-form.jsp文件:

<header>
  <jsp:include page="header-title.jsp" />
  <jsp:include page="login-form.jsp" />
</header>

header.jsp

<%@ taglib prefix="comp" tagdir="/WEB-INF/tags/components" %>
<form name="login-form" action="/login">
  <comp:fieldPlusLabel name="username" type="text" label="Username" />
  <comp:fieldPlusLabel name="password" type="password" label="Password" />
  <comp:button type="submit" formName="login-form" />
</form>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值