html - 在 CSS 代码中使用 Java 变量

Question

如何在 CSS 文件中使用 Java 变量(例如在 Eclipse Java EE 元素中)。

我的意思是，当我们在 JSP 文件的 HTML 代码中使用 Java 代码( <% ... Java code here ... %> )时，我们可以使用CSS 文件中的 Java 代码(不在 JSP 文件中，在 <style>...</style> 中 - 不是内部插入 ( CSS How To... ))。

因此，我想创建单独的样式 (CSS) 文件 和 JSP 文件(导入我的样式 (CSS) 文件)。

我怎样才能做到这一点，哪种方法合乎逻辑且最好？

---

我正在使用 HttpServlet 类文件并使用 PrintWriter.print(...) 编写内部 CSS 代码, 但它是字符串 + 字符串 + 字符串 + ...

但是，在 CSS 样式中必须使用宽度和高度变量。例如，我有这样的代码:

HTML代码:

...
myPrintWritter.print
  (
    "<div class=\"outterBox\">\n" +
      "<div class=\"innerBox\">Small Box 1</div>\n" +
      "<div class=\"innerBox\">Small Box 2</div>\n" +
    "</div>\n"
  );
...

CSS 代码:

int space = 5;
int innerBoxWidth = 50;
int outterBoxWidth = (innerBoxWidth + space + innerBoxWidth);

myPrintWritter.print("<style type=\"text/css\">\n");
...
myPrintWritter.print
  (
    ".outterBox\n" +
    "{\n" +
      "width: " + outterBoxWidth + "px;\n" +
    "}\n" +
    "\n" +
    ".innerBox\n" +
    "{\n" +
      "width: " + innerBoxWidth + "px;\n" +
    "}\n" +
  );
...
myPrintWritter.print("</style>\n");

我在一个 HttpServlet 类文件中拥有这些所有代码。现在我想将它们分开(在 JSP、CSS、.. 文件中)。

我发现我可以使用 CSS 变量，更准确地说，使用 SASS 和 LESS 并且有可能...... 现在我可以创建 CSS 和 SCSS 文件并在其中编写样式代码。

但是，最好只使用 JAVA and CSS代码而不是 SASS and LESS和其他一些... **

---

使用 String + String + 在 HttpServlet(或 JSP)中编写大量 HTML 和 CSS 代码 ...和正确的方式...

1. 谁能为我的元素提供一些简单的方法(问题 :D)。
2. 另外，如果你在 CSS 方面帮助我，你能在 javascript 方面帮助我吗(同样的问题 - 打字)。

---

谢谢大家...

Answer 1

CSS 不一定必须来自 .css 文件，可以使用任何具有可接受的 MIME 类型的响应。因此，在不知道您的用例来评估它是否是一个好主意的情况下，没有什么能阻止您将 JSP 用作 CSS 包含。

如果您只是使用它来引入这些变量，那么 SASS/LESS 可能会比它在这里的值(value)更痛苦，因为您必须将它设置为动态渲染，并且您必须弄清楚如何以高效的方式为每个渲染器发送变量。

除非您以这种方式添加大量 CSS，否则在 HTML 中打印 CSS block 可能是阻力最小的途径。您可以通过仅对变量值使用 Java 而不是全部使用 Java 来使其更具可读性，如 <% myPrintWritter.print(".outterBox { width: "+outterBoxWidth+"px; }" %> 中所示。变成 .outterBox { width: <%=outterBoxWidth;%>px; }