html - 如何在 JSP 上分离内容层和表示层？

我最近开始为网站制作一些用户界面。我目前正在使用一种叫做 Bootstrap 的东西，它很容易上手并且看起来不错。但是背后的想法似乎不太有效，因为我们正在使我们的 jsp 代码(内容)依赖于这样的 css 元素:

<tr class="row col-m-7">
  <td class="column"> ... 
      <a class="btn btn-xs btn-success"> .. </a>
  </td>
  <td class="column"> ... </td>
</tr>

最近 Bootstrap 引入了更新版本 (v3)，我不得不更改许多类属性，直到 jsp 获得稳定的外观。 我想将代码保留在单独的层中以用于内容和表示，这样我就可以轻松切换我的 UI 框架而不会丢失任何内容:

内容(简单的 html 或 jSTL):

   <tr>
      <td>...
      <td>...
    </tr>

介绍:

    .. somehow achieving giving a good look to the table above .. (how ???)

如何在 JSP 上分离内容层和表示层？

最佳答案

更新

正在制定新标准，称为 Web Components ，这将使开发人员能够创建隐藏样式实现和内部 html 标记的自定义 html 元素。例如，模态小部件可以通过以下语法声明:

<bootstrap-modal>
    <h1>Hello World!</h1>
</bootstrap-modal>

在幕后，开发人员指定了用于呈现小部件的实际 html 标记，该实现与自定义组件相关联。

这里有一些教程可以帮助您入门:

如果全部<a>元素看起来一样，然后你可以写一个 css 类和所有 <a>元素将具有相同的样式:

a {
    color:blue;
}

某些网站，无论出于何种原因，可能甚至与 href 的值有关属性;将需要不同的颜色和样式 <a>元素。实现这一目标的唯一方法是使用 class引用样式表中的 css 类的属性:

a.red {
    color:red;
}

<a class="red" href="red.html"/>

这意味着如果您想要为相同的元素名称设置独特的样式，您将始终需要编写将表示元素和样式链接在一起的代码。

关于html - 如何在 JSP 上分离内容层和表示层？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19962483/