gpt4 book ai didi

java - 动态替换 Java Servlet 中的 HTML 代码

转载 作者:行者123 更新时间:2023-12-01 10:49:29 24 4
gpt4 key购买 nike

我目前正在学习使用 JSP 和 Servlet 进行 Java 服务器端编程。我创建了一个简单的动态Web项目并将其部署在apache tomcat中。基本上,只有一个页面(jsp)作为前端,根据用户选择的内容(表单/单选按钮)使用 servlet 动态更改。

The directory structure:
| index.jsp
|
+---img
| apples.jpg
| oranges.jpg
| salad.jpg
| strawberries.jpg
|
\---WEB-INF
| web.xml
|
\---classes
DynamicServlet.class
DynamicServlet.java

我已配置 web.xml 来启动 index.jsp @( http://localhost:port/contextname )

<web-app>
<welcome-file-list>
<welcome-file>index.jsp</welcome-file>
</welcome-file-list>
</web-app>

index.jsp 中的相关代码:

...<head>...<style> 
.jumbotron {
background-image: linear-gradient( rgba(0, 0, 0, ${grad}), rgba(0, 0, 0, ${grad}) ), url('${pageContext.request.contextPath}/img/${img}');
background-size: cover;
color: ${color};
}

...<body>
<div class="container"> <!-- jumbotron-container -->
<div class="jumbotron">
<h1>Hello, World!</h1> <!-- <====This line====> -->
</div> <!-- /jumbotron -->
</div> <!-- /jumbotron container -->

<div class="container"> <!-- form-container -->
<form action="${pageContext.request.contextPath}/magic" method="get">
<label class="form-label">Pick your favorite:</label>
<div class="input-group form-group col-xs-6">
<span class="input-group-addon">
<input type="radio" name="option" value="apples">
</span>
<input type="text" class="form-control" disabled="disabled" placeholder="Apples">
</div> <!-- /apples -->

<div class="...
</div> <!-- /oranges -->

<div class="...
</div> <!-- /strawberries -->

<div class="...
</div> <!-- /salad -->

<input type="submit" class="btn btn-primary" value="Submit">
</form> <!-- /form -->
</div> <!-- /form-container -->

结果是这样的: jumbotron

现在,当用户做出选择并提交时,servlet 会根据用户的选择使用图像更新大屏幕封面。如您所见,我为此使用了 EL。

Servlet 代码:

    ...doGet(HttpServletRequest.....{
String option = request.getParameter("option");
try {
switch (option) {
case "apples":
request.setAttribute("img", "apples.jpg");
break;

case "oranges":....and so on

}...
...request.getRequestDispatcher("index.jsp").forward(request, response);

它按预期工作。我无法弄清楚如何根据选择更改大屏幕文本。我正在寻找一种方法来替换<h1>Hello, World!</h1>在 index.jsp 中,根据用户从 servlet 中进行的选择(最好使用 getRequestDispatcher()),使用自定义文本(类似于 <h1>Yay, Apples!</h1> )。有什么提示可以实现这一目标吗?

注意: 1. 登陆页面必须有静态大屏幕文本(Hello, World!)
2. 更改必须反射(reflect)在同一页面上。我不打算创建一个 单独的jsp。

我是初学者,所以如果我错过了明显的解决方案,请体谅。谢谢。

最佳答案

我认为你的整个问题最终可以归结为这样的:

I would like to show a static default value when an EL expression does not evaluate to anything.

在这种情况下,请在条件表达式中使用运算符。

<h1>${empty title ? 'Hello World' : title}</h1>

那么,如果您想更改它,只需在 servlet 中添加以下行即可。

request.setAttribute("title", "Not a Hello World");

您甚至可以将其完全保留在 View 端,因为您基本上对名为 option 的请求参数的值感兴趣。

<h1>${param.option eq 'apples' ? 'Yay, Apples!' : param.option eq 'oranges' ? 'Yay, Oranges!' : 'Hello World'}</h1>

关于java - 动态替换 Java Servlet 中的 HTML 代码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33998768/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com